/* DiagnostiX fault-code pages — extends the same system used by index.html */
.dtc-system-page{background:var(--bg);color:var(--text)}
.dtc-system-page .main-nav a.is-active{color:#fff;position:relative}.dtc-system-page .main-nav a.is-active::after{content:"";position:absolute;left:0;right:0;bottom:-13px;height:2px;border-radius:2px;background:var(--blue-bright);box-shadow:0 0 12px rgba(88,183,255,.75)}
.dtc-system-page main{padding-top:82px}.dtc-system-page svg{display:block}.dtc-system-page .site-header{background:rgba(5,7,12,.72);backdrop-filter:blur(20px) saturate(150%);border-bottom-color:rgba(255,255,255,.06)}

/* iOS-like inner app bar */
.dtc-appbar{position:sticky;top:82px;z-index:89;height:58px;background:rgba(7,11,18,.88);backdrop-filter:blur(24px) saturate(160%);border-bottom:1px solid rgba(255,255,255,.065)}
.dtc-appbar-inner{height:58px;display:grid;grid-template-columns:minmax(130px,1fr) auto minmax(130px,1fr);align-items:center;gap:18px}
.dtc-appbar-inner>strong{font-size:14px;letter-spacing:-.01em;text-align:center;color:#f5f8ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dtc-back{justify-self:start;display:inline-flex;align-items:center;gap:3px;color:#72bdff;font-size:14px;font-weight:650;min-height:42px;margin-left:-9px;padding:0 8px;border-radius:12px}.dtc-back:hover{background:rgba(255,255,255,.055)}.dtc-back svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.dtc-appbar-action{justify-self:end;color:#72bdff;font-size:13px;font-weight:750;min-height:38px;display:inline-flex;align-items:center;padding:0 4px}

/* Library intro */
.dtc-intro,.dtc-code-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#07101b 0%,#05070c 100%)}
.dtc-ambient{position:absolute;z-index:-1;width:900px;height:760px;right:-230px;top:-290px;border-radius:50%;background:radial-gradient(circle,rgba(22,140,255,.2),rgba(13,72,156,.08) 38%,transparent 68%);filter:blur(4px);pointer-events:none}
.dtc-intro{padding:88px 0 94px}.dtc-intro::after,.dtc-code-hero::after{content:"";position:absolute;inset:auto 0 0;height:170px;background:linear-gradient(180deg,transparent,var(--bg));z-index:-1}
.dtc-intro-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(460px,.78fr);gap:76px;align-items:center}
.dtc-intro-copy h1{margin:0;max-width:800px;font-size:clamp(52px,6.7vw,94px);line-height:.94;letter-spacing:-.065em}.dtc-intro-copy h1 em{font-style:normal;color:#76c1ff}.dtc-intro-copy>p:not(.kicker){max-width:720px;margin:29px 0 0;color:#aeb8c8;font-size:clamp(17px,1.45vw,20px);line-height:1.72}
.dtc-intro-meta{display:flex;gap:36px;margin-top:48px}.dtc-intro-meta div{display:grid;gap:3px}.dtc-intro-meta strong{font-size:20px;letter-spacing:-.03em}.dtc-intro-meta span{color:#778599;font-size:11px}

/* Diagnostic console visual / search */
.dtc-console{position:relative;border-radius:30px;padding:1px;background:linear-gradient(145deg,rgba(119,197,255,.34),rgba(255,255,255,.04) 32%,rgba(255,255,255,.02));box-shadow:0 42px 100px rgba(0,0,0,.48),0 0 80px rgba(22,140,255,.08)}
.dtc-console::before{content:"";position:absolute;inset:22% 8% -16%;z-index:-1;background:rgba(22,140,255,.17);filter:blur(70px);border-radius:50%}
.dtc-console-head{height:62px;border-radius:29px 29px 0 0;background:#101a28;display:flex;align-items:center;justify-content:space-between;padding:0 23px;border-bottom:1px solid rgba(255,255,255,.06)}
.dtc-console-head>div{display:flex;align-items:center;gap:9px}.dtc-console-head small{font-size:9px;letter-spacing:.14em;color:#89a2bd;font-weight:850}.dtc-console-head>strong{font-size:10px;letter-spacing:.15em;color:#5f7893}.dtc-live-dot{width:7px;height:7px;border-radius:50%;background:#56d89b;box-shadow:0 0 12px rgba(86,216,155,.82)}
.dtc-console-body{padding:29px 28px 31px;border-radius:0 0 29px 29px;background:radial-gradient(circle at 90% 0,rgba(22,140,255,.11),transparent 38%),#09131f}.dtc-console-body>label{display:block;margin-bottom:11px;color:#8998ab;font-size:11px;font-weight:700}
.dtc-search-control{display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:62px;padding:6px 7px 6px 18px;border-radius:18px;background:#f4f8ff;color:#07101d;box-shadow:0 18px 45px rgba(0,0,0,.28)}
.dtc-search-control svg{width:21px;height:21px;fill:none;stroke:#617082;stroke-width:1.8;stroke-linecap:round}.dtc-search-control input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#07101d;font-size:16px;font-weight:650}.dtc-search-control input::placeholder{color:#8a96a5;font-weight:500}.dtc-search-control button{appearance:none;border:0;min-height:48px;padding:0 20px;border-radius:14px;background:var(--blue);color:#fff;font-weight:850;cursor:pointer;transition:background .2s ease,transform .2s ease}.dtc-search-control button:hover{background:#2d99ff;transform:translateY(-1px)}
.dtc-quick{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:18px}.dtc-quick>span{margin-right:3px;color:#66798e;font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:800}.dtc-quick button{appearance:none;border:0;padding:8px 10px;border-radius:9px;background:#101f30;color:#87c8ff;font-family:"SFMono-Regular",Consolas,monospace;font-size:11px;font-weight:750;cursor:pointer}.dtc-quick button:hover{background:#162b40;color:#fff}

/* Search workspace */
.dtc-workspace{padding:110px 0 125px;background:#05070c}.dtc-workspace-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;padding-bottom:31px;border-bottom:1px solid var(--line)}.dtc-workspace-heading .eyebrow{margin-bottom:16px}.dtc-workspace-heading h2,.dtc-method h2,.dtc-system-cta h2{margin:0;font-size:clamp(42px,5.4vw,76px);line-height:.96;letter-spacing:-.058em}.dtc-count{color:#7e8a9d;font-size:13px;white-space:nowrap;padding-bottom:7px}
.dtc-filter-wrap{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:start;gap:20px;padding:24px 0 9px}.dtc-filter-wrap>span{padding-top:10px;color:#667386;font-size:11px;letter-spacing:.09em;text-transform:uppercase;font-weight:800}.dtc-filter-rail{display:flex;gap:8px;overflow-x:auto;padding:0 2px 12px;scrollbar-width:none;overscroll-behavior-inline:contain}.dtc-filter-rail::-webkit-scrollbar{display:none}.dtc-filter{appearance:none;flex:0 0 auto;border:0;min-height:39px;padding:0 14px;border-radius:999px;background:#0c121c;color:#8996a9;font-size:12px;font-weight:720;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.dtc-filter small{font-size:9px;color:#536174}.dtc-filter:hover{background:#111b29;color:#dfe8f6}.dtc-filter.is-active{background:#f4f8ff;color:#07101d}.dtc-filter.is-active small{color:#647185}
.dtc-list{display:grid;margin-top:9px}.dtc-code-item{display:grid;grid-template-columns:118px minmax(0,1fr) 122px 26px;gap:24px;align-items:center;min-height:103px;border-top:1px solid var(--line);transition:background .22s ease,padding .22s ease}.dtc-code-item:last-child{border-bottom:1px solid var(--line)}.dtc-code-item:hover{background:linear-gradient(90deg,rgba(22,140,255,.065),transparent 75%);padding-inline:15px}.dtc-code-item>strong{font-family:"SFMono-Regular",Consolas,monospace;font-size:24px;letter-spacing:-.045em;color:#78c3ff}.dtc-code-copy{min-width:0}.dtc-code-copy b{display:block;color:#eef4fd;font-size:17px;line-height:1.35;letter-spacing:-.02em}.dtc-code-copy small{display:block;margin-top:7px;color:#748196;font-size:11px}.dtc-urgency{justify-self:start;display:inline-flex;align-items:center;gap:8px;color:#8d99aa;font-size:11px;white-space:nowrap}.dtc-urgency::before{content:"";width:7px;height:7px;border-radius:50%;background:#65b8ff;box-shadow:0 0 0 4px rgba(101,184,255,.08)}.dtc-urgency[data-level="Hoch"]::before,.dtc-urgency[data-level="High"]::before{background:#ffac64;box-shadow:0 0 0 4px rgba(255,172,100,.08)}.dtc-urgency[data-level="Sofort"]::before,.dtc-urgency[data-level="Stop safely"]::before{background:#ff706b;box-shadow:0 0 0 4px rgba(255,112,107,.09)}.dtc-code-item>svg{width:21px;height:21px;fill:none;stroke:#5b687a;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.dtc-code-item:hover>svg{stroke:#83c8ff}
.dtc-empty{padding:58px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#8b98aa;font-size:16px;line-height:1.7}.dtc-more{appearance:none;margin:34px auto 0;min-height:50px;padding:0 21px;border:0;border-radius:999px;background:#111924;color:#dfe8f5;font-size:13px;font-weight:800;display:block;cursor:pointer}.dtc-more:hover{background:#172231}.dtc-more[hidden]{display:none}

/* Editorial method section */
.dtc-method{padding:125px 0;background:#07101b}.dtc-method-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(440px,1fr);gap:100px;align-items:start}.dtc-method h2{max-width:650px}.dtc-method .reveal>p:last-child{max-width:610px;margin:27px 0 0;color:#94a2b6;font-size:17px;line-height:1.72}.dtc-method-steps{display:grid}.dtc-method-steps>div{display:grid;grid-template-columns:55px 1fr;gap:0 20px;padding:25px 0;border-top:1px solid var(--line)}.dtc-method-steps>div:last-child{border-bottom:1px solid var(--line)}.dtc-method-steps span{grid-row:1/3;color:#4aa9fb;font-family:"SFMono-Regular",Consolas,monospace;font-size:12px;padding-top:3px}.dtc-method-steps strong{font-size:17px}.dtc-method-steps p{margin:8px 0 0;color:#758397;font-size:13px;line-height:1.6}
.dtc-system-cta{position:relative;overflow:hidden;padding:115px 0;background:#060a10}.dtc-system-cta::before{content:"";position:absolute;width:900px;height:540px;right:-250px;top:-200px;border-radius:50%;background:radial-gradient(circle,rgba(22,140,255,.16),transparent 68%)}.dtc-system-cta-inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:55px;align-items:end}.dtc-system-cta h2{max-width:780px}.dtc-system-cta p:not(.eyebrow){max-width:720px;color:#8d9aab;font-size:16px;line-height:1.65;margin:24px 0 0}.dtc-system-cta .hero-buttons{margin:0;justify-content:flex-end}

/* Detail page hero */
.dtc-code-hero{padding:84px 0 92px}.dtc-code-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:86px;align-items:end}.dtc-code-number{font-family:"SFMono-Regular",Consolas,monospace;color:#65b9ff;font-size:clamp(74px,10vw,148px);font-weight:750;line-height:.78;letter-spacing:-.085em;margin:43px 0 29px;text-shadow:0 0 46px rgba(22,140,255,.14)}.dtc-code-hero h1{max-width:920px;margin:0;font-size:clamp(38px,5.25vw,73px);line-height:1.01;letter-spacing:-.055em}.dtc-code-summary{max-width:850px;margin:29px 0 0;color:#aab6c7;font-size:clamp(17px,1.45vw,20px);line-height:1.7}
.dtc-status-panel{padding:4px 0;border-top:1px solid var(--line)}.dtc-status-panel>div{display:flex;justify-content:space-between;gap:24px;padding:17px 0;border-bottom:1px solid var(--line)}.dtc-status-panel span{color:#718095;font-size:11px}.dtc-status-panel strong{text-align:right;font-size:13px}.dtc-status-panel strong[data-urgency="Hoch"],.dtc-status-panel strong[data-urgency="High"]{color:#ffb270}.dtc-status-panel strong[data-urgency="Sofort"],.dtc-status-panel strong[data-urgency="Stop safely"]{color:#ff7b76}.dtc-status-panel>a{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;min-height:48px;padding:0 16px;border-radius:14px;background:#101a27;color:#7ec4ff;font-size:12px;font-weight:800}.dtc-status-panel>a svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Detail body */
.dtc-detail-content{padding:105px 0 125px;background:#05070c}.dtc-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:100px;align-items:start}.dtc-article{display:grid}.dtc-article>section{display:grid;grid-template-columns:62px minmax(0,1fr);gap:22px;padding:0 0 55px;margin-bottom:55px;border-bottom:1px solid var(--line)}.dtc-article>section:last-child{margin-bottom:0}.dtc-article>section>span{font-family:"SFMono-Regular",Consolas,monospace;color:#3f9ce9;font-size:11px;padding-top:10px}.dtc-article h2{margin:0 0 22px;font-size:clamp(30px,3.5vw,47px);line-height:1.02;letter-spacing:-.045em}.dtc-article p{margin:0;color:#94a1b3;font-size:17px;line-height:1.78}.dtc-article ul{list-style:none;margin:0;padding:0}.dtc-article li{position:relative;padding:16px 0 16px 28px;border-top:1px solid rgba(255,255,255,.07);color:#c7d0de;font-size:15px;line-height:1.55}.dtc-article li:last-child{border-bottom:1px solid rgba(255,255,255,.07)}.dtc-article li::before{content:"";position:absolute;left:2px;top:24px;width:7px;height:7px;border-radius:50%;background:#168cff;box-shadow:0 0 10px rgba(22,140,255,.6)}
.dtc-diagnostic-aside{position:sticky;top:164px;display:grid;gap:35px}.dtc-safety{padding:28px;border-radius:25px;background:radial-gradient(circle at 100% 0,rgba(22,140,255,.13),transparent 40%),#0c1521;box-shadow:0 24px 70px rgba(0,0,0,.28)}.dtc-safety-icon{width:42px;height:42px;display:grid;place-items:center;margin-bottom:28px;border-radius:13px;background:rgba(22,140,255,.13);color:#69bcff}.dtc-safety-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.dtc-safety small,.dtc-related>small{display:block;color:#68788d;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:850}.dtc-safety strong{display:block;margin-top:12px;font-size:18px;line-height:1.5}.dtc-safety p{margin:17px 0 0;color:#738399;font-size:12px;line-height:1.65}
.dtc-related{display:grid}.dtc-related>small{margin-bottom:12px}.dtc-related>a{display:grid;grid-template-columns:63px minmax(0,1fr) 18px;gap:12px;align-items:center;padding:16px 0;border-top:1px solid var(--line)}.dtc-related>a:last-of-type{border-bottom:1px solid var(--line)}.dtc-related>a strong{font-family:"SFMono-Regular",Consolas,monospace;color:#69bbff;font-size:13px}.dtc-related>a span{min-width:0;color:#98a5b7;font-size:12px;line-height:1.45}.dtc-related>a svg{width:16px;height:16px;fill:none;stroke:#546276;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.dtc-related>a:hover span{color:#fff}.dtc-related>a:hover svg{stroke:#75c0ff}.dtc-related-empty{color:#78869a;font-size:12px}

@media(max-width:1180px){
 .dtc-intro-grid{grid-template-columns:minmax(0,1fr) minmax(410px,.85fr);gap:45px}.dtc-code-hero-grid,.dtc-detail-layout{gap:55px}.dtc-method-grid{gap:60px}
 .dtc-system-page .main-nav{gap:14px}.dtc-system-page .main-nav a{font-size:12px}
}
@media(max-width:920px){
 .dtc-intro-grid,.dtc-code-hero-grid,.dtc-method-grid,.dtc-system-cta-inner,.dtc-detail-layout{grid-template-columns:1fr}.dtc-intro-grid{gap:58px}.dtc-console{max-width:720px}.dtc-code-hero-grid{gap:48px}.dtc-status-panel{max-width:640px}.dtc-method-grid{gap:52px}.dtc-system-cta-inner{align-items:start}.dtc-system-cta .hero-buttons{justify-content:flex-start}.dtc-detail-layout{gap:70px}.dtc-diagnostic-aside{position:static;grid-template-columns:1fr 1fr;gap:28px}.dtc-related{align-content:start}.dtc-filter-wrap{grid-template-columns:1fr}.dtc-filter-wrap>span{padding-top:0}.dtc-appbar-inner{grid-template-columns:minmax(90px,1fr) auto minmax(90px,1fr)}
}
@media(max-width:820px){
 .dtc-system-page main{padding-top:70px}.dtc-appbar{top:70px}.dtc-system-page .main-nav a.is-active::after{display:none}.dtc-system-page .main-nav a.is-active{color:#72bdff}
 .dtc-intro{padding:62px 0 78px}.dtc-workspace,.dtc-detail-content{padding:85px 0 95px}.dtc-method{padding:90px 0}.dtc-system-cta{padding:90px 0}.dtc-code-hero{padding:65px 0 78px}
 .dtc-intro-copy h1{font-size:clamp(48px,12vw,75px)}.dtc-code-number{margin-top:31px}.dtc-code-hero h1{font-size:clamp(37px,8vw,58px)}
 .dtc-appbar-inner{height:58px}.dtc-appbar-action{font-size:12px}.dtc-back{font-size:13px}
}
@media(max-width:620px){
 .dtc-appbar-inner{grid-template-columns:1fr auto 1fr;gap:6px}.dtc-appbar-inner>strong{max-width:130px}.dtc-appbar-action{font-size:0}.dtc-appbar-action::after{content:"App";font-size:12px}.dtc-back{margin-left:-8px}.dtc-back span{font-size:12px}
 .dtc-intro{padding-top:48px}.dtc-intro-copy h1{font-size:clamp(43px,14.4vw,64px)}.dtc-intro-copy>p:not(.kicker){font-size:16px}.dtc-intro-meta{justify-content:space-between;gap:9px;margin-top:37px}.dtc-intro-meta strong{font-size:17px}.dtc-intro-meta span{font-size:9px}
 .dtc-console{border-radius:24px}.dtc-console-head{height:54px;border-radius:23px 23px 0 0;padding-inline:18px}.dtc-console-body{padding:22px 17px 24px;border-radius:0 0 23px 23px}.dtc-search-control{grid-template-columns:22px minmax(0,1fr);padding:6px 14px;min-height:58px}.dtc-search-control button{display:none}.dtc-search-control input{font-size:14px}.dtc-quick{gap:6px}.dtc-quick>span{width:100%;margin-bottom:2px}
 .dtc-workspace-heading{align-items:flex-start;flex-direction:column}.dtc-workspace-heading h2,.dtc-method h2,.dtc-system-cta h2{font-size:clamp(39px,11.8vw,56px)}.dtc-filter-wrap{padding-top:20px}.dtc-code-item{grid-template-columns:80px minmax(0,1fr) 18px;gap:13px;min-height:91px}.dtc-code-item:hover{padding-inline:8px}.dtc-code-item>strong{font-size:18px}.dtc-code-copy b{font-size:14px}.dtc-code-copy small{font-size:10px}.dtc-urgency{display:none}.dtc-code-item>svg{width:17px;height:17px}
 .dtc-method-steps>div{grid-template-columns:44px 1fr;gap:0 13px}.dtc-system-cta .hero-buttons{display:grid;width:100%}.dtc-system-cta .button{width:100%}
 .dtc-code-number{font-size:clamp(70px,24vw,112px)}.dtc-code-summary{font-size:16px}.dtc-status-panel{margin-top:3px}.dtc-detail-layout{gap:55px}.dtc-article>section{grid-template-columns:40px minmax(0,1fr);gap:12px;padding-bottom:42px;margin-bottom:42px}.dtc-article h2{font-size:31px}.dtc-article p{font-size:15px}.dtc-article li{font-size:14px}.dtc-diagnostic-aside{grid-template-columns:1fr}.dtc-safety{padding:23px;border-radius:21px}
}