/* HEAVYGAMING 2.18 – original interactive diagnostics, no third-party font or asset. */
.dn-hero,.dn-section{color:#eef6ec;background:#08120e}
.dn-hero{border-bottom:1px solid #365441;position:relative;overflow:hidden;isolation:isolate;padding:94px 0 86px}
.dn-hero::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 45% 70% at 88% 45%,rgba(178,255,126,.13),transparent 92%),radial-gradient(ellipse 45% 80% at 10% 0%,rgba(58,139,98,.11),transparent 88%),linear-gradient(115deg,#09120e 40%,#111d19)}
.dn-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.98fr);gap:54px;align-items:center}
.dn-overline{color:#d7fb72;font:800 .72rem/1.5 ui-monospace,monospace;letter-spacing:.11em;display:flex;align-items:center;gap:10px}
.dn-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#d6f96d;box-shadow:0 0 18px #d6f96d}
.dn-hero h1{font-size:clamp(2.9rem,5.3vw,5.6rem);letter-spacing:-.075em;line-height:1.02;font-weight:950;margin:27px 0 22px;max-width:820px}
.dn-hero h1 em{color:#d7fb72;font-style:normal}
.dn-hero-text>p{font-size:clamp(.98rem,1.4vw,1.12rem);line-height:1.72;color:#becfc1;max-width:665px;margin:0 0 32px}
.dn-hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.dn-hero-points{display:flex;flex-wrap:wrap;gap:12px 23px;border-top:1px solid #46614d;margin-top:40px;padding-top:22px;color:#adbfaf;font-size:.79rem}
.dn-hero-points span{display:flex;align-items:center;gap:8px}
.dn-hero-points strong{color:#d6f96d;font:900 1.16rem ui-monospace,monospace}
.dn-hero-visual{margin:0;min-width:0;position:relative;border:1px solid #56755d;background:#102016;box-shadow:0 36px 95px rgba(0,0,0,.58);border-radius:13px;overflow:hidden;transform:rotate(-1deg)}
.dn-hero-visual img{display:block;width:100%;height:auto;aspect-ratio:1.43;object-fit:cover;object-position:54% center}
.dn-hero-visual figcaption{position:absolute;bottom:0;left:0;right:0;padding:11px 16px;background:linear-gradient(90deg,#09110dec,#09110d90);font:700 .7rem ui-monospace,monospace;color:#e2f4d6}
.dn-section{scroll-margin-top:82px;padding-top:77px;padding-bottom:95px;background:linear-gradient(#08120e,#0b1711)}
.dn-section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:32px}
.dn-section-head h2{font-size:clamp(2.2rem,4vw,3.65rem);letter-spacing:-.06em;font-weight:950;line-height:1.08;margin:8px 0 13px}
.dn-section-head p{margin:0;color:#b5c9b8;font-size:.98rem;line-height:1.65;max-width:650px}
.dn-section-counter{font:750 .8rem ui-monospace,monospace;color:#d6f96d;border-bottom:1px solid #5b7a60;padding-bottom:14px;white-space:nowrap}
.dn-topic-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:0 0 35px}
.dn-topic{display:block;min-width:0;overflow:hidden;text-decoration:none;background:#101e17;border:1px solid #3c5a48;border-radius:10px;color:#f2f8ef;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.dn-topic:hover,.dn-topic:focus-visible{border-color:#d6f96d;transform:translateY(-2px)}
.dn-topic[aria-current=page]{border-color:#c9f779;background:#183023;box-shadow:0 0 0 1px rgba(211,251,104,.2),inset 0 3px 0 #d6f96d}
.dn-topic-image{display:block;position:relative;aspect-ratio:1.5;overflow:hidden;border-bottom:1px solid #35543e}
.dn-topic-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .2s ease}
.dn-topic:hover img{transform:scale(1.04)}
.dn-topic-image::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(4,12,8,.91))}
.dn-topic-image small{position:absolute;z-index:1;bottom:13px;left:15px;right:12px;color:#d8f98b;font:850 .63rem ui-monospace,monospace;letter-spacing:.07em}
.dn-topic-title{display:flex;gap:12px;align-items:start;justify-content:space-between;padding:17px 16px 19px;font-size:clamp(.85rem,1.2vw,1rem);font-weight:850;line-height:1.38}
.dn-topic-title b{color:#cafa77;font-size:1.15rem}
.dn-lab{min-width:0}
.dn-panel{padding:25px;background:#101c15;border:1px solid #527257;border-radius:14px;box-shadow:0 25px 50px #0005}
.dn-panel[hidden]{display:none!important}
.dn-panel-header{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:12px 10px 27px}
.dn-panel-header>div:first-child>span{display:block;font:850 .67rem ui-monospace,monospace;letter-spacing:.09em;color:#d8f877;margin-bottom:12px}
.dn-panel-header h3{font-size:clamp(1.75rem,3.15vw,3.1rem);font-weight:950;letter-spacing:-.06em;line-height:1.07;margin:0 0 12px}
.dn-panel-header p{color:#b3cbb6;font-size:.93rem;line-height:1.65;max-width:850px;margin:0}
.dn-progress{min-width:126px;display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.dn-progress strong{font:950 1.72rem/1 ui-monospace,monospace;color:#dafa89}
.dn-progress small{font:750 .64rem ui-monospace,monospace;letter-spacing:.13em;color:#a2bb9c}
.dn-progress-track{height:5px;border-radius:30px;width:126px;overflow:hidden;background:#2c4632;margin-top:8px}
.dn-progress-track i{display:block;background:#d7fb72;width:0;height:100%;transition:width .2s ease}
.dn-main-graphic{margin:0;border:1px solid #49664f;border-radius:8px;background:#07120d;overflow:hidden}
.dn-main-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:#8da979 #101a13}
.dn-main-scroll img{display:block;width:100%;height:auto;max-width:100%}
.dn-main-graphic figcaption{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;padding:12px 16px;border-top:1px solid #355443;color:#a8c3aa;font-size:.74rem;line-height:1.5}
.dn-main-graphic figcaption a{font-weight:800;color:#dafb79}
.dn-workspace{background:#0b1711;border:1px solid #395c42;border-radius:11px;padding:27px;margin-top:25px}
.dn-workspace-kicker,.dn-question-num{display:block;color:#cff276;font:800 .67rem ui-monospace,monospace;letter-spacing:.12em}
.dn-workspace header h4{font-size:clamp(1.5rem,2.5vw,2.4rem);line-height:1.1;letter-spacing:-.047em;margin:11px 0 10px;color:#f0f8ea}
.dn-workspace header>p{font-size:.88rem;color:#b3cbb4;max-width:870px;line-height:1.65;margin:0 0 26px}
.dn-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding-bottom:17px;margin-bottom:22px;border-bottom:1px solid #40604a}
.dn-step{display:flex;align-items:center;gap:9px;min-height:58px;border:1px solid #355240;border-radius:6px;background:#14231a;padding:9px 10px;color:#96b2a0;font-size:.74rem;font-weight:700;line-height:1.3}
.dn-step span{display:grid;place-items:center;border-radius:4px;min-width:29px;height:30px;font:850 .7rem ui-monospace,monospace;background:#203b2a;color:#a9c39b}
.dn-step.is-current{border-color:#d7fb72;background:#203522;color:#f1f7ed}
.dn-step.is-current span{background:#d7fb72;color:#182218}
.dn-step.is-done:not(.is-current){border-color:#72975e;color:#e1f0d0}
.dn-step.is-done:not(.is-current) span::after{content:'✓'}
.dn-step.is-done:not(.is-current) span{font-size:0}
.dn-step.is-done:not(.is-current) span::after{font-size:.86rem}
.dn-question{min-height:236px}
.dn-question[hidden]{display:none!important}
.dn-question h5{font-size:clamp(1.17rem,2vw,1.7rem);color:#f2fbeb;font-weight:900;letter-spacing:-.023em;line-height:1.33;max-width:930px;margin:12px 0 10px}
.dn-question h5:focus-visible{outline:2px solid #d7fb72;outline-offset:4px}
.dn-why{font-size:.88rem;color:#b9cbb8;line-height:1.6;max-width:950px;margin:0 0 20px}
.dn-choices{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}
.dn-choices[hidden],.dn-controls[hidden]{display:none!important}
.dn-choices button{border:1px solid #55765a;border-radius:6px;background:#192a1d;color:#deebdb;font:750 .81rem system-ui,sans-serif;padding:11px 17px;cursor:pointer}
.dn-choices button:hover,.dn-choices button:focus-visible{border-color:#d7fb72;color:#f3ffe5}
.dn-choices button[aria-pressed=true]{background:#d7fb72;color:#122014;border-color:#d7fb72}
.dn-outcome{margin-top:16px;padding:19px 23px;background:#1e3323;border-left:4px solid #d7fb72;border-radius:0 6px 6px 0}
.dn-outcome[hidden]{display:none!important}
.dn-outcome span{font:800 .66rem ui-monospace,monospace;letter-spacing:.1em;color:#d8fc76}
.dn-outcome p{font-size:.91rem;color:#f0f7ec;line-height:1.58;margin:7px 0 0}
.dn-controls{border-top:1px solid #405c42;display:flex;align-items:center;gap:11px;flex-wrap:wrap;padding-top:17px;margin-top:21px}
.dn-controls button{font:800 .77rem system-ui,sans-serif;cursor:pointer}
.dn-previous,.dn-reset,.dn-copy{background:none;border:1px solid #526c55;padding:10px 13px;color:#d2e7d0;border-radius:6px}
.dn-reset{margin-left:auto;border-color:transparent;color:#99ae9c}
.dn-previous:disabled{opacity:.35;cursor:not-allowed}
.dn-copy{color:#d8f872}
.dn-feedback{margin:13px 0 0;font-size:.73rem;color:#a5bca9;line-height:1.55}
.dn-nojs{color:#9baea4;font-size:.77rem}
.dn-next-read{background:linear-gradient(104deg,#213e28,#0d2618);border:1px solid #4e7f4d;border-radius:9px;margin-top:21px;padding:25px 27px;display:flex;gap:28px;justify-content:space-between;align-items:center}
.dn-next-read h4{font-size:1.34rem;line-height:1.22;margin:7px 0 6px;letter-spacing:-.025em;color:#f0f9e8}
.dn-next-read p{font-size:.83rem;color:#c0d5bd;max-width:690px;line-height:1.6;margin:0}
.dn-next-read .button{flex-shrink:0}
.dn-disclaimer{border-top:1px solid #42634a;padding-top:19px;font-size:.77rem;line-height:1.65;color:#b2c6b4;margin:22px 0 0}
.dn-disclaimer strong{color:#d8f88a}
/* In guides and homepage, the rich visual remains separate from its technical advice. */
.dn-guide-teaser{border:1px solid #4d714e;border-radius:11px;background:#14251a;margin:28px 0 38px;overflow:hidden;display:grid;grid-template-columns:37% minmax(0,1fr);align-items:stretch}
.dn-guide-teaser>img{display:block;width:100%;height:100%;object-fit:cover;max-height:290px}
.dn-guide-teaser>div{min-width:0;padding:20px 22px}
.dn-guide-teaser small{display:block;color:#d7fb72;font:800 .65rem ui-monospace,monospace;letter-spacing:.06em}
.dn-guide-teaser h2{font-size:1.32rem!important;letter-spacing:-.035em;line-height:1.18;margin:8px 0 8px!important}
.dn-guide-teaser p{font-size:.79rem;line-height:1.5;color:#bfd0bd;margin:0 0 15px}
.dn-guide-teaser a{font-size:.8rem;font-weight:850;color:#d7fb72;text-decoration:none}
.dn-home-teaser{background:#0a170f;border-top:1px solid #345741;border-bottom:1px solid #345741}
.dn-home-teaser .dn-home-head{display:flex;gap:30px;align-items:end;justify-content:space-between;margin-bottom:26px}
.dn-home-head h2{font-size:clamp(1.95rem,3.4vw,3.25rem);font-weight:950;letter-spacing:-.06em;margin:8px 0 12px}
.dn-home-head p{font-size:.94rem;max-width:750px;color:#bbd0bb;line-height:1.6;margin:0}
.dn-home-head a{font-size:.8rem;color:#d7fb72;font-weight:850;flex-shrink:0}
.dn-home-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.dn-home-card{display:block;min-width:0;text-decoration:none;background:#17241a;border-radius:8px;overflow:hidden;border:1px solid #3f6a47;color:#edf8e6}
.dn-home-card:hover,.dn-home-card:focus-visible{border-color:#d7fb72}
.dn-home-card img{display:block;width:100%;aspect-ratio:1.55;object-fit:cover}
.dn-home-card>div{display:flex;flex-direction:column;gap:7px;padding:15px 15px 18px}
.dn-home-card span{color:#d7fb72;font:800 .61rem ui-monospace,monospace}
.dn-home-card strong{font-size:.94rem;line-height:1.33}
.dn-home-card small{font-size:.72rem;color:#b3c6b1;line-height:1.4}
.dn-index-promo{margin-bottom:24px;padding:21px 23px;border-radius:10px;border:1px solid #587751;background:linear-gradient(115deg,#183320,#0b1810);display:flex;gap:30px;align-items:center;justify-content:space-between}
.dn-index-promo h3{font-size:1.36rem;margin:6px 0 7px;letter-spacing:-.035em;color:#ebf6e9}
.dn-index-promo p{font-size:.85rem;color:#bbd3be;line-height:1.5;max-width:850px;margin:0}
.dn-index-promo>a{color:#d7fb72;font-weight:850;white-space:nowrap}
@media(max-width:1100px){.dn-hero-inner{grid-template-columns:1fr}.dn-hero{padding:68px 0}.dn-hero-visual{max-width:800px;transform:none}.dn-topic-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.dn-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dn-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.dn-hero{padding:47px 0 55px}.dn-hero h1{font-size:clamp(2.45rem,10vw,3.85rem)}.dn-hero-points{gap:14px 24px}.dn-section{padding-top:49px}.dn-section-head{flex-direction:column;align-items:start}.dn-section-counter{display:none}.dn-topic-nav{gap:9px}.dn-topic-title{font-size:.84rem;padding:12px}.dn-topic-image small{font-size:.52rem;bottom:8px;left:8px}.dn-panel{padding:11px}.dn-panel-header{flex-direction:column;align-items:start;padding:15px 7px 17px}.dn-progress{align-items:start;width:100%}.dn-progress-track{width:100%}.dn-main-scroll img{max-width:none;width:850px}.dn-main-graphic figcaption{padding:12px;font-size:.7rem}.dn-main-graphic::after{content:'← Grafik seitlich verschieben →';display:block;text-align:center;color:#a2c2a9;font:.66rem ui-monospace,monospace;padding:9px;border-top:1px solid #34503a}.dn-workspace{padding:15px}.dn-steps{gap:6px}.dn-step{font-size:.68rem}.dn-question{min-height:0}.dn-choices{display:grid;grid-template-columns:1fr}.dn-choices button{text-align:left}.dn-controls{display:grid;grid-template-columns:1fr 1fr}.dn-controls .button{grid-column:2}.dn-controls .dn-reset{margin-left:0}.dn-next-read{flex-direction:column;align-items:start;padding:20px}.dn-guide-teaser{grid-template-columns:1fr}.dn-guide-teaser>img{height:190px}.dn-home-head{flex-direction:column;align-items:start!important}.dn-index-promo{flex-direction:column;align-items:start}.dn-index-promo a{white-space:normal}}
@media(max-width:380px){.dn-topic-nav,.dn-home-grid{grid-template-columns:1fr}.dn-topic-image{aspect-ratio:2.25}.dn-controls{grid-template-columns:1fr}.dn-controls .button{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.dn-topic,.dn-topic-image img,.dn-progress-track i{transition:none!important}.dn-topic:hover,.dn-topic:focus-visible{transform:none!important}}