:root {
  --ink: #ffffff;
  --muted: #c8d1dc;
  --blue: #2588ff;
  --blue-2: #64b5ff;
  --anthracite: #101318;
  --panel: #171b22;
  --panel-2: #1d222b;
  --line: rgba(255, 255, 255, 0.1);
  --success: #55e7a0;
  --warning: #ffbf69;
  --danger: #ff7777;
  --neutral: #9fb2c4;
  --content-max: 1184px;
  --content-gutter: 28px;
  --content-gutter-mobile: 18px;
  --control-height: 54px;
  --control-height-sm: 42px;
  --control-height-md: 48px;
  --control-height-lg: 52px;
  --control-bg: #0e131a;
  --control-border: #40536a;
  --control-border-hover: #6598c7;
  --control-focus: #72bdff;
  --control-placeholder: #abb6c4;
  --control-padding-x: 16px;
  --control-inset: 2px;
  --button-padding-sm: 0 13px;
  --button-padding-md: 0 18px;
  --button-padding-lg: 0 21px;
  --radius-ui: 0;
  --shadow-panel: 0 22px 58px rgba(0,0,0,.24);
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 18px;
  --space-lg: 28px;
  --space-xl: 42px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 98px; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; text-rendering: auto; }
body { margin: 0; background: var(--anthracite); color: var(--ink); font-family: Arial, "Helvetica Neue", "Segoe UI", sans-serif; font-size: 17px; line-height: 1.62; font-kerning: normal; }
.site-shell { overflow: clip; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
button { color: inherit; }
button:focus-visible, a:focus-visible, input:focus-visible, summary:focus-visible { outline: 2px solid var(--blue-2); outline-offset: 3px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.nav { height: 78px; width: 100%; max-width: none; margin: 0; padding: 0 max(28px, calc((100% - 1184px) / 2)); display: flex; align-items: center; border-bottom: 1px solid rgba(255,255,255,.14); position: sticky; top: 0; z-index: 1000; background: #0e1116; box-shadow: 0 12px 34px rgba(0,0,0,.18); }
.brand { flex: 0 0 190px; display: flex; align-items: center; gap: 12px; font-size: 15px; font-weight: 800; letter-spacing: .1em; }
.brand b { color: var(--blue-2); }
.brand-mark { width: 36px; height: 36px; display: grid; place-items: center; background: var(--blue); color: white; font-size: 20px; letter-spacing: 0; font-weight: 900; clip-path: polygon(0 0, 100% 0, 82% 100%, 0 100%); }
.nav-links { flex: 1 1 auto; display: flex; justify-content: flex-end; align-items: center; gap: 14px; color: #aeb7c5; font-size: 13px; }
.nav-links a { position: relative; }
.nav-links a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -9px; height: 1px; background: var(--blue-2); transition: right .25s ease; }
.nav-links a:hover { color: white; }
.nav-links a:hover::after { right: 0; }
.nav-links a.active { color: white; }
.nav-links a.active::after { right: 0; }
.nav-links .nav-search { width: 42px; height: 42px; display: grid; place-items: center; flex: 0 0 42px; margin-left: 2px; border: 1px solid rgba(100,181,255,.28); background: rgba(37,136,255,.06); transition: background .2s ease, border-color .2s ease; }
.nav-links .nav-search::after { display: none; }
.nav-links .nav-search:hover, .nav-links .nav-search.active { background: rgba(37,136,255,.18); border-color: var(--blue-2); }
.nav-search-icon, .site-search-icon, .icon-search { width: 20px; height: 20px; display: inline-block; position: relative; flex: 0 0 20px; color: #cfe7ff; }
.nav-search-icon::before, .site-search-icon::before, .icon-search::before { content: ""; width: 12px; height: 12px; position: absolute; left: 2px; top: 2px; border: 2px solid currentColor; border-radius: 50%; box-sizing: border-box; }
.nav-search-icon::after, .site-search-icon::after, .icon-search::after { content: ""; width: 7px; height: 2px; position: absolute; left: 11px; top: 12px; border-radius: 999px; background: currentColor; transform: rotate(45deg); transform-origin: left center; }
.nav-search-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.menu-toggle { display: none; width: 48px; height: 44px; padding: 0; border: 1px solid rgba(100,181,255,.32); background: rgba(37,136,255,.07); align-items: center; justify-content: center; flex-direction: column; gap: 5px; cursor: pointer; }
.menu-toggle > span { width: 21px; height: 2px; display: block; background: #cfe7ff; transition: transform .25s ease, opacity .2s ease, width .25s ease; transform-origin: center; }
.menu-toggle:hover { background: rgba(37,136,255,.16); border-color: var(--blue-2); }
.nav.menu-open .menu-toggle > span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nav.menu-open .menu-toggle > span:nth-child(2) { opacity: 0; width: 0; }
.nav.menu-open .menu-toggle > span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

.hero { min-height: 690px; max-width: 1240px; margin: 0 auto; padding: 86px 28px 80px; display: grid; grid-template-columns: 1.08fr .92fr; gap: 76px; align-items: center; position: relative; overflow: hidden; }
.hero::before { content: ""; position: absolute; width: 680px; height: 680px; right: -280px; top: -260px; border-radius: 50%; background: rgba(28, 126, 242, .15); filter: blur(80px); }
.hero-grid { position: absolute; inset: -54px; opacity: .22; background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(to right, black, transparent 85%); pointer-events: none; animation: gridDrift 16s linear infinite; }
.hero-copy, .assistant-card, .portal-card { position: relative; z-index: 1; }
.hero-copy { animation: heroIn .75s .12s cubic-bezier(.2,.8,.2,1) backwards; }
.eyebrow, .kicker { text-transform: uppercase; color: var(--blue-2); font-size: 11px; font-weight: 800; letter-spacing: .19em; }
.eyebrow { display: flex; align-items: center; gap: 10px; }
.eyebrow span { display: inline-block; width: 24px; height: 1px; background: var(--blue); }
h1 { font-size: clamp(48px, 5vw, 71px); line-height: 1.03; letter-spacing: -.035em; margin: 24px 0; max-width: 680px; }
h1 em, h2 em { color: var(--blue-2); font-style: normal; }
.hero-copy > p { max-width: 600px; color: #a8b1bf; line-height: 1.75; font-size: 16px; }
.hero-actions { display: flex; gap: 12px; margin: 34px 0; }
.button { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: 30px; padding: 0 21px; font-size: 13px; font-weight: 800; transition: transform .25s ease, background .25s ease, border-color .25s ease; }
.button > span:not(.ui-icon) { display: inline-block; }
.button.primary { background: var(--blue); box-shadow: 0 14px 34px rgba(0, 116, 255, .22); }
.button.primary:hover { background: #3b95ff; }
.button.secondary { border: 1px solid var(--line); color: #c9d1dc; background: rgba(255,255,255,.02); }

/* Einheitliche, scharfe 2D-Aktionssymbole ohne Icon-Font oder externe Bibliothek. */
.has-ui-icon { display: inline-flex; align-items: center; justify-content: center; gap: 10px; }
.ui-icon { width: 18px; height: 18px; display: inline-block; flex: 0 0 18px; position: relative; color: currentColor; line-height: 1; }
.ui-icon::before, .ui-icon::after { content: ""; position: absolute; box-sizing: border-box; }
.button > .ui-icon, .tool-open > .ui-icon, .windows-launchlinks a > .ui-icon, .text-link > .ui-icon { transition: transform .2s ease; }
.button:hover > .icon-arrow-right, .text-link:hover > .icon-arrow-right { transform: translateX(3px); }
.button:hover > .icon-external, .tool-open:hover > .icon-external, .windows-launchlinks a:hover > .icon-external { transform: translate(2px, -2px); }

.icon-arrow-right::before { width: 13px; height: 2px; left: 2px; top: 8px; background: currentColor; }
.icon-arrow-right::after { width: 7px; height: 7px; right: 2px; top: 5px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; transform: rotate(45deg); }
.icon-external::before { width: 12px; height: 2px; left: 3px; top: 8px; background: currentColor; transform: rotate(-45deg); }
.icon-external::after { width: 8px; height: 8px; right: 1px; top: 1px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; }
.icon-send::before { inset: 1px; background: currentColor; clip-path: polygon(0 4%, 100% 50%, 0 96%, 23% 57%, 64% 50%, 23% 43%); }
.icon-copy::before { width: 11px; height: 12px; left: 1px; top: 1px; border: 1.8px solid currentColor; }
.icon-copy::after { width: 11px; height: 12px; right: 1px; bottom: 1px; border: 1.8px solid currentColor; background: inherit; }
.icon-download { border-bottom: 2px solid currentColor; }
.icon-download::before { width: 2px; height: 11px; left: 8px; top: 1px; background: currentColor; }
.icon-download::after { width: 8px; height: 8px; left: 5px; top: 5px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); }
.icon-print::before { width: 16px; height: 10px; left: 1px; top: 6px; border: 2px solid currentColor; }
.icon-print::after { width: 11px; height: 14px; left: 3.5px; top: 0; border: 2px solid currentColor; background: #151b23; box-shadow: inset 0 -5px 0 -3px currentColor; }
.icon-restart::before { width: 14px; height: 14px; left: 2px; top: 2px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; }
.icon-restart::after { width: 0; height: 0; right: 0; top: 0; border-left: 5px solid currentColor; border-top: 3px solid transparent; border-bottom: 3px solid transparent; transform: rotate(-28deg); }
.icon-chevron-down::before { width: 9px; height: 9px; left: 4.5px; top: 3px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); }
.icon-close::before, .icon-close::after { width: 16px; height: 2px; left: 1px; top: 8px; background: currentColor; }
.icon-close::before { transform: rotate(45deg); }
.icon-close::after { transform: rotate(-45deg); }
.icon-case::before { width: 13px; height: 16px; left: 2px; top: 1px; border: 1.8px solid currentColor; }
.icon-case::after { width: 7px; height: 2px; left: 5px; top: 6px; background: currentColor; box-shadow: 0 4px 0 currentColor; }
.icon-mail::before { width: 16px; height: 12px; left: 1px; top: 3px; border: 1.8px solid currentColor; }
.icon-mail::after { width: 10px; height: 10px; left: 4px; top: 0; border-right: 1.8px solid currentColor; border-bottom: 1.8px solid currentColor; transform: rotate(45deg); }
.icon-trash::before { width: 11px; height: 13px; left: 3.5px; top: 4px; border: 1.8px solid currentColor; }
.icon-trash::after { width: 13px; height: 2px; left: 2.5px; top: 2px; background: currentColor; box-shadow: 4px -2px 0 -1px currentColor; }
.icon-check::before { width: 12px; height: 7px; left: 3px; top: 4px; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(-45deg); }
.has-ui-icon.is-success .ui-icon { color: #78e7b0; }
.trust-row { display: flex; gap: 19px; flex-wrap: wrap; color: #8490a0; font-size: 11px; }
.trust-row i { color: var(--blue-2); font-style: normal; margin-right: 4px; }

.assistant-card { background: rgba(25, 30, 38, .96); border: 1px solid rgba(100, 181, 255, .22); box-shadow: 0 28px 70px rgba(0,0,0,.42); animation: assistantIn .8s .28s cubic-bezier(.2,.8,.2,1) backwards; }
.assistant-card::before { content: ""; position: absolute; top: -1px; left: 40px; right: 40px; height: 1px; background: linear-gradient(90deg, transparent, var(--blue), transparent); }
.assistant-head { height: 78px; display: flex; align-items: center; gap: 13px; padding: 0 28px; border-bottom: 1px solid var(--line); }
.bot-avatar { width: 54px; height: 54px; display: grid; place-items: center; flex-shrink: 0; overflow: visible; background: #10161e; border: 1px solid rgba(116,194,255,.62); box-shadow: 0 12px 28px rgba(0,90,205,.28); position: relative; }
.bot-avatar img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center 30%; }
.bot-avatar span { position: absolute; right: -4px; bottom: -4px; width: 12px; height: 12px; border-radius: 50%; background: #55e7a0; border: 3px solid #1a2029; box-shadow: 0 0 12px rgba(85,231,160,.6); }
.assistant-head strong, .assistant-head small { display: block; }
.assistant-head strong { font-size: 13px; }
.assistant-head small { color: #788598; font-size: 10px; margin-top: 5px; }
.secure { margin-left: auto; color: #778497; font-size: 10px; text-transform: uppercase; letter-spacing: .1em; }
.messages { min-height: 242px; max-height: 315px; overflow: auto; padding: 21px 28px 10px; display: flex; flex-direction: column; gap: 10px; }
.message { max-width: 88%; animation: rise .22s ease-out; }
.message p { margin: 0; padding: 12px 14px; color: #c9d2df; background: #222832; line-height: 1.55; font-size: 12px; }
.message.user { align-self: flex-end; }
.message.user p { background: #126fdc; color: white; }
.match { width: 100%; margin-top: 6px; padding: 10px; border: 1px solid var(--line); background: #12161c; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 9px; text-align: left; cursor: pointer; }
.match:hover { border-color: var(--blue); }
.match code { color: var(--blue-2); font-size: 9px; }
.match span { overflow: hidden; text-overflow: ellipsis; font-size: 10px; white-space: nowrap; }
.match b { color: var(--blue-2); }
.suggestions { padding: 0 28px 12px; }
.suggestions > span { color: #687487; font-size: 9px; text-transform: uppercase; letter-spacing: .15em; }
.suggestions > div { display: flex; gap: 6px; margin-top: 8px; flex-wrap: wrap; }
.suggestions button { border: 1px solid var(--line); background: transparent; color: #9aa7b8; padding: 7px 9px; font-size: 10px; cursor: pointer; }
.suggestions button:hover { border-color: var(--blue); color: white; }
.chat-form { margin: 0 28px 10px; border: 1px solid rgba(100,181,255,.22); display: flex; background: #11151b; }
.chat-form input { flex: 1; min-width: 0; height: 48px; border: 0; outline: 0; padding: 0 13px; color: white; background: transparent; font-size: 11px; }
.chat-form input::placeholder { color: #566174; }
.chat-form button { width: 48px; margin: 5px; border: 0; background: var(--blue); cursor: pointer; font-size: 13px; }
.chat-note { display: block; padding: 0 28px 16px; color: #596477; font-size: 8px; line-height: 1.4; }

.assistant-pro { border-color: rgba(100,181,255,.36); background: linear-gradient(155deg, rgba(28,35,45,.98), rgba(17,21,28,.98)); box-shadow: 0 34px 90px rgba(0,0,0,.48), 0 0 0 1px rgba(37,136,255,.04); }
.assistant-pro .assistant-head { height: 82px; }
.assistant-reset { margin-left: auto; padding: 8px 10px; border: 1px solid var(--line); color: #aeb9c8; background: transparent; font-size: 11px; font-weight: 700; cursor: pointer; }
.assistant-reset:hover { color: white; border-color: rgba(100,181,255,.5); background: rgba(37,136,255,.08); }
.assistant-head-actions { margin-left: auto; display: flex; align-items: center; gap: 6px; }
.assistant-head-actions .assistant-reset { margin-left: 0; }
.assistant-back { padding: 8px 10px; border: 1px solid var(--line); color: #c8d6e5; background: rgba(255,255,255,.025); font-size: 11px; font-weight: 750; cursor: pointer; }
.assistant-back:hover { color: white; border-color: rgba(100,181,255,.5); background: rgba(37,136,255,.08); }
.assistant-context { padding: 12px 28px 10px; border-bottom: 1px solid rgba(255,255,255,.06); background: rgba(8,12,17,.38); }
.assistant-context > span { display: block; margin-bottom: 8px; color: #aab7c7; font-size: 11px; font-weight: 700; letter-spacing: .03em; }
.assistant-mode-row { min-height: 28px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.assistant-mode-row > span { color: #aab7c7; font-size: 12px; font-weight: 700; }
.assistant-local-label { flex: 0 0 auto; color: #8fb5d8 !important; font-size: 10px !important; font-weight: 800 !important; letter-spacing: .06em; text-transform: uppercase; }
.assistant-details { margin-top: 7px; border-top: 1px solid rgba(255,255,255,.06); }
.assistant-details summary, .suggestions-more summary, .assistant-report summary { min-height: 35px; display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #91a1b4; font-size: 11px; font-weight: 800; cursor: pointer; list-style: none; }
.assistant-details summary::-webkit-details-marker, .suggestions-more summary::-webkit-details-marker, .assistant-report summary::-webkit-details-marker { display: none; }
.assistant-details summary::marker, .suggestions-more summary::marker, .assistant-report summary::marker { content: ""; font-size: 0; }
.assistant-details summary::after, .suggestions-more summary::after, .assistant-report summary::after { content: "+"; color: #72bdff; font-size: 17px; font-weight: 400; line-height: 1; }
.assistant-details[open] summary::after, .suggestions-more[open] summary::after, .assistant-report[open] summary::after { content: "−"; }
.assistant-details-body { padding: 2px 0 4px; }
.context-meter { height: 3px; overflow: hidden; background: rgba(255,255,255,.07); }
.context-meter i { width: 8%; height: 100%; display: block; background: linear-gradient(90deg, #2588ff, #75c6ff); box-shadow: 0 0 14px rgba(37,136,255,.55); transition: width .4s ease; }
.assistant-overview { display: grid; grid-template-columns: 1.15fr .8fr .8fr; gap: 1px; margin-top: 10px; background: rgba(100,181,255,.12); border: 1px solid rgba(100,181,255,.12); }
.assistant-overview > span { min-width: 0; padding: 8px 10px; background: rgba(8,13,19,.64); }
.assistant-overview small, .assistant-overview b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.assistant-overview small { color: #65758a; font-size: 8px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.assistant-overview b { margin-top: 3px; color: #dce8f4; font-size: 11px; }
.assistant-pro .messages { min-height: 270px; max-height: 410px; padding-top: 17px; scrollbar-color: #34465c #11161d; }
.assistant-pro.is-start .messages { min-height: 145px; max-height: 190px; }
.assistant-pro .message { max-width: 94%; }
.assistant-pro .message p { border: 1px solid rgba(255,255,255,.045); background: #222a35; }
.assistant-pro .message.user p { border-color: rgba(119,193,255,.35); background: linear-gradient(135deg, #0d69d4, #2188ff); }
.message-meta { display: block; margin-top: 7px; color: #7f8c9e; font-size: 10px; letter-spacing: .025em; }
.message-meta b { color: var(--blue-2); font-weight: 800; }
.assistant-steps { margin: 8px 0 0; padding: 12px 14px 12px 34px; color: #c8d2de; background: #151b23; border: 1px solid rgba(100,181,255,.14); }
.assistant-steps li { margin: 0 0 7px; padding-left: 3px; font-size: 12px; line-height: 1.55; }
.assistant-steps li:last-child { margin-bottom: 0; }
.assistant-steps li::marker { color: var(--blue-2); font-weight: 800; }
.answer-options { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 9px; }
.answer-options button { padding: 8px 10px; border: 1px solid rgba(100,181,255,.24); color: #c8d5e3; background: rgba(37,136,255,.06); font-size: 11px; font-weight: 700; text-align: left; cursor: pointer; }
.answer-options button:hover { color: white; border-color: var(--blue-2); background: rgba(37,136,255,.18); }
.assistant-actions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 11px; }
.assistant-actions a { min-height: 41px; padding: 9px 13px; display: inline-flex; align-items: center; color: white; background: linear-gradient(135deg, #1574dc, #2588ff); border: 1px solid rgba(133,202,255,.58); box-shadow: 0 9px 22px rgba(0,105,225,.25); font-size: 11px; font-weight: 850; }
.assistant-actions a:hover { background: #3393ff; border-color: #b5dcff; }
.assistant-actions a:focus-visible { outline-offset: 2px; }
.assistant-source { display: block; margin-top: 10px; color: #9cabbc; font-size: 12px; line-height: 1.5; }
.assistant-source a { color: #8fcaff; text-decoration: none; border-bottom: 1px solid rgba(143,202,255,.35); }
.assistant-source a:hover { color: #fff; border-bottom-color: currentColor; }

/* Eindeutige Übergabe vom Diagnose-Assistenten zur empfohlenen Stelle */
.route-guidance { margin: 0 0 20px; padding: 12px 14px; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; color: #d8edff; background: linear-gradient(90deg, rgba(37,136,255,.25), rgba(37,136,255,.07)); border: 1px solid rgba(111,191,255,.62); box-shadow: 0 12px 28px rgba(0,91,195,.17); }
.route-guidance b { color: white; font-size: 12px; letter-spacing: .02em; }
.route-guidance b::before { content: "✓"; margin-right: 7px; color: #75c5ff; }
.route-guidance span { color: #b7cce0; font-size: 12px; }
.assistant-route-target { position: relative; z-index: 4; outline: 2px solid #64b5ff; outline-offset: 5px; box-shadow: 0 0 0 7px rgba(37,136,255,.13), 0 20px 52px rgba(0,83,184,.25) !important; animation: routeTargetPulse 1.05s ease-out 2; }
.assistant-route-target.reveal { opacity: 1; transform: none; }
.knowledge-grid > a.assistant-route-target { overflow: visible; }
.knowledge-grid > a .route-guidance { margin: -10px -10px 18px; }
.faq-list details .route-guidance { margin: 0 5px 18px; }
.code-card .route-guidance { margin: 14px 18px 4px; }
@keyframes routeTargetPulse { 0% { box-shadow: 0 0 0 0 rgba(100,181,255,.55), 0 20px 52px rgba(0,83,184,.25); } 70% { box-shadow: 0 0 0 16px rgba(100,181,255,0), 0 20px 52px rgba(0,83,184,.25); } 100% { box-shadow: 0 0 0 7px rgba(37,136,255,.13), 0 20px 52px rgba(0,83,184,.25); } }
.typing { min-width: 58px; padding: 12px 14px; display: flex; gap: 5px; background: #222a35; border: 1px solid rgba(255,255,255,.045); }
.typing span { width: 6px; height: 6px; border-radius: 50%; background: #79bfff; animation: typingDot 1s ease-in-out infinite; }
.typing span:nth-child(2) { animation-delay: .14s; }
.typing span:nth-child(3) { animation-delay: .28s; }
.assistant-pro .suggestions { padding-top: 4px; }
.assistant-pro .suggestions button { background: rgba(255,255,255,.018); }
.assistant-pro .suggestions-main { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); }
.assistant-pro .suggestions-main button { min-height: 44px; padding: 9px 11px; color: #d4e1ed; font-size: 11px; font-weight: 750; }
.suggestions-more { margin-top: 8px; border-top: 1px solid rgba(255,255,255,.07); }
.suggestions-more > div { display: flex; flex-wrap: wrap; gap: 6px; padding: 2px 0 4px; }
.suggestions-more summary:hover { color: #d8e7f5; }
.assistant-pro .chat-form { border-color: rgba(100,181,255,.36); box-shadow: inset 0 0 0 1px rgba(37,136,255,.025); }
.assistant-pro .chat-form button { font-size: 16px; }

.showcase, .quick-help, .diagnostic-feature, .repair-center, .codes-section, .process, .portal-overview, .support-content, .guide-section, .decision-section, .tools-section, .tool-checklist, .guide-safety, .final-cta, .capability-strip, .diagnostic-strip, .popular-solutions, .assistant-scope, .knowledge-section, .command-reference, .faq-section, .escalation-banner, footer { max-width: 1240px; margin: 0 auto; padding-left: 28px; padding-right: 28px; }
.reveal { opacity: 0; transform: translateY(14px); transition: opacity .45s ease, transform .45s ease; }
.reveal.is-visible { opacity: 1; transform: none; }

.showcase { height: 500px; padding: 0; position: relative; overflow: hidden; border: 1px solid rgba(100,181,255,.18); }
.showcase > img { width: 100%; height: 100%; object-fit: cover; object-position: 56% 48%; display: block; transform: scale(1.035); transition: transform 1.2s cubic-bezier(.2,.8,.2,1); }
.showcase.is-visible > img { transform: scale(1); }
.showcase-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(7,10,15,.96) 0%, rgba(7,10,15,.78) 38%, rgba(7,10,15,.12) 72%), linear-gradient(0deg, rgba(7,10,15,.68), transparent 48%); }
.showcase-copy { position: absolute; left: clamp(28px, 5vw, 66px); top: 0; bottom: 0; width: min(480px, 50%); height: max-content; margin: auto 0; transform: none; }
.showcase-copy p { max-width: 420px; color: #a5b0be; line-height: 1.7; font-size: 13px; }
.showcase-facts { position: absolute; left: clamp(28px, 5vw, 66px); right: clamp(28px, 5vw, 66px); bottom: 27px; display: flex; justify-content: flex-end; gap: 1px; }
.showcase-facts div { width: 158px; min-height: 58px; padding: 11px 13px; display: grid; grid-template-columns: 25px 1fr; gap: 8px; align-items: center; background: rgba(12,16,22,.82); border: 1px solid rgba(255,255,255,.09); backdrop-filter: blur(8px); }
.showcase-facts b { color: var(--blue-2); font-family: monospace; font-size: 10px; }
.showcase-facts span { color: #b7c1ce; font-size: 9px; line-height: 1.35; }
.showcase-scan { position: absolute; top: 0; bottom: 0; width: 1px; left: -2%; background: linear-gradient(transparent 5%, rgba(100,181,255,.9) 45%, transparent 90%); box-shadow: 0 0 22px 3px rgba(37,136,255,.34); animation: scanLine 7s 1.5s ease-in-out infinite; }

.quick-help { padding-top: 98px; padding-bottom: 110px; }
.section-heading, .codes-top { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: end; margin-bottom: 46px; }
h2 { margin: 12px 0 0; font-size: clamp(35px, 4vw, 50px); line-height: 1.1; letter-spacing: -.025em; }
.section-heading > p, .codes-top > p { margin: 0; max-width: 490px; color: #8490a0; line-height: 1.7; font-size: 13px; }
.help-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.help-card { min-height: 270px; padding: 24px; border: 0; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: transparent; text-align: left; cursor: pointer; position: relative; overflow: hidden; transition: .3s cubic-bezier(.2,.8,.2,1); }
.help-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(115deg, transparent 35%, rgba(100,181,255,.07), transparent 65%); transform: translateX(-120%); transition: transform .55s ease; }
.help-card > span { color: #5e6a7a; font-family: monospace; font-size: 11px; }
.help-card h3 { margin: 54px 0 14px; font-size: 18px; }
.help-card p { color: #7f8b9b; font-size: 12px; line-height: 1.65; min-height: 62px; }
.help-card b { color: var(--blue-2); font-size: 11px; }
.help-card:hover { background: #171c24; border-color: rgba(100,181,255,.28); box-shadow: 0 18px 36px rgba(0,0,0,.22); }
.help-card:hover::after { transform: translateX(120%); }

.diagnostic-feature { min-height: 610px; padding-top: 70px; padding-bottom: 70px; display: grid; grid-template-columns: 1.08fr .92fr; gap: 72px; align-items: center; border-top: 1px solid var(--line); }
.diagnostic-visual { height: 450px; margin: 0; position: relative; overflow: hidden; border: 1px solid rgba(100,181,255,.2); box-shadow: 0 28px 68px rgba(0,0,0,.34); }
.diagnostic-visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(6,9,14,.78), transparent 45%); pointer-events: none; }
.diagnostic-visual img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: 43% center; transition: transform 1.1s cubic-bezier(.2,.8,.2,1); }
.diagnostic-feature.is-visible .diagnostic-visual img { transform: scale(1.025); }
.diagnostic-visual figcaption { position: absolute; left: 22px; bottom: 19px; z-index: 2; color: #b8c4d2; font-size: 10px; letter-spacing: .05em; }
.diagnostic-visual figcaption i { display: inline-block; width: 7px; height: 7px; margin-right: 8px; border-radius: 50%; background: #55e7a0; box-shadow: 0 0 0 4px rgba(85,231,160,.12); }
.focus-frame { position: absolute; inset: 25% 30% 29% 25%; z-index: 2; opacity: .72; animation: focusPulse 3.8s ease-in-out infinite; }
.focus-frame span { position: absolute; width: 24px; height: 24px; border-color: var(--blue-2); }
.focus-frame span:nth-child(1) { top: 0; left: 0; border-top: 1px solid; border-left: 1px solid; }
.focus-frame span:nth-child(2) { top: 0; right: 0; border-top: 1px solid; border-right: 1px solid; }
.focus-frame span:nth-child(3) { bottom: 0; left: 0; border-bottom: 1px solid; border-left: 1px solid; }
.focus-frame span:nth-child(4) { bottom: 0; right: 0; border-bottom: 1px solid; border-right: 1px solid; }
.diagnostic-copy > p { color: #8e9aaa; line-height: 1.75; font-size: 13px; max-width: 470px; }
.diagnostic-copy ul { list-style: none; margin: 30px 0 0; padding: 0; border-top: 1px solid var(--line); }
.diagnostic-copy li { display: grid; grid-template-columns: 42px 1fr; gap: 15px; padding: 17px 0; border-bottom: 1px solid var(--line); }
.diagnostic-copy li > span { color: var(--blue-2); font-family: monospace; font-size: 10px; padding-top: 2px; }
.diagnostic-copy li b, .diagnostic-copy li small { display: block; }
.diagnostic-copy li b { font-size: 12px; }
.diagnostic-copy li small { margin-top: 5px; color: #768293; font-size: 10px; line-height: 1.5; }

.repair-center { padding-top: 110px; padding-bottom: 115px; border-top: 1px solid var(--line); }
.repair-heading { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: end; margin-bottom: 36px; }
.repair-heading > p { margin: 0; max-width: 500px; color: #aeb9c8; font-size: 15px; line-height: 1.75; }
.safety-notice { display: grid; grid-template-columns: 42px 1fr; gap: 16px; align-items: center; margin-bottom: 24px; padding: 18px 20px; background: rgba(255, 182, 72, .07); border: 1px solid rgba(255, 182, 72, .28); }
.safety-notice > span { width: 50px; height: 50px; display: grid; place-items: center; border: 1px solid rgba(255,194,102,.55); color: #ffd28d; background: linear-gradient(145deg, rgba(255,182,72,.16), rgba(255,182,72,.03)); box-shadow: inset 0 0 18px rgba(255,194,102,.06), 0 12px 26px rgba(0,0,0,.18); font-size: 26px; font-weight: 900; }
.safety-notice b { display: block; color: #ffe2b5; font-size: 15px; }
.safety-notice p { margin: 3px 0 0; color: #c3ad8a; font-size: 14px; line-height: 1.65; }
.download-bundle { min-height: 104px; margin: -1px 0 24px; padding: 18px 20px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border: 1px solid rgba(100,181,255,.28); background: linear-gradient(100deg,rgba(37,136,255,.12),rgba(20,25,32,.9)); }
.download-bundle b, .download-bundle small { display: block; }
.download-bundle b { margin-top: 5px; color: white; font-size: 16px; }
.download-bundle small { margin-top: 3px; color: #aeb9c8; font-size: 12px; }
.download-bundle a { min-height: 46px; flex: 0 0 auto; padding: 0 16px; display: inline-flex; align-items: center; justify-content: center; color: white; background: var(--blue); font-size: 13px; font-weight: 850; }
.download-bundle a:hover { background: #4198ff; }
.repair-workspace { display: grid; grid-template-columns: 245px 1fr; min-height: 680px; background: #141920; border: 1px solid rgba(100,181,255,.22); box-shadow: 0 28px 68px rgba(0,0,0,.26); }
.repair-tabs { display: flex; flex-direction: column; background: #10141a; border-right: 1px solid var(--line); }
.repair-tabs button { min-height: 112px; padding: 20px; border: 0; border-bottom: 1px solid var(--line); background: transparent; color: #95a2b4; text-align: left; cursor: pointer; position: relative; transition: background .25s ease, color .25s ease, padding .25s ease; }
.repair-tabs button::before { content: ""; position: absolute; top: 0; bottom: 100%; left: 0; width: 3px; background: var(--blue); transition: bottom .25s ease; }
.repair-tabs button:hover { color: white; background: rgba(255,255,255,.025); padding-left: 24px; }
.repair-tabs button.active { color: white; background: linear-gradient(90deg, rgba(37,136,255,.15), rgba(37,136,255,.02)); }
.repair-tabs button.active::before { bottom: 0; }
.repair-tabs span, .repair-tabs b, .repair-tabs small { display: block; }
.repair-tabs span { color: var(--blue-2); font: 700 12px/1 monospace; margin-bottom: 11px; }
.repair-tabs b { font-size: 15px; }
.repair-tabs small { margin-top: 4px; color: #8492a5; font-size: 12px; }
.repair-tabs button[data-progress]:not([data-progress=""])::after { content: attr(data-progress); position: absolute; right: 14px; top: 17px; color: #83c9ff; font-size: 10px; font-weight: 800; }
.repair-panel { padding: 34px 38px 38px; animation: panelIn .32s cubic-bezier(.2,.8,.2,1); }
.repair-panel[hidden] { display: none; }
.repair-panel-head { display: flex; justify-content: space-between; gap: 24px; align-items: flex-start; padding-bottom: 22px; border-bottom: 1px solid var(--line); }
.repair-panel-head > div > span:not(.status-dot) { color: var(--blue-2); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.status-dot { display: inline-block; width: 7px; height: 7px; margin-right: 8px; border-radius: 50%; background: #55e7a0; box-shadow: 0 0 0 5px rgba(85,231,160,.1); }
.repair-panel h3 { margin: 10px 0 0; max-width: 650px; font-size: clamp(24px, 3vw, 35px); line-height: 1.12; letter-spacing: -.025em; }
.repair-panel > p { margin: 20px 0 24px; max-width: 820px; color: #b5bfcc; font-size: 15px; line-height: 1.75; }
.repair-panel > p code, details code { color: #9fd0ff; font-size: .95em; }
.repair-guide { margin: 24px 0; padding: 20px; border: 1px solid rgba(100,181,255,.2); background: linear-gradient(135deg, rgba(37,136,255,.07), rgba(10,14,19,.35)); }
.repair-guide.complete { border-color: rgba(85,231,160,.35); }
.repair-guide-head { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.repair-guide-head span, .repair-guide-head b { display: block; }
.repair-guide-head b { margin-top: 5px; color: #d8e2ee; font-size: 13px; }
.repair-guide-head strong { color: var(--blue-2); font-size: 20px; }
.repair-guide-meter { height: 4px; margin: 14px 0 16px; overflow: hidden; background: rgba(255,255,255,.08); }
.repair-guide-meter i { width: 0; height: 100%; display: block; background: linear-gradient(90deg, var(--blue), var(--success)); transition: width .25s ease; }
.repair-automatic { display: grid; gap: 8px; }
.repair-auto-step { min-height: 92px; padding: 15px; display: grid; grid-template-columns: 42px minmax(0,1fr) auto; gap: 14px; align-items: center; background: rgba(7,11,16,.38); border: 1px solid rgba(255,255,255,.07); transition: border-color .2s ease, background .2s ease; }
.repair-auto-step > span { color: var(--blue-2); font-size: 22px; font-weight: 850; letter-spacing: -.06em; }
.repair-auto-step b, .repair-auto-step p { display: block; }
.repair-auto-step b { color: #edf5ff; font-size: 14px; }
.repair-auto-step p { margin: 4px 0 0; padding: 0; color: #98a7b8; font-size: 12px; line-height: 1.55; }
.repair-auto-step > small { max-width: 190px; color: #8abfe9; font: 11px/1.45 "SFMono-Regular",Consolas,monospace; overflow-wrap: anywhere; }
.repair-auto-step > a, .repair-report-import > span { min-height: 40px; padding: 0 13px; display: inline-flex; align-items: center; justify-content: center; color: white; background: var(--blue); border: 1px solid rgba(133,202,255,.58); font-size: 11px; font-weight: 850; cursor: pointer; white-space: nowrap; }
.repair-auto-step > a:hover, .repair-report-import:hover > span { background: #4198ff; }
.repair-auto-step.done { border-color: rgba(85,231,160,.25); background: rgba(85,231,160,.045); }
.repair-auto-step.done > span::after { content: "✓"; margin-left: 5px; color: var(--success); font-size: 12px; }
.repair-report-import { display: block; cursor: pointer; }
.repair-auto-status { margin-top: 12px; padding: 14px 16px; border-left: 3px solid var(--blue); background: rgba(37,136,255,.065); }
.repair-auto-status b { color: #dcecff; font-size: 13px; }
.repair-auto-status p { margin: 4px 0 0; color: #9eacbc; font-size: 12px; line-height: 1.6; }
.repair-auto-status.success { border-left-color: var(--success); background: rgba(85,231,160,.06); }
.repair-auto-status.partial { border-left-color: var(--warning); background: rgba(255,191,105,.06); }
.repair-auto-status.failed { border-left-color: #ff7777; background: rgba(255,90,90,.06); }
.repair-manual { margin-top: 14px !important; }
.repair-manual > summary { color: #9fadc0; font-size: 12px; }
.repair-manual .repair-checklist { padding: 0 15px 15px; }
.repair-manual .repair-result { margin: 0 15px 15px; }
.repair-checklist { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
.repair-checklist label { min-height: 42px; display: flex; align-items: center; gap: 10px; padding: 8px 10px; color: #b8c4d1; background: rgba(0,0,0,.18); border: 1px solid rgba(255,255,255,.06); font-size: 12px; cursor: pointer; }
.repair-checklist label:has(input:checked) { color: #ddfff0; border-color: rgba(85,231,160,.25); background: rgba(85,231,160,.06); }
.repair-checklist input { width: 18px; height: 18px; flex: 0 0 auto; accent-color: var(--success); }
.repair-result { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--line); }
.repair-result > b { display: block; margin-bottom: 10px; font-size: 13px; }
.repair-result-buttons { display: flex; flex-wrap: wrap; gap: 7px; }
.repair-result-buttons button, .repair-progress-reset { min-height: 36px; padding: 0 11px; border: 1px solid rgba(255,255,255,.12); color: #afbbc9; background: transparent; font-size: 11px; font-weight: 800; cursor: pointer; }
.repair-result-buttons button.active.success { color: #b9ffdc; border-color: rgba(85,231,160,.45); background: rgba(85,231,160,.1); }
.repair-result-buttons button.active.partial { color: #ffe0aa; border-color: rgba(255,191,105,.45); background: rgba(255,191,105,.09); }
.repair-result-buttons button.active.failed { color: #ffc1c1; border-color: rgba(255,112,112,.42); background: rgba(255,112,112,.08); }
.repair-result p { margin: 10px 0; color: #9fabb9; font-size: 12px; line-height: 1.55; }
.repair-progress-reset { min-height: 30px; padding: 0; border: 0; color: #8492a3; text-decoration: underline; text-underline-offset: 3px; }
.risk { flex-shrink: 0; padding: 7px 10px; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.risk.low { color: #78e7b0; background: rgba(85,231,160,.08); border: 1px solid rgba(85,231,160,.2); }
.risk.medium { color: #ffc978; background: rgba(255,182,72,.08); border: 1px solid rgba(255,182,72,.22); }
.repair-steps { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.repair-steps > li { padding: 17px 0; border-bottom: 1px solid var(--line); }
.step-copy { display: grid; grid-template-columns: 34px 1fr; gap: 12px; margin-bottom: 11px; }
.step-copy > span { width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid rgba(100,181,255,.25); color: var(--blue-2); font: 700 12px monospace; }
.step-copy b, .step-copy small { display: block; }
.step-copy b { font-size: 15px; }
.step-copy small { color: #96a3b4; font-size: 13px; line-height: 1.5; margin-top: 2px; }
.command-row { display: grid; grid-template-columns: 1fr auto; gap: 1px; margin-left: 46px; background: rgba(100,181,255,.16); border: 1px solid rgba(100,181,255,.2); }
.command-row.large { margin: 24px 0; }
.command-row code, .command-block pre { margin: 0; padding: 14px 16px; color: #baddff; background: #0c1117; font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace; font-size: 14px; line-height: 1.7; overflow-x: auto; white-space: pre; }
.command-row button, .command-block button { min-width: 100px; border: 0; background: #1d2c3d; color: #cfe7ff; font-size: 12px; font-weight: 800; cursor: pointer; transition: background .2s ease, color .2s ease; }
.command-row button:hover, .command-block button:hover { background: var(--blue); color: white; }
.command-block { display: grid; grid-template-columns: 1fr 112px; gap: 1px; margin: 24px 0; background: rgba(100,181,255,.16); border: 1px solid rgba(100,181,255,.2); }
.command-block pre { min-height: 170px; }
.repair-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.repair-actions a, .repair-actions button { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; padding: 0 16px; border: 1px solid rgba(100,181,255,.3); background: rgba(37,136,255,.1); color: #baddff; font-size: 13px; font-weight: 800; cursor: pointer; }
.repair-actions a:hover, .repair-actions button:hover { background: var(--blue); color: white; }
.repair-panel details { margin-top: 20px; border: 1px solid var(--line); background: rgba(255,255,255,.018); }
.repair-panel summary { padding: 15px 18px; color: #dbe7f5; font-size: 14px; font-weight: 700; cursor: pointer; }
.repair-panel details p { margin: 0; padding: 0 18px 18px; color: #aeb9c8; font-size: 14px; line-height: 1.7; }
.copy-toast { position: fixed; right: 24px; bottom: 24px; z-index: 20; padding: 13px 17px; background: #eaf5ff; color: #0b3158; border-left: 4px solid var(--blue); box-shadow: 0 18px 45px rgba(0,0,0,.35); font-size: 14px; font-weight: 800; opacity: 0; transform: translateY(15px); pointer-events: none; transition: opacity .22s ease, transform .22s ease; }
.copy-toast.show { opacity: 1; transform: none; }

.codes-section { padding-top: 110px; padding-bottom: 115px; border-top: 1px solid var(--line); }
.search-panel { background: #171c23; border: 1px solid var(--line); padding: 18px; }
.code-search { height: 54px; background: #10141a; border: 2px solid #34465a; display: flex; align-items: center; transition: border-color .16s ease; }
.code-search:focus-within { border-color: #2588ff; box-shadow: none; }
.code-search > span { color: var(--blue-2); font-size: 25px; padding: 0 17px; transform: rotate(-20deg); }
.code-search > .ui-icon { width: 18px; height: 18px; margin: 0 17px; padding: 0; flex: 0 0 18px; transform: none; }
.code-search input { flex: 1; min-width: 0; height: 100%; background: transparent; color: white; border: 0; outline: 0; }
.code-search input::placeholder { color: #616d7e; }
.code-search kbd { border: 1px solid var(--line); color: #5f6a79; padding: 6px 8px; font-size: 8px; margin-right: 11px; }
.filters { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 13px; }
.filters button { padding: 8px 12px; border: 1px solid var(--line); background: transparent; color: #8591a1; font-size: 10px; cursor: pointer; }
.filters button.active { background: var(--blue); border-color: var(--blue); color: white; }
.result-meta { display: flex; justify-content: space-between; color: #626e7e; font-size: 10px; margin: 18px 2px 10px; }
.result-meta b { color: white; }
.code-help-strip { display: grid; grid-template-columns: 38px 1fr; gap: 13px; align-items: center; margin: 0 0 16px; padding: 14px 16px; color: #d5deea; background: rgba(37,136,255,.075); border-left: 3px solid var(--blue-2); font-size: 14px; line-height: 1.55; }
.code-help-strip > span { display: grid; width: 34px; height: 34px; place-items: center; color: #fff; background: #1067c9; font-weight: 800; }
.code-list { border-top: 1px solid var(--line); }
.code-card { border: 1px solid var(--line); border-top: 0; background: #14181f; }
.code-card.open { border-color: rgba(100,181,255,.32); background: #181e27; }
.code-summary { width: 100%; min-height: 76px; display: grid; grid-template-columns: 120px 1fr 30px; gap: 20px; align-items: center; padding: 14px 20px; border: 0; background: transparent; text-align: left; cursor: pointer; }
.code-summary > code { color: var(--blue-2); font-size: 12px; }
.code-summary h3 { display: inline; font-size: 13px; letter-spacing: .02em; }
.tag { display: inline-block; margin-left: 12px; border: 1px solid var(--line); padding: 4px 7px; color: #8490a0; font-size: 8px; text-transform: uppercase; letter-spacing: .08em; }
.expand { font-size: 22px; font-weight: 300; color: #798698; }
.code-detail { display: grid; grid-template-columns: 1fr 1fr; gap: 26px 42px; padding: 28px 30px 30px; border-top: 1px solid rgba(255,255,255,.08); }
.code-detail h4 { color: #7f8b9c; text-transform: uppercase; letter-spacing: .14em; font-size: 9px; }
.code-detail p, .code-detail li { color: #a1acba; font-size: 11px; line-height: 1.6; }
.code-detail ol { padding-left: 17px; }
.code-meaning, .code-suspect-section, .code-context, .code-detail-actions { grid-column: 1 / -1; }
.code-meaning { padding: 19px 21px; background: #111923; border-left: 3px solid var(--blue-2); }
.code-meaning h4 { margin-top: 0; color: #83c6ff; }
.code-meaning p { margin-bottom: 0; color: #ecf2f8; }
.code-suspects { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 12px; background: var(--line); border: 1px solid var(--line); }
.code-suspects > div { min-height: 92px; padding: 15px; background: #121821; }
.code-suspects span { display: block; margin-bottom: 12px; color: #58adff; font: 700 20px/1 Arial, sans-serif; }
.code-suspects b { color: #eef4fa; font-size: 14px; line-height: 1.45; }
.code-certainty { margin: 12px 0 0; padding-left: 13px; color: #c9d3df !important; border-left: 2px solid #f5b84b; }
.code-context { padding: 21px; background: #11171f; border: 1px solid rgba(100,181,255,.2); }
.code-context h4 { margin-top: 0; }
.code-context-lead { margin-top: -2px; }
.code-context-buttons { display: flex; flex-wrap: wrap; gap: 8px; margin: 15px 0; }
.code-context-buttons button { min-height: 40px; padding: 8px 13px; color: #d6e0eb; background: #18212b; border: 1px solid #344557; font-size: 13px; font-weight: 700; cursor: pointer; }
.code-context-buttons button:hover, .code-context-buttons button.active { color: #fff; background: #1067c9; border-color: #72bdff; }
.code-context-result { min-height: 70px; padding: 15px 17px; color: #edf3f9; background: rgba(37,136,255,.1); border-left: 3px solid var(--blue-2); font-size: 14px; line-height: 1.65; }
.code-evidence ul { margin: 0; padding-left: 18px; }
.code-detail-actions { display: flex; flex-wrap: wrap; gap: 10px; padding-top: 4px; }
.code-detail-actions button, .code-detail-actions a { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; padding: 9px 15px; border: 1px solid #72bdff; font-size: 13px; font-weight: 700; cursor: pointer; }
.code-detail-actions button { color: #fff; background: #1067c9; }
.code-detail-actions button:hover { background: #1675df; }
.code-detail-actions a { color: #cfe8ff; background: rgba(37,136,255,.08); }
.load-more { display: flex; gap: 12px; align-items: center; margin: 24px auto 0; padding: 12px 18px; background: transparent; border: 1px solid var(--line); color: #a4afbd; font-size: 11px; cursor: pointer; }
.load-more:hover { border-color: var(--blue); }
.empty { padding: 45px; display: grid; gap: 8px; text-align: center; color: #8994a3; border: 1px solid var(--line); }

.process { padding-top: 100px; padding-bottom: 110px; display: grid; grid-template-columns: .85fr 1.15fr; gap: 80px; border-top: 1px solid var(--line); }
.process-intro p { color: #8490a0; font-size: 13px; line-height: 1.7; max-width: 410px; }
.steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); align-self: center; }
.steps > div { background: #14181f; padding: 22px; min-height: 240px; }
.steps span { color: #4d5969; font-family: monospace; font-size: 10px; }
.steps i { display: grid; width: 42px; height: 42px; place-items: center; color: var(--blue-2); border: 1px solid rgba(100,181,255,.22); font-style: normal; margin: 38px 0 25px; }
.steps h3 { font-size: 14px; }
.steps p { color: #7d8999; font-size: 11px; line-height: 1.6; }

.final-cta { min-height: 310px; padding-top: 65px; padding-bottom: 65px; display: flex; justify-content: space-between; align-items: center; gap: 50px; border-top: 1px solid rgba(100,181,255,.25); background: linear-gradient(100deg, rgba(28,126,242,.08), transparent 65%); }
.final-cta .button { flex-shrink: 0; }
footer { padding-top: 42px; padding-bottom: 28px; border-top: 1px solid var(--line); display: grid; grid-template-columns: minmax(240px, .9fr) minmax(320px, 1.1fr) minmax(410px, 1.25fr); gap: 34px; align-items: center; }
.footer-brand .brand-mark { width: 30px; height: 30px; font-size: 16px; }
footer > p { color: #6e7988; font-size: 10px; line-height: 1.6; margin: 0; }
footer > div { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 10px 22px; color: #8d98a7; font-size: 10px; }
footer > div a { display: inline-flex; align-items: center; min-height: 28px; white-space: nowrap; line-height: 1.35; transition: color .2s ease; }
footer > div a:hover { color: var(--blue-2); }
footer small { grid-column: 1 / -1; border-top: 1px solid var(--line); padding-top: 20px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px 28px; color: #7f8b9a; font-size: 11px; }

.portal-card { padding: 28px; background: rgba(20,25,32,.96); border: 1px solid rgba(100,181,255,.24); box-shadow: 0 28px 70px rgba(0,0,0,.38); }
.portal-card::before { content: ""; position: absolute; top: -1px; left: 38px; right: 38px; height: 1px; background: linear-gradient(90deg, transparent, var(--blue), transparent); }
.portal-card h2 { margin: 10px 0 22px; font-size: 28px; }
.portal-card > a { min-height: 76px; display: grid; grid-template-columns: 32px 1fr 20px; gap: 13px; align-items: center; padding: 12px 4px; border-top: 1px solid var(--line); transition: padding .22s ease, background .22s ease; }
.portal-card > a:hover { padding-left: 12px; padding-right: 10px; background: rgba(37,136,255,.07); }
.portal-card > a > span { color: var(--blue-2); font: 700 12px monospace; }
.portal-card b, .portal-card small { display: block; }
.portal-card b { font-size: 15px; }
.portal-card small { margin-top: 3px; color: #aab6c5; font-size: 12px; }
.portal-card i { color: var(--blue-2); font-style: normal; font-size: 18px; }

.portal-overview { padding-top: 105px; padding-bottom: 110px; }
.portal-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.portal-grid > a { min-height: 305px; padding: 30px 28px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #13171d; transition: transform .25s ease, background .25s ease, border-color .25s ease; }
.portal-grid > a:hover { background: #19212b; border-color: rgba(100,181,255,.28); }
.portal-grid span { color: var(--blue-2); font: 700 12px monospace; }
.portal-grid h3 { margin: 46px 0 12px; font-size: 22px; }
.portal-grid p { min-height: 72px; color: #aeb9c8; font-size: 14px; line-height: 1.65; }
.portal-grid b { color: var(--blue-2); font-size: 13px; }

.page-intro { min-height: 320px; max-width: 1240px; margin: 0 auto; padding: 58px 28px 52px; display: grid; grid-template-columns: 1.1fr .9fr; gap: 70px; align-items: end; position: relative; overflow: hidden; border-bottom: 1px solid var(--line); }
.page-intro::before { content: ""; position: absolute; width: 600px; height: 600px; right: -250px; top: -330px; border-radius: 50%; background: rgba(28,126,242,.14); filter: blur(75px); }
.page-intro > div:not(.hero-grid), .page-intro > p { position: relative; z-index: 1; }
.page-intro h1 { margin-bottom: 0; }
.page-intro > p { margin: 0 0 7px; max-width: 500px; color: #c1cad6; font-size: 17px; line-height: 1.75; }
.page-intro > p strong { color: white; }
@media (min-width: 641px) {
  .page-intro > p { margin-right: 20px; }
}
.breadcrumb { display: flex; align-items: center; gap: 9px; margin-bottom: 23px; color: #8e9bad; font-size: 12px; }
.breadcrumb a { color: #b8c5d4; }
.breadcrumb a:hover { color: var(--blue-2); }
.breadcrumb span:last-child { color: var(--blue-2); }
.page-section { border-top: 0; }
.repair-center.page-section { padding-top: 54px; }
.codes-section.page-section { padding-top: 55px; }
.process.page-section { padding-top: 75px; }

.guide-section { padding-top: 105px; padding-bottom: 105px; border-top: 1px solid var(--line); }
.guide-grid { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.guide-grid article { min-height: 220px; padding: 28px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #14181f; }
.guide-grid article > span { color: var(--blue-2); font: 700 12px monospace; }
.guide-grid h3 { margin: 40px 0 10px; font-size: 20px; }
.guide-grid p { max-width: 480px; margin: 0; color: #aeb9c8; font-size: 14px; line-height: 1.7; }
.guide-grid code { color: #9fd0ff; }
.decision-section { padding-top: 95px; padding-bottom: 100px; display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; border-top: 1px solid var(--line); }
.decision-links { border-top: 1px solid var(--line); }
.decision-links a { min-height: 82px; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 18px; border-bottom: 1px solid var(--line); transition: background .2s ease, padding .2s ease; }
.decision-links a:hover { background: rgba(37,136,255,.07); padding-left: 25px; }
.decision-links span { color: #aeb9c8; font-size: 14px; }
.decision-links b { color: var(--blue-2); font-size: 14px; }
.guide-safety { margin-bottom: 90px; }

.support-content { padding-top: 105px; padding-bottom: 110px; border-top: 1px solid var(--line); }
.support-content-head { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: end; margin-bottom: 44px; }
.support-content-head .kicker { grid-column: 1 / -1; margin-bottom: -60px; }
.support-content-head h2 { max-width: 620px; }
.support-content-head > p { margin: 0; color: #b5bfcc; font-size: 15px; line-height: 1.75; }
.support-content-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.support-content-grid article { padding: 28px; background: #14181f; }
.support-content-grid h3 { margin: 0 0 15px; font-size: 20px; line-height: 1.25; }
.support-content-grid p { margin: 0; color: #aeb9c8; font-size: 14px; line-height: 1.75; }
.support-content-grid a { color: var(--blue-2); font-weight: 700; border-bottom: 1px solid rgba(100,181,255,.35); }
.support-content-grid strong { color: #dcecff; font-weight: 700; }

/* Erweiterte Portal- und Wissensbereiche */
.capability-strip { min-height: 112px; display: grid; grid-template-columns: repeat(4, 1fr); padding-top: 0; padding-bottom: 0; border: 1px solid var(--line); background: linear-gradient(110deg, rgba(37,136,255,.09), rgba(20,24,31,.85) 45%, rgba(20,24,31,.96)); }
.capability-strip > div { padding: 23px 25px; display: flex; align-items: center; gap: 14px; border-right: 1px solid var(--line); }
.capability-strip > div:last-child { border-right: 0; }
.capability-strip b { color: #73c1ff; font-size: 27px; line-height: 1; letter-spacing: -.04em; }
.capability-strip span { color: #aeb9c8; font-size: 12px; line-height: 1.4; }

.diagnostic-strip { min-height: 112px; display: grid; grid-template-columns: repeat(3, 1fr); padding-top: 0; padding-bottom: 0; border-top: 1px solid rgba(100,181,255,.2); border-bottom: 1px solid var(--line); }
.diagnostic-strip > div { padding: 24px; display: grid; grid-template-columns: 48px 1fr; gap: 15px; align-items: center; border-right: 1px solid var(--line); }
.diagnostic-strip > div:last-child { border-right: 0; }
.diagnostic-strip b { color: #58adff; font-size: 24px; letter-spacing: -.07em; }
.diagnostic-strip span { color: #9da9b8; font-size: 12px; line-height: 1.5; }
.diagnostic-strip strong { display: block; color: #e6edf6; font-size: 13px; }

.popular-solutions { padding-top: 105px; padding-bottom: 110px; border-top: 1px solid var(--line); }
.solution-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.solution-list > a { min-height: 126px; padding: 22px 24px; display: grid; grid-template-columns: 62px 1fr auto; gap: 18px; align-items: center; background: #14181f; transition: background .22s ease, transform .22s ease; }
.solution-list > a:hover { position: relative; z-index: 1; background: #19222d; }
.solution-list > a > span { width: 58px; height: 58px; display: grid; place-items: center; color: #88caff; background: rgba(37,136,255,.09); border: 1px solid rgba(100,181,255,.28); font: 800 14px/1 Consolas, monospace; }
.solution-list h3 { margin: 0 0 5px; font-size: 17px; }
.solution-list p { margin: 0; color: #9ca8b7; font-size: 13px; line-height: 1.5; }
.solution-list b { color: var(--blue-2); font-size: 12px; white-space: nowrap; }

.assistant-scope { padding-top: 100px; padding-bottom: 105px; display: grid; grid-template-columns: .85fr 1.15fr; gap: 78px; align-items: center; border-top: 1px solid var(--line); }
.assistant-scope > div:first-child > p { color: #aeb9c8; font-size: 15px; line-height: 1.75; }
.text-link { display: inline-block; margin-top: 18px; color: var(--blue-2); font-size: 13px; font-weight: 800; border-bottom: 1px solid rgba(100,181,255,.32); }
.scope-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.scope-list article { min-height: 160px; padding: 23px; background: #14181f; }
.scope-list article > span { color: var(--blue-2); font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .16em; }
.scope-list b, .scope-list small { display: block; }
.scope-list b { margin-top: 28px; font-size: 16px; }
.scope-list small { margin-top: 7px; color: #909cac; font-size: 12px; }
.visitor-trust { max-width: var(--content-max); margin: 0 auto 80px; padding: 0; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); background: #10161d; border: 1px solid rgba(117,189,255,.3); }
.visitor-trust > div { min-height: 132px; padding: 27px 24px; position: relative; background: linear-gradient(180deg,rgba(37,136,255,.065),rgba(37,136,255,.012)); border-right: 1px solid rgba(117,189,255,.22); }
.visitor-trust > div:last-child { border-right: 0; }
.visitor-trust > div::before { content: ""; width: 26px; height: 3px; display: block; margin-bottom: 17px; background: #55adff; }
.visitor-trust span, .visitor-trust b { display: block; }
.visitor-trust span { color: #83c7ff; font-size: 11px; line-height: 1.35; font-weight: 850; letter-spacing: .11em; }
.visitor-trust b { margin-top: 11px; color: #f2f7fc; font-size: 15px; line-height: 1.5; }

.article-guide-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin: 0 0 18px; background: var(--line); border: 1px solid var(--line); }
.article-guide-facts > span { min-width: 0; padding: 10px; background: #11171e; }
.article-guide-facts small, .article-guide-facts b { display: block; }
.article-guide-facts small { color: #8090a2; font-size: 8px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.article-guide-facts b { margin-top: 4px; color: #dce8f3; font-size: 11px; line-height: 1.35; }
.article-toc { margin-top: 18px; border-top: 1px solid var(--line); }
.article-toc summary { min-height: 42px; display: flex; align-items: center; justify-content: space-between; color: #dce8f3; font-size: 12px; font-weight: 800; cursor: pointer; list-style: none; }
.article-toc summary::-webkit-details-marker { display: none; }
.article-toc summary::after { content: "+"; color: var(--blue-2); font-size: 18px; font-weight: 400; }
.article-toc[open] summary::after { content: "−"; }
.article-toc nav { display: grid; padding: 0 0 8px; }
.article-toc a { padding: 7px 0; color: #aab9c8; border-bottom: 1px solid rgba(255,255,255,.055); font-size: 11px; line-height: 1.4; }
.article-toc a:hover { color: white; }

.knowledge-section { padding-top: 92px; padding-bottom: 110px; }
.knowledge-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.knowledge-grid > a { min-height: 265px; padding: 25px; position: relative; overflow: hidden; background: #14181f; transition: background .25s ease, transform .25s ease, box-shadow .25s ease; }
.knowledge-grid > a::after { content: ""; position: absolute; width: 180px; height: 180px; right: -120px; top: -120px; border-radius: 50%; background: rgba(37,136,255,.14); filter: blur(20px); transition: transform .4s ease; }
.knowledge-grid > a:hover { z-index: 1; background: #19222d; box-shadow: 0 20px 46px rgba(0,0,0,.28); }
.knowledge-grid > a:hover::after { transform: translate(-25px, 25px) scale(1.2); }
.knowledge-grid > a > span { color: #5fb2ff; font-size: 34px; font-weight: 850; line-height: 1; letter-spacing: -.08em; }
.knowledge-grid > a > small { position: absolute; top: 28px; right: 25px; color: #8794a5; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .13em; }
.knowledge-grid h3 { margin: 47px 0 11px; font-size: 20px; line-height: 1.25; }
.knowledge-grid p { min-height: 64px; margin: 0 0 18px; color: #a8b3c1; font-size: 13px; line-height: 1.65; }
.knowledge-grid b { color: var(--blue-2); font-size: 12px; }

.command-reference { padding-top: 100px; padding-bottom: 105px; border-top: 1px solid var(--line); }
.reference-table { border-top: 1px solid var(--line); }
.reference-table > div { min-height: 76px; display: grid; grid-template-columns: 1.2fr .8fr 1.3fr; gap: 24px; align-items: center; padding: 14px 18px; border-bottom: 1px solid var(--line); transition: background .2s ease; }
.reference-table > div:hover { background: rgba(37,136,255,.055); }
.reference-table b { overflow-wrap: anywhere; color: #a8d6ff; font: 12px/1.5 "SFMono-Regular", Consolas, monospace; }
.reference-table span { color: #eef4fb; font-size: 14px; font-weight: 700; }
.reference-table small { color: #929eae; font-size: 12px; }

.faq-section { padding-top: 100px; padding-bottom: 110px; display: grid; grid-template-columns: .72fr 1.28fr; gap: 80px; border-top: 1px solid var(--line); }
.faq-section > div:first-child p { color: #aeb9c8; font-size: 14px; line-height: 1.7; }
.faq-list { border-top: 1px solid var(--line); }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list summary { min-height: 78px; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 16px 5px; color: #e7edf5; font-size: 15px; font-weight: 750; cursor: pointer; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary span { color: var(--blue-2); font-size: 22px; font-weight: 400; transition: transform .2s ease; }
.faq-list details[open] summary span { transform: rotate(45deg); }
.faq-list p { margin: 0; padding: 0 44px 22px 5px; color: #aeb9c8; font-size: 14px; line-height: 1.75; }
.faq-list code { color: #9fd0ff; }

.escalation-banner { min-height: 275px; padding-top: 55px; padding-bottom: 55px; display: flex; justify-content: space-between; align-items: center; gap: 50px; border-top: 1px solid rgba(255,191,105,.33); background: linear-gradient(100deg, rgba(255,143,69,.075), transparent 65%); }
.escalation-banner h2 { max-width: 780px; font-size: clamp(30px, 3.5vw, 45px); }
.escalation-banner p { max-width: 760px; color: #b9c2ce; font-size: 14px; }
.escalation-banner .button { flex-shrink: 0; }

/* Professionelles Nummern- und Icon-System */
.portal-card > a { grid-template-columns: 58px 1fr 20px; }
.portal-card > a > span { color: #5eb1ff; font: 800 30px/1 Arial, sans-serif; letter-spacing: -.08em; text-shadow: 0 0 24px rgba(37,136,255,.28); }
.portal-grid > a { position: relative; overflow: hidden; }
.portal-grid span { display: block; color: #58adff; font: 800 44px/1 Arial, sans-serif; letter-spacing: -.08em; text-shadow: 0 0 28px rgba(37,136,255,.25); }
.portal-grid > a::before, .guide-grid article::before { position: absolute; top: 22px; right: 22px; width: 56px; height: 56px; display: grid; place-items: center; color: #c2e3ff; background: radial-gradient(circle at 35% 28%, rgba(105,190,255,.25), transparent 42%), linear-gradient(145deg, rgba(37,136,255,.24), rgba(12,43,78,.45)); border: 1px solid rgba(113,194,255,.48); border-radius: 4px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.025), inset 0 -18px 30px rgba(5,26,50,.2), 0 15px 34px rgba(0,66,145,.2); font: 800 27px/1 Arial, sans-serif; letter-spacing: -.03em; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.portal-grid > a:hover::before, .guide-grid article:hover::before { transform: translateY(-4px) scale(1.04); border-color: #78c3ff; box-shadow: inset 0 0 0 1px rgba(255,255,255,.04), 0 18px 40px rgba(0,101,220,.28); }
.portal-grid > a:nth-child(1)::before { content: "?"; }
.portal-grid > a:nth-child(2)::before { content: "+"; font-size: 34px; }
.portal-grid > a:nth-child(3)::before { content: "!"; font-size: 34px; }
.portal-grid > a:nth-child(4)::before { content: ">_"; font: 800 21px/1 monospace; }
.portal-grid > a:nth-child(5)::before { content: "✓"; font-size: 29px; }
.portal-grid > a:nth-child(6)::before { content: "KB"; font: 800 18px/1 Consolas, monospace; }
.portal-grid h3 { margin-top: 34px; }

.help-card > span { display: block; color: #58adff; font: 800 42px/1 Arial, sans-serif; letter-spacing: -.08em; text-shadow: 0 0 28px rgba(37,136,255,.24); }
.help-card h3 { margin-top: 38px; }

.showcase-facts b { color: #58adff; font-size: 18px; }
.diagnostic-copy li { grid-template-columns: 68px 1fr; align-items: center; }
.diagnostic-copy li > span { color: #58adff; font: 800 28px/1 Arial, sans-serif; letter-spacing: -.08em; }
.repair-tabs span { color: #58adff; font: 800 26px/1 Arial, sans-serif; letter-spacing: -.08em; text-shadow: 0 0 24px rgba(37,136,255,.22); }
.step-copy { grid-template-columns: 48px 1fr; align-items: center; }
.step-copy > span { width: 40px; height: 40px; border-color: rgba(100,181,255,.35); color: #58adff; background: rgba(37,136,255,.07); font: 800 20px/1 Arial, sans-serif; }
.command-row { margin-left: 60px; }
.steps span { color: #58adff; font: 800 34px/1 Arial, sans-serif; letter-spacing: -.08em; text-shadow: 0 0 25px rgba(37,136,255,.22); }
.steps i { width: 56px; height: 56px; margin: 25px 0 22px; color: #c2e3ff; background: radial-gradient(circle at 35% 28%, rgba(105,190,255,.22), transparent 42%), linear-gradient(145deg, rgba(37,136,255,.22), rgba(12,43,78,.38)); border-color: rgba(113,194,255,.45); border-radius: 4px; box-shadow: inset 0 -18px 28px rgba(5,26,50,.16), 0 14px 30px rgba(0,66,145,.17); font-size: 28px; }
.guide-grid article { position: relative; overflow: hidden; }
.guide-grid article > span { color: #58adff; font: 800 40px/1 Arial, sans-serif; letter-spacing: -.08em; }
.guide-grid article:nth-child(1)::before { content: "▣"; font-size: 28px; }
.guide-grid article:nth-child(2)::before { content: "↻"; font-size: 31px; }
.guide-grid article:nth-child(3)::before { content: "✓"; font-size: 29px; }
.guide-grid article:nth-child(4)::before { content: "≡"; font-size: 32px; }
.guide-grid h3 { margin-top: 30px; }

.tools-section { padding-top: 80px; padding-bottom: 110px; }
.tools-intro { display: flex; justify-content: space-between; align-items: end; gap: 45px; margin-bottom: 36px; }
.key-hint { display: flex; align-items: center; gap: 9px; padding: 14px 16px; border: 1px solid var(--line); background: #14181f; }
.key-hint kbd { padding: 7px 10px; color: #d9ebff; background: #0d1117; border: 1px solid rgba(100,181,255,.28); box-shadow: 0 3px 0 #080a0e; font-size: 13px; }
.key-hint span { color: #748196; }
.key-hint b { margin-left: 7px; color: #aeb9c8; font-size: 12px; }
.tools-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.tools-grid article { min-height: 355px; padding: 25px; background: #14181f; transition: transform .25s ease, background .25s ease, box-shadow .25s ease; }
.tools-grid article:hover { position: relative; z-index: 1; background: #19212b; box-shadow: 0 20px 45px rgba(0,0,0,.3); }
.tool-card-top { display: flex; justify-content: space-between; align-items: flex-start; }
.tool-card-top > span { color: #58adff; font: 800 44px/1 Arial, sans-serif; letter-spacing: -.08em; text-shadow: 0 0 28px rgba(37,136,255,.25); }
.tool-card-top > i { width: 56px; height: 56px; display: grid; place-items: center; color: #c2e3ff; background: radial-gradient(circle at 35% 28%, rgba(105,190,255,.25), transparent 42%), linear-gradient(145deg, rgba(37,136,255,.24), rgba(12,43,78,.45)); border: 1px solid rgba(113,194,255,.48); border-radius: 4px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.025), inset 0 -18px 30px rgba(5,26,50,.2), 0 15px 34px rgba(0,66,145,.2); font: 800 25px/1 monospace; font-style: normal; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.tools-grid article:hover .tool-card-top > i { transform: translateY(-4px) scale(1.04); border-color: #78c3ff; box-shadow: 0 18px 40px rgba(0,101,220,.28); }
.tools-grid article:nth-child(4) .tool-card-top > i { font-size: 15px; letter-spacing: -.06em; }
.tools-grid article:nth-child(n+7) .tool-card-top > i { font-size: 14px; letter-spacing: -.06em; }

/* Einzelne minimalistische BHAZARD 2D-Vektoricons */
.tool-card-top > i { width: 64px; height: 64px; border: 0; border-radius: 0; background-color: transparent; background-position: center; background-repeat: no-repeat; background-size: 64px 64px; box-shadow: none; filter: none; color: transparent; font-size: 0 !important; image-rendering: auto; }
.tool-reliability .tool-card-top > i { background-image: url("media/images/icons/tool-reliability.svg"); }
.tool-events .tool-card-top > i { background-image: url("media/images/icons/tool-events.svg"); }
.tool-systeminfo .tool-card-top > i { background-image: url("media/images/icons/tool-systeminfo.svg"); }
.tool-memory .tool-card-top > i { background-image: url("media/images/icons/tool-memory.svg"); }
.tool-minidump .tool-card-top > i { background-image: url("media/images/icons/tool-minidump.svg"); }
.tool-recovery .tool-card-top > i { background-image: url("media/images/icons/tool-recovery.svg"); }
.tool-devices .tool-card-top > i { background-image: url("media/images/icons/tool-devices.svg"); }
.tool-storage .tool-card-top > i { background-image: url("media/images/icons/tool-storage.svg"); }
.tool-performance .tool-card-top > i { background-image: url("media/images/icons/tool-performance.svg"); }
.tool-security .tool-card-top > i { background-image: url("media/images/icons/tool-security.svg"); }
.tool-services .tool-card-top > i { background-image: url("media/images/icons/tool-services.svg"); }
.tool-directx .tool-card-top > i { background-image: url("media/images/icons/tool-directx.svg"); }
.tools-grid article:hover .tool-card-top > i { transform: translateY(-2px); border-color: transparent; box-shadow: none; filter: none; }

.portal-grid > a::before, .guide-grid article::before { content: ""; width: 64px; height: 64px; background-color: transparent; background-position: center; background-repeat: no-repeat; background-size: 64px 64px; border: 0; border-radius: 0; box-shadow: none; filter: none; color: transparent; image-rendering: auto; }
.portal-grid > a:nth-child(1)::before { content: ""; background-image: url("media/images/icons/portal-assistant.svg"); }
.portal-grid > a:nth-child(2)::before { content: ""; background-image: url("media/images/icons/portal-repair.svg"); }
.portal-grid > a:nth-child(3)::before { content: ""; background-image: url("media/images/icons/portal-stopcode.svg"); }
.portal-grid > a:nth-child(4)::before { content: ""; background-image: url("media/images/icons/portal-toolkit.svg"); }
.portal-grid > a:nth-child(5)::before { content: ""; background-image: url("media/images/icons/portal-checklist.svg"); }
.portal-grid > a:nth-child(6)::before { content: ""; background-image: url("media/images/icons/portal-knowledge.svg"); }
.guide-grid article:nth-child(1)::before { content: ""; background-image: url("media/images/icons/portal-scan.svg"); }
.guide-grid article:nth-child(2)::before { content: ""; background-image: url("media/images/icons/portal-cause.svg"); }
.guide-grid article:nth-child(3)::before { content: ""; background-image: url("media/images/icons/portal-backup.svg"); }
.guide-grid article:nth-child(4)::before { content: ""; background-image: url("media/images/icons/portal-validate.svg"); }
.guide-grid article:nth-child(5)::before { content: ""; background-image: url("media/images/icons/tool-devices.svg"); }
.guide-grid article:nth-child(6)::before { content: ""; background-image: url("media/images/icons/portal-repair.svg"); }
.guide-grid article:nth-child(7)::before { content: ""; background-image: url("media/images/icons/portal-checklist.svg"); }
.guide-grid article:nth-child(8)::before { content: ""; background-image: url("media/images/icons/portal-knowledge.svg"); }
.portal-grid > a:hover::before, .guide-grid article:hover::before { transform: translateY(-2px); border-color: transparent; box-shadow: none; filter: none; }

.portal-grid > a::before { top: 26px; right: 27px; width: 64px; height: 64px; overflow: visible; border-radius: 0; box-shadow: none; }
.portal-grid > a:hover::before { transform: translateY(-2px); box-shadow: none; }
.portal-grid > a > span { font-size: 48px; }
.portal-grid h3 { margin-top: 42px; }

.steps i { width: 64px; height: 64px; border: 0; border-radius: 0; background-color: transparent; background-position: center; background-repeat: no-repeat; background-size: 64px 64px; box-shadow: none; filter: none; color: transparent; font-size: 0; image-rendering: auto; }
.steps > div:nth-child(1) i { background-image: url("media/images/icons/portal-scan.svg"); }
.steps > div:nth-child(2) i { background-image: url("media/images/icons/portal-cause.svg"); }
.steps > div:nth-child(3) i { background-image: url("media/images/icons/portal-validate.svg"); }
.portal-card > a > span, .portal-grid span, .tool-card-top > span, .help-card > span, .repair-tabs span, .steps span, .guide-grid article > span { text-shadow: none; }
.tools-grid h3 { margin: 32px 0 10px; font-size: 20px; }
.tools-grid article > p { min-height: 72px; color: #b4bfcd; font-size: 14px; line-height: 1.65; }
.windows-launchbar { margin: 0 0 28px; padding: 20px 22px; display: grid; grid-template-columns: minmax(250px,.8fr) minmax(520px,1.2fr); gap: 28px; align-items: center; border: 1px solid rgba(100,181,255,.25); background: linear-gradient(100deg, rgba(37,136,255,.1), rgba(20,24,31,.84) 58%); }
.windows-launchbar > div:first-child { display: grid; gap: 4px; }
.windows-launchbar b { color: #eef6ff; font-size: 15px; }
.windows-launchbar > div:first-child span { color: #9eabba; font-size: 12px; line-height: 1.55; }
.windows-launchlinks { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.windows-launchlinks a, .tool-open { display: flex; align-items: center; justify-content: space-between; gap: 12px; border: 1px solid rgba(100,181,255,.28); color: #dceeff; background: rgba(37,136,255,.08); font-size: 12px; font-weight: 800; transition: background .2s ease, border-color .2s ease, transform .2s ease; }
.windows-launchlinks a { min-height: 46px; padding: 10px 12px; }
.windows-launchlinks a span, .tool-open span { color: var(--blue-2); font-size: 16px; transition: transform .2s ease; }
.windows-launchlinks a:hover, .tool-open:hover { border-color: rgba(100,181,255,.72); background: rgba(37,136,255,.2); }
.windows-launchlinks a:hover span, .tool-open:hover span { transform: translate(2px,-2px); }
.dpc-launchbar { border-color: rgba(85,231,160,.2); background: linear-gradient(100deg, rgba(37,136,255,.08), rgba(85,231,160,.035) 58%, rgba(20,24,31,.9)); }
.dpc-launchbar .windows-launchlinks { grid-template-columns: repeat(2,1fr); }
.tool-command { display: grid; grid-template-columns: 1fr auto; gap: 1px; margin: 18px 0 14px; background: rgba(100,181,255,.18); border: 1px solid rgba(100,181,255,.22); }
.tool-command code { min-width: 0; padding: 13px; overflow-x: auto; color: #baddff; background: #0c1117; font: 13px/1.5 "SFMono-Regular", Consolas, monospace; white-space: nowrap; }
.tool-command button { border: 0; padding: 0 12px; color: #cfe7ff; background: #1d2c3d; font-size: 12px; font-weight: 800; cursor: pointer; }
.tool-command button:hover { color: white; background: var(--blue); }
.tool-open { width: 100%; min-height: 42px; margin: -4px 0 14px; padding: 9px 12px; }
.tools-grid article > small { color: #8f9cad; font-size: 12px; line-height: 1.5; }
.tools-grid-primary { grid-template-columns: repeat(2, 1fr); margin-bottom: 22px; }
.more-tools { border: 1px solid var(--line); background: #11151b; }
.more-tools > summary { min-height: 82px; padding: 18px 22px; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 5px 20px; cursor: pointer; list-style: none; }
.more-tools > summary::-webkit-details-marker { display: none; }
.more-tools > summary span { color: #eef5fd; font-size: 17px; font-weight: 800; }
.more-tools > summary small { grid-column: 1; color: #98a5b5; font-size: 12px; }
.more-tools > summary b { grid-column: 2; grid-row: 1 / 3; color: var(--blue-2); font-size: 27px; font-weight: 300; transition: transform .2s ease; }
.more-tools[open] > summary b { transform: rotate(45deg); }
.more-tools[open] > summary { border-bottom: 1px solid var(--line); }
.more-tools .tools-grid { border: 0; }
.tool-checklist { padding-top: 95px; padding-bottom: 100px; display: grid; grid-template-columns: .85fr 1.15fr; gap: 80px; border-top: 1px solid var(--line); }
.tool-checklist ol { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.tool-checklist li { min-height: 70px; display: grid; grid-template-columns: 60px 1fr; gap: 15px; align-items: center; border-bottom: 1px solid var(--line); }
.tool-checklist li > span { color: #58adff; font: 800 25px/1 Arial, sans-serif; letter-spacing: -.08em; }
.tool-checklist p { margin: 0; color: #b4bfcd; font-size: 14px; }
.tool-checklist p b { color: white; }
.guide-safety code { color: #9fd0ff; }
.not-found { min-height: calc(100vh - 78px); max-width: 1240px; margin: 0 auto; padding: 80px 28px; display: grid; grid-template-columns: .7fr 1.3fr; gap: 70px; align-items: center; position: relative; overflow: hidden; }
.not-found > span { color: rgba(37,136,255,.14); font-size: clamp(150px, 20vw, 290px); font-weight: 900; line-height: .8; letter-spacing: -.1em; }
.not-found > div { position: relative; z-index: 1; }
.not-found p { max-width: 630px; color: #b5bfcc; font-size: 16px; line-height: 1.75; }

/* Ruhigere Startseite und zentrale Suche */
.home-hero { min-height: 620px; }
.home-hero .portal-card > a { min-height: 82px; }
.home-trust { grid-template-columns: repeat(3, 1fr); }
.hero-search { max-width: 610px; min-height: 52px; margin: 28px 0 22px; display: grid; grid-template-columns: 1fr auto; border: 2px solid #34465a; background: #0d1117; transition: border-color .16s ease; }
.hero-search:focus-within { border-color: #2588ff; box-shadow: none; }
.hero-search input { min-width: 0; border: 0; padding: 0 16px; outline: 0; color: white; background: transparent; font-size: 14px; }
.hero-search input::placeholder { color: #7f8b9b; }
.hero-search button { min-width: 116px; border: 0; padding: 0 16px; color: white; background: var(--blue); font-weight: 800; cursor: pointer; }
.hero-search button:hover { background: #3c96ff; }
.home-popular { padding-top: 88px; padding-bottom: 92px; }
.home-popular .solution-list { grid-template-columns: repeat(3, 1fr); }
.home-popular .solution-list > a { min-height: 230px; padding: 25px; grid-template-columns: 1fr; align-content: start; }
.home-popular .solution-list > a > b { margin-top: auto; }
.home-seo-compact { padding-top: 64px; padding-bottom: 72px; display: grid; grid-template-columns: .72fr 1.28fr; gap: 70px; border-top: 1px solid var(--line); }
.home-seo-compact h2 { margin-top: 10px; font-size: clamp(29px,3vw,42px); }
.home-seo-compact p { margin: 0; color: #aeb9c8; font-size: 14px; line-height: 1.8; }
.home-seo-compact a { color: var(--blue-2); font-weight: 700; }

.site-search-page { max-width: 1100px; margin: 0 auto; padding: 70px 28px 105px; }
.site-search-form { min-height: 64px; display: grid; grid-template-columns: 54px minmax(0,1fr) auto auto; align-items: center; margin: 0 0 18px; border: 2px solid #34465a; background: #0d1117; box-shadow: 0 18px 45px rgba(0,0,0,.24); }
.site-search-form:focus-within { border-color: transparent; box-shadow: 0 18px 45px rgba(0,0,0,.24); }
.site-search-form .site-search-icon { margin: 0 auto; color: var(--blue-2); }
.site-search-form input { min-width: 0; height: 60px; border: 0; outline: 0; padding: 0 16px; color: white; background: transparent; font-size: 17px; }
.site-search-form input::placeholder { color: #8795a6; }
.site-search-form kbd { margin-right: 16px; padding: 4px 9px; color: #aebdcd; border: 1px solid #354454; background: #151b23; font-size: 12px; }
.site-search-form button { align-self: stretch; min-width: 168px; border: 0; color: white; background: var(--blue); font-size: 13px; font-weight: 800; cursor: pointer; }
.site-search-form button:hover { background: #3b95ff; }
.search-suggestions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 28px; }
.search-suggestions > span { margin-right: 4px; color: #9ba9b9; font-size: 12px; }
.search-suggestions button, .search-filters button { min-height: 36px; padding: 0 12px; color: #cbd6e1; border: 1px solid #2e3a47; background: #151b22; font-size: 12px; font-weight: 700; cursor: pointer; }
.search-suggestions button:hover { color: white; border-color: rgba(100,181,255,.62); background: #1b2734; }
.search-filters { display: flex; gap: 5px; margin: 0 0 18px; padding-bottom: 18px; overflow-x: auto; border-bottom: 1px solid var(--line); scrollbar-width: thin; }
.search-filters button { flex: 0 0 auto; min-height: 40px; padding: 0 15px; }
.search-filters button.active { color: white; border-color: var(--blue-2); background: #1067c9; }
.search-meta { margin: 0 0 22px; display: flex; align-items: baseline; justify-content: space-between; gap: 20px; color: #d6e0ea; font-size: 14px; }
.search-meta span { font-weight: 800; }
.search-meta small { color: #95a4b5; font-size: 12px; text-align: right; }
.search-results { min-width: 0; display: grid; gap: 8px; }
.search-result { width: 100%; min-width: 0; min-height: 116px; padding: 20px 20px; display: grid; grid-template-columns: 142px minmax(0,1fr) 26px; gap: 22px; align-items: center; border: 1px solid var(--line); background: #13171d; transition: background .2s ease, border-color .2s ease, transform .2s ease; }
.search-result > div { min-width: 0; }
.search-result:hover { background: #18222d; border-color: rgba(100,181,255,.38); transform: translateX(4px); }
.search-result > .search-result-category { color: var(--blue-2); font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.search-result h3 { margin: 0 0 6px; font-size: 18px; overflow-wrap: anywhere; }
.search-result p { margin: 0; color: #b8c4d1; font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
.search-result mark { padding: 0 2px; color: white; background: rgba(37,136,255,.42); }
.search-result > b { color: var(--blue-2); font-size: 20px; }
.search-more { min-height: 48px; width: 100%; margin-top: 16px; color: #dce9f6; border: 1px solid #38516a; background: #172331; font-size: 13px; font-weight: 800; cursor: pointer; }
.search-more:hover { border-color: var(--blue-2); background: #1b3045; }
.search-empty { padding: 42px 24px; border: 1px dashed #34495e; background: #131a22; }
.search-empty a { margin-top: 14px; color: var(--blue-2); font-size: 13px; font-weight: 800; }

/* Diagnosebericht und kompakte Inhaltsseiten */
.assistant-export { padding: 0 19px 10px; display: grid; grid-template-columns: repeat(3,1fr); gap: 6px; }
.assistant-export button { min-height: 38px; border: 1px solid rgba(100,181,255,.24); color: #c9d8e7; background: rgba(37,136,255,.06); font-size: 11px; font-weight: 800; cursor: pointer; }
.assistant-export button:hover { color: white; border-color: var(--blue-2); background: rgba(37,136,255,.17); }
.assistant-report { margin: 0 19px 8px; border-top: 1px solid rgba(255,255,255,.07); }
.assistant-report .assistant-export { padding: 2px 0 4px; grid-template-columns: repeat(3, minmax(0,1fr)); }
.assistant-report summary:hover { color: #d8e7f5; }
.legal-page { max-width: 960px; margin: 0 auto; padding: 70px 28px 105px; }
.legal-summary { margin-bottom: 25px; padding: 20px; border: 1px solid rgba(100,181,255,.22); background: rgba(37,136,255,.06); }
.legal-summary b { display: block; margin-bottom: 5px; color: #eef6fc; }
.legal-summary p { margin: 0; color: #c3ccd8; font-size: 14px; line-height: 1.7; }
.legal-index { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 1px; margin: 0 0 18px; padding: 1px; background: rgba(100,181,255,.18); }
.legal-index a { min-height: 46px; display: flex; align-items: center; justify-content: center; padding: 8px 10px; color: #d7e8f7; background: #151c24; font-size: 12px; font-weight: 800; text-align: center; }
.legal-index a:hover { color: #fff; background: #1d2b39; }
.legal-content { padding: 28px; background: #14181f; border: 1px solid var(--line); }
.legal-content h2 { margin: 34px 0 12px; font-size: 22px; }
.legal-content h2:first-child { margin-top: 0; }
.legal-content p, .legal-content li { color: #aeb9c8; font-size: 14px; line-height: 1.75; }
.legal-content a { color: var(--blue-2); font-weight: 700; }
.legal-content strong { color: #edf5fc; }
.legal-content code { padding: 2px 5px; color: #baddff; background: #0c131a; font: 12px/1.5 "SFMono-Regular",Consolas,monospace; overflow-wrap: anywhere; }
.legal-facts { margin: 0 0 20px; border: 1px solid rgba(100,181,255,.18); background: rgba(37,136,255,.035); }
.legal-facts > div { min-height: 48px; display: grid; grid-template-columns: minmax(130px,.42fr) 1fr; gap: 18px; align-items: center; padding: 10px 14px; border-bottom: 1px solid rgba(255,255,255,.075); }
.legal-facts > div:last-child { border-bottom: 0; }
.legal-facts dt { color: #8fcaff; font-size: 12px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.legal-facts dd { min-width: 0; margin: 0; color: #e5edf5; font-size: 14px; overflow-wrap: anywhere; }
.legal-notice { margin: 22px 0; padding: 18px 19px; border-left: 3px solid var(--blue-2); background: rgba(37,136,255,.065); }
.legal-notice b { color: #edf6ff; }
.legal-notice p { margin: 5px 0 0; color: #c8d5e2; }
.windows-eol-notice { max-width: var(--content-max); margin: 32px auto; padding: 28px; border-left: 3px solid var(--blue-2); background: rgba(37,136,255,.065); }
.windows-eol-notice h2 { margin: 8px 0 10px; color: #f2f7fc; }
.windows-eol-notice p { max-width: 850px; margin: 0 0 14px; color: #c8d5e2; line-height: 1.7; }
.legal-source-list { margin-bottom: 0; padding-left: 21px; }
.legal-source-list li { margin-bottom: 8px; }
.article-intro { min-height: 380px; }
.article-meta { max-width: 1120px; margin: 0 auto -38px; padding: 26px 28px 0; color: #9facbb; font-size: 13px; line-height: 1.6; }
.article-meta a { color: var(--blue-2); font-weight: 750; }
.article-meta time { color: #dce6f0; }
.article-page { max-width: 1120px; margin: 0 auto; padding: 72px 28px 110px; display: grid; grid-template-columns: 270px minmax(0,1fr); gap: 70px; align-items: start; }
.article-summary { position: sticky; top: 105px; padding: 24px; border: 1px solid rgba(100,181,255,.24); background: linear-gradient(145deg,rgba(37,136,255,.08),#14181f 52%); }
.article-summary > b { color: white; font-size: 18px; }
.article-summary ol { margin: 20px 0 24px; padding: 0; list-style: none; counter-reset: article-step; border-top: 1px solid var(--line); }
.article-summary li { min-height: 48px; display: grid; grid-template-columns: 26px 1fr; align-items: center; gap: 8px; color: #adb9c7; border-bottom: 1px solid var(--line); font-size: 12px; counter-increment: article-step; }
.article-summary li::before { content: "0" counter(article-step); color: var(--blue-2); font-weight: 800; }
.article-summary .button,
.article-summary .button:visited,
.article-summary .button:hover,
.article-summary .button:focus-visible {
  width: 100%;
  min-height: 46px;
  padding: 0 12px;
  gap: 8px;
  color: #fff;
  background: #1067c9;
  border: 1px solid #72bdff;
  box-shadow: none;
  font-size: 12px;
}
.article-summary .button:hover { background: #1675df; }
.article-content { min-width: 0; }
.article-content .lead { margin-top: 0; padding-bottom: 28px; color: #d8e2ec; border-bottom: 1px solid var(--line); font-size: 18px; line-height: 1.8; }
.article-content h2 { margin: 44px 0 14px; font-size: clamp(25px,3vw,34px); letter-spacing: -.025em; }
.article-content p, .article-content li { color: #b5c0cd; font-size: 15px; line-height: 1.85; }
.article-content a { color: var(--blue-2); font-weight: 750; border-bottom: 1px solid rgba(100,181,255,.25); }
.article-content code, .article-content kbd { color: #acd8ff; font-family: "SFMono-Regular",Consolas,monospace; font-size: .92em; }
.article-content kbd { padding: 2px 5px; border: 1px solid rgba(100,181,255,.22); background: #0d1218; }
.article-content pre { margin: 18px 0; padding: 18px; overflow-x: auto; color: #baddff; background: #0b1016; border: 1px solid rgba(100,181,255,.2); line-height: 1.7; }
.article-warning { margin: 42px 0; padding: 20px 22px; border: 1px solid rgba(255,191,105,.3); background: rgba(255,191,105,.055); }
.article-warning b { color: #ffe0aa; font-size: 15px; }
.article-warning p { margin: 6px 0 0; color: #c7b28f; font-size: 14px; }
.article-content details { border-top: 1px solid var(--line); }
.article-content details:last-of-type { border-bottom: 1px solid var(--line); }
.article-content summary { min-height: 66px; display: flex; align-items: center; color: #e1e9f2; font-size: 15px; font-weight: 750; cursor: pointer; }
.article-content details > p { margin-top: 0; padding: 0 20px 18px; font-size: 14px; }
.article-next { display: grid; grid-template-columns: repeat(2,1fr); gap: 1px; margin-top: 46px; background: var(--line); border: 1px solid var(--line); }
.article-next a { min-height: 112px; padding: 20px; display: flex; justify-content: center; flex-direction: column; color: inherit; background: #14181f; border: 0; }
.article-next a:hover { background: #19222d; }
.article-next span, .article-next b { display: block; }
.article-next span { margin-bottom: 7px; color: #8593a4; font-size: 11px; text-transform: uppercase; letter-spacing: .1em; }
.article-next b { color: var(--blue-2); font-size: 14px; }
.dpc-intro::after { content: "DPC / ISR"; position: absolute; right: 5%; bottom: 10%; color: rgba(100,181,255,.035); font-size: clamp(70px,10vw,150px); font-weight: 900; letter-spacing: -.08em; pointer-events: none; }
.dpc-intro.advanced::after { content: "ETW / WPA"; }
.dpc-summary-link { margin-top: 14px; display: block; color: #8fc8f7; text-align: center; font-size: 12px; font-weight: 750; }
.dpc-audience { margin: 34px 0 12px; display: grid; grid-template-columns: repeat(2,1fr); gap: 1px; border: 1px solid var(--line); background: var(--line); }
.dpc-audience article { min-height: 190px; padding: 24px; background: linear-gradient(145deg,rgba(37,136,255,.075),#13181f 58%); }
.dpc-audience span, .dpc-lab-grid span { color: var(--blue-2); font-size: 11px; font-weight: 850; letter-spacing: .12em; }
.article-content .dpc-audience h2 { margin: 34px 0 8px; color: #eef5fc; font-size: 21px; }
.dpc-audience p { margin: 0; font-size: 13px; line-height: 1.7; }
.dpc-metrics { margin: 24px 0; display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--line); }
.dpc-metrics > div { min-height: 136px; padding: 18px 14px; border-right: 1px solid var(--line); background: #12171d; }
.dpc-metrics > div:last-child { border-right: 0; }
.dpc-metrics b, .dpc-metrics span, .dpc-metrics small { display: block; }
.dpc-metrics b { color: #59adff; font-size: 24px; letter-spacing: -.06em; }
.dpc-metrics span { margin-top: 25px; color: #eef5fc; font-size: 12px; font-weight: 800; }
.dpc-metrics small { margin-top: 5px; color: #8795a6; font-size: 11px; line-height: 1.5; }
.dpc-fix-list { margin: 22px 0; padding: 0; list-style: none; counter-reset: dpc-fix; }
.dpc-fix-list > li { position: relative; min-height: 108px; padding: 20px 20px 20px 66px; border-top: 1px solid var(--line); counter-increment: dpc-fix; }
.dpc-fix-list > li:last-child { border-bottom: 1px solid var(--line); }
.dpc-fix-list > li::before { content: "0" counter(dpc-fix); position: absolute; left: 17px; top: 18px; color: #59adff; font-size: 22px; font-weight: 850; letter-spacing: -.06em; }
.dpc-fix-list b { color: #eef4fb; font-size: 15px; }
.dpc-fix-list p { margin: 6px 0 0; font-size: 13px; line-height: 1.7; }
.dpc-driver-map { margin: 22px 0; border-top: 1px solid var(--line); }
.dpc-driver-map > div { min-height: 92px; padding: 15px 14px; display: grid; grid-template-columns: 1.05fr .72fr 1.7fr; gap: 18px; align-items: center; border-bottom: 1px solid var(--line); transition: background .2s ease; }
.dpc-driver-map > div:hover { background: rgba(37,136,255,.045); }
.dpc-driver-map code { overflow-wrap: anywhere; color: #a9d7ff; font-size: 12px; }
.dpc-driver-map span { color: #eef4fa; font-size: 13px; font-weight: 800; }
.dpc-driver-map small { color: #97a4b3; font-size: 12px; line-height: 1.65; }
.dpc-sources { margin: 18px 0 0; padding-left: 20px; }
.dpc-sources li { margin: 8px 0; font-size: 13px; }
.dpc-lab-grid { margin: 24px 0; display: grid; grid-template-columns: repeat(2,1fr); gap: 8px; }
.dpc-lab-grid article { min-height: 150px; padding: 20px; border: 1px solid rgba(100,181,255,.16); background: rgba(37,136,255,.045); }
.dpc-lab-grid b { margin: 28px 0 7px; display: block; color: #edf5fc; font-size: 14px; }
.dpc-lab-grid p { margin: 0; color: #9eabb9; font-size: 12px; line-height: 1.6; }
.dpc-command { margin: 18px 0; }
.dpc-command pre { margin: 0; border: 0; }
.dpc-result-grid { margin: 24px 0 42px; display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.dpc-result-grid > div { min-height: 148px; padding: 19px; border-top: 2px solid var(--blue); background: #13181f; }
.dpc-result-grid b { color: #7fc2ff; font-size: 11px; letter-spacing: .1em; }
.dpc-result-grid p { margin: 27px 0 0; color: #a6b2c0; font-size: 12px; line-height: 1.65; }
.contact-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.contact-card { min-height: 220px; padding: 28px; background: #14181f; }
.contact-card span { color: var(--blue-2); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }
.contact-card h2 { margin: 34px 0 10px; font-size: 24px; }
.contact-card p { color: #aeb9c8; font-size: 14px; line-height: 1.7; }
.contact-card a { color: var(--blue-2); font-weight: 800; }
.contact-card a.button.primary,
.contact-card a.button.primary:visited,
.contact-card a.button.primary:hover,
.contact-card a.button.primary:focus-visible,
.contact-card a.button.primary > span { color: #fff; }
.site-disclaimer { max-width: 1240px; margin: 0 auto; padding: 18px 28px; color: #929dad; background: rgba(255,191,105,.035); border-top: 1px solid rgba(255,191,105,.18); font-size: 12px; line-height: 1.65; }
.site-disclaimer b { color: #d8e2ed; }
.footer-legal { display: inline-flex; flex-wrap: wrap; gap: 7px; }
.footer-legal a { min-height: 34px; display: inline-flex; align-items: center; padding: 0 11px; color: #d2dde8; border: 1px solid rgba(100,181,255,.2); background: rgba(37,136,255,.045); font-weight: 700; }
.footer-legal a:hover { color: #fff; border-color: rgba(100,181,255,.5); background: rgba(37,136,255,.12); }

/* Klare Typografie: kräftiger Kontrast, echte Schriftgewichte und keine Text-Glow-Effekte. */
body * { text-shadow: none !important; }
h1, h2, h3, h4, strong, b { font-weight: 700; }
button, input, summary, .button { font-family: inherit; text-rendering: auto; }
.button span:not(.ui-icon), .button:hover span:not(.ui-icon), .windows-launchlinks a span:not(.ui-icon), .windows-launchlinks a:hover span:not(.ui-icon), .tool-open span:not(.ui-icon), .tool-open:hover span:not(.ui-icon) {
  transform: none;
  transition: none;
}
.nav-links { color: #e1e7ef; font-size: 15px; font-weight: 600; }
.nav-cta { font-size: 13px; }
.eyebrow, .kicker { color: #82c5ff; font-size: 13px; }
.hero-copy > p { color: #e0e6ee; font-size: 18px; }
.button { color: #fff; font-size: 15px; font-weight: 700; letter-spacing: .005em; line-height: 1.25; }
.button.primary { background: #1067c9; border: 1px solid #72bdff; box-shadow: none; }
.button.primary:hover { background: #1675df; }
.trust-row { color: #d0d8e2; font-size: 14px; }
.assistant-head strong { font-size: 16px; }
.assistant-head small, .secure { color: #c5ced9; font-size: 13px; }
.message p { color: #f3f6fa; font-size: 15px; }
.message.user p { color: #fff; background: #0f64c3; }
.match code { font-size: 12px; }
.match span { color: #e0e7ef; font-size: 13px; }
.suggestions > span { color: #bcc7d4; font-size: 13px; }
.suggestions button { color: #d8e0e9; font-size: 13px; }
.chat-form input { font-size: 15px; }
.chat-form input::placeholder { color: #abb6c4; }
.chat-note { color: #b8c3d0; font-size: 13px; }
.showcase-copy p { color: #d7dfe8; font-size: 16px; }
.showcase-facts b { color: #58adff; font-size: 18px; }
.showcase-facts span { color: #e0e6ee; font-size: 13px; }
.section-heading > p, .codes-top > p { color: #d3dbe5; font-size: 16px; }
.help-card > span { color: #58adff; font-size: 42px; }
.help-card h3 { font-size: 21px; }
.help-card p { color: #d0d9e3; font-size: 15px; }
.help-card b { font-size: 14px; }
.diagnostic-visual figcaption { color: #c9d2de; font-size: 13px; }
.diagnostic-copy > p { color: #d2dae4; font-size: 16px; }
.diagnostic-copy li > span { color: #58adff; font-size: 28px; }
.diagnostic-copy li b { font-size: 16px; }
.diagnostic-copy li small { color: #c9d2dd; font-size: 14px; }
.code-search input { font-size: 16px; }
.code-search input::placeholder { color: #aeb9c7; }
.code-search kbd { color: #b8c2cf; font-size: 12px; }
.filters button { color: #d2dae4; font-size: 13px; }
.result-meta { color: #bac5d2; font-size: 13px; }
.code-summary > code { font-size: 15px; }
.code-summary h3 { font-size: 16px; }
.tag { color: #c4cdd8; font-size: 12px; }
.code-detail h4 { color: #cbd4df; font-size: 13px; }
.code-detail p, .code-detail li { color: #d5dce5; font-size: 15px; }
.code-detail a { font-size: 14px; }
.load-more { color: #d6dee7; font-size: 14px; }
.process-intro p { color: #d0d8e2; font-size: 16px; }
.steps span { color: #58adff; font-size: 34px; }
.steps h3 { font-size: 17px; }
.steps p { color: #d0d8e2; font-size: 15px; }
footer > p, footer > div { color: #cdd6e0; font-size: 13px; }
footer small { color: #b9c4d1; font-size: 13px; }

.article-content .lead { color: #edf2f7; }
.article-content p, .article-content li { color: #d2dae4; font-size: 16px; line-height: 1.8; }
.page-intro > p, .support-content-head p, .repair-panel > p, .contact-card p, .site-disclaimer { color: #cfd8e3; }
.article-summary li, .repair-auto-step p, .repair-auto-status p, .dpc-audience p, .dpc-fix-list p, .dpc-driver-map small, .dpc-lab-grid p, .dpc-result-grid p { color: #c7d1dd; font-size: 14px; }

.assistant-actions a, .download-bundle a, .repair-auto-step > a, .repair-report-import > span, .hero-search button, .site-search-form button {
  color: #fff;
  background: #1067c9;
  border-color: #72bdff;
  box-shadow: none;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
}
.command-row button, .command-block button, .tool-command button, .repair-actions a, .repair-actions button, .assistant-export button, .filters button {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
}

@keyframes rise { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
@keyframes heroIn { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
@keyframes assistantIn { from { opacity: 0; transform: translate(26px, 12px); } to { opacity: 1; transform: translate(0); } }
@keyframes gridDrift { from { transform: translate(0, 0); } to { transform: translate(54px, 54px); } }
@keyframes scanLine { 0%, 12% { left: -2%; opacity: 0; } 18% { opacity: 1; } 72% { opacity: .7; } 82%, 100% { left: 102%; opacity: 0; } }
@keyframes focusPulse { 0%, 100% { opacity: .4; transform: scale(.97); } 50% { opacity: .9; transform: scale(1); } }
@keyframes panelIn { from { opacity: 0; transform: translateX(10px); } to { opacity: 1; transform: translateX(0); } }
@keyframes typingDot { 0%, 70%, 100% { opacity: .28; transform: translateY(0); } 35% { opacity: 1; transform: translateY(-3px); } }

@media (max-width: 960px) {
  .nav { height: auto; min-height: 78px; flex-wrap: wrap; padding-top: 14px; padding-bottom: 14px; background: rgba(16,19,24,.98); }
  .nav > .brand { order: 1; flex: 0 1 auto; }
  .menu-toggle { display: flex; order: 3; margin-left: 12px; }
  .nav-links { order: 4; width: 100%; max-height: 0; display: grid; grid-template-columns: 1fr; gap: 2px; padding: 0; margin-top: 0; overflow: hidden; opacity: 0; pointer-events: none; border-top: 0; transform: translateY(-8px); transition: max-height .32s ease, opacity .22s ease, transform .32s ease, padding .32s ease, margin .32s ease; }
  .nav.menu-open { box-shadow: 0 20px 45px rgba(0,0,0,.35); }
  .nav.menu-open .nav-links { max-height: min(520px, calc(100dvh - 78px)); padding: 14px 0 0; margin-top: 14px; overflow-y: auto; overscroll-behavior: contain; opacity: 1; pointer-events: auto; border-top: 1px solid var(--line); transform: none; }
  .nav-links a { min-height: 50px; display: flex; align-items: center; padding: 0 16px; color: #c6d0dc; background: #141920; border-left: 3px solid transparent; font-size: 14px; font-weight: 700; }
  .nav-links a::after { display: none; }
  .nav-links a:hover { background: #1a222c; border-left-color: rgba(100,181,255,.45); }
  .nav-links a.active { color: white; background: linear-gradient(90deg, rgba(37,136,255,.2), rgba(37,136,255,.04)); border-left-color: var(--blue); }
  .nav-links .nav-search { width: 100%; height: 50px; display: flex; align-items: center; justify-content: flex-start; gap: 14px; margin: 0; padding: 0 16px 0 19px; border: 0; border-left: 3px solid transparent; background: #141920; }
  .nav-links .nav-search:hover, .nav-links .nav-search.active { background: linear-gradient(90deg, rgba(37,136,255,.2), rgba(37,136,255,.04)); border-color: var(--blue); }
  .nav-search-label { position: static; width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip: auto; white-space: normal; }
  .nav-search-icon { width: 20px; height: 20px; flex-basis: 20px; }
  .hero { grid-template-columns: 1fr; gap: 50px; padding-top: 64px; }
  .hero-copy { max-width: 720px; }
  .assistant-card { max-width: 650px; width: 100%; }
  .showcase { margin-left: 28px; margin-right: 28px; height: 460px; }
  .showcase-copy { width: 60%; }
  .help-grid { grid-template-columns: repeat(2, 1fr); }
  .diagnostic-feature { grid-template-columns: 1fr; gap: 45px; }
  .diagnostic-visual { height: 420px; }
  .diagnostic-copy { max-width: 670px; }
  .process { grid-template-columns: 1fr; }
  .section-heading, .codes-top, .repair-heading { grid-template-columns: 1fr; gap: 20px; }
  .repair-workspace { grid-template-columns: minmax(0, 1fr); }
  .repair-tabs, .repair-panel { min-width: 0; }
  .repair-tabs { display: grid; grid-template-columns: repeat(4, 1fr); border-right: 0; border-bottom: 1px solid var(--line); overflow-x: auto; }
  .repair-tabs button { min-width: 150px; min-height: 100px; border-right: 1px solid var(--line); }
  .portal-grid { grid-template-columns: repeat(2, 1fr); }
  footer { grid-template-columns: minmax(220px, .8fr) minmax(320px, 1.2fr); }
  footer > div { grid-column: 1 / -1; justify-content: flex-start; padding-top: 2px; }
  .capability-strip { grid-template-columns: repeat(2, 1fr); }
  .capability-strip > div:nth-child(2) { border-right: 0; }
  .capability-strip > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .diagnostic-strip { grid-template-columns: 1fr; }
  .diagnostic-strip > div { border-right: 0; border-bottom: 1px solid var(--line); }
  .diagnostic-strip > div:last-child { border-bottom: 0; }
  .solution-list { grid-template-columns: 1fr; }
  .assistant-scope { grid-template-columns: 1fr; gap: 42px; }
  .knowledge-grid { grid-template-columns: repeat(2, 1fr); }
  .faq-section { grid-template-columns: 1fr; gap: 36px; }
  .page-intro { min-height: 0; grid-template-columns: 1fr; gap: 24px; padding-top: 52px; }
  .decision-section { grid-template-columns: 1fr; gap: 35px; }
  .tools-grid { grid-template-columns: repeat(2, 1fr); }
  .tools-intro { align-items: flex-start; flex-direction: column; }
  .tool-checklist { grid-template-columns: 1fr; gap: 35px; }
  .support-content-head { grid-template-columns: 1fr; gap: 20px; }
  .support-content-head .kicker { grid-column: auto; margin-bottom: 0; }
  .support-content-grid { grid-template-columns: 1fr; }
  .home-popular .solution-list { grid-template-columns: 1fr; }
  .home-popular .solution-list > a { min-height: 150px; grid-template-columns: 62px 1fr auto; }
  .home-seo-compact { grid-template-columns: 1fr; gap: 20px; }
  .search-result { grid-template-columns: 82px 1fr auto; }
  .not-found { grid-template-columns: 1fr; gap: 25px; }
  .not-found > span { font-size: 150px; }
  .article-page { grid-template-columns: 1fr; gap: 35px; }
  .article-summary { position: static; }
  .dpc-metrics { grid-template-columns: repeat(2,1fr); }
  .dpc-metrics > div:nth-child(2) { border-right: 0; }
  .dpc-metrics > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .dpc-driver-map > div { grid-template-columns: .9fr .65fr 1.5fr; }
}

@media (max-width: 640px) {
  .nav { height: auto; padding: 12px 18px; }
  .menu-toggle { margin-left: auto; }
  .nav.menu-open .nav-links { padding-top: 12px; margin-top: 12px; }
  .nav-links { gap: 2px; font-size: 14px; }
  .hero, .quick-help, .diagnostic-feature, .repair-center, .codes-section, .process, .portal-overview, .support-content, .guide-section, .decision-section, .tools-section, .tool-checklist, .guide-safety, .final-cta, .capability-strip, .diagnostic-strip, .popular-solutions, .assistant-scope, .knowledge-section, .command-reference, .faq-section, .escalation-banner, footer { padding-left: 18px; padding-right: 18px; }
  .hero { padding-top: 50px; min-height: auto; }
  h1 { font-size: 45px; }
  .hero-actions { flex-direction: column; }
  .trust-row { display: grid; }
  .assistant-card { margin: 0; }
  .assistant-head { padding: 0 28px; }
  .assistant-head-actions { gap: 4px; }
  .assistant-back, .assistant-reset { padding: 7px 6px; font-size: 9px; }
  .secure { display: none; }
  .assistant-reset { padding: 7px; font-size: 10px; }
  .assistant-pro .messages { min-height: 250px; max-height: 420px; padding-left: 28px; padding-right: 28px; }
  .assistant-context, .assistant-pro .suggestions { padding-left: 28px; padding-right: 28px; }
  .assistant-pro .chat-form { margin-left: 28px; margin-right: 28px; }
  .assistant-pro .suggestions-main { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .chat-form input { font-size: 16px; }
  .assistant-mode-row { align-items: center; flex-direction: row; }
  .assistant-mode-row button { width: 100%; min-height: 34px; }
  .assistant-overview { grid-template-columns: 1fr 1fr; }
  .assistant-overview > span:first-child { grid-column: 1 / -1; }
  .answer-options { display: grid; grid-template-columns: 1fr; }
  .help-grid { grid-template-columns: 1fr; }
  .help-card { min-height: 230px; }
  .help-card h3 { margin-top: 34px; }
  .showcase { height: 560px; margin-left: 18px; margin-right: 18px; }
  .showcase > img { object-position: 64% center; }
  .showcase-shade { background: linear-gradient(0deg, rgba(7,10,15,.98) 0%, rgba(7,10,15,.76) 58%, rgba(7,10,15,.15) 100%); }
  .showcase-copy { left: 22px; right: 22px; top: auto; bottom: 142px; width: auto; margin: 0; transform: none; }
  .showcase-copy h2 { font-size: 36px; }
  .showcase-facts { left: 22px; right: 22px; bottom: 22px; display: grid; grid-template-columns: 1fr; gap: 5px; }
  .showcase-facts div { width: 100%; min-height: 32px; padding: 6px 9px; }
  .diagnostic-feature { min-height: auto; padding-top: 70px; padding-bottom: 70px; }
  .diagnostic-visual { height: 300px; }
  .focus-frame { inset: 25% 20% 30%; }
  .code-summary { grid-template-columns: 1fr 26px; gap: 10px; padding: 15px; }
  .code-summary > code { grid-column: 1; }
  .code-summary > div { grid-column: 1; }
  .expand { grid-column: 2; grid-row: 1 / 3; }
  .tag { margin: 7px 0 0; display: table; }
  .code-detail { grid-template-columns: 1fr; padding: 5px 15px 20px; gap: 10px; }
  .code-meaning, .code-suspect-section, .code-context, .code-detail-actions { grid-column: 1; }
  .code-meaning, .code-context { padding: 16px; }
  .code-suspects { grid-template-columns: 1fr; }
  .code-suspects > div { min-height: 0; }
  .code-context-buttons { display: grid; grid-template-columns: 1fr; }
  .code-context-buttons button { width: 100%; text-align: left; }
  .code-detail-actions { display: grid; grid-template-columns: 1fr; }
  .code-detail-actions button, .code-detail-actions a { width: 100%; }
  .result-meta span:last-child, .code-search kbd { display: none; }
  .steps { grid-template-columns: 1fr; }
  .steps > div { min-height: 180px; }
  .steps i { margin: 22px 0 15px; }
  .final-cta { align-items: flex-start; flex-direction: column; }
  footer { grid-template-columns: 1fr; gap: 24px; }
  footer > div { grid-column: 1; justify-content: flex-start; }
  footer small { grid-column: 1; gap: 12px; }
  .repair-center { padding-top: 75px; padding-bottom: 80px; }
  .safety-notice { grid-template-columns: 1fr; }
  .download-bundle { align-items: flex-start; flex-direction: column; }
  .download-bundle a { width: 100%; }
  .repair-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); overflow-x: visible; }
  .repair-tabs button { min-width: 0; min-height: 96px; padding: 15px; border-right: 1px solid var(--line); }
  .repair-panel { padding: 25px 17px 28px; }
  .repair-panel-head { display: grid; }
  .repair-guide { padding: 16px 13px; }
  .repair-guide-head { align-items: flex-start; }
  .repair-auto-step { grid-template-columns: 34px 1fr; align-items: start; }
  .repair-auto-step > a, .repair-auto-step > small, .repair-report-import { grid-column: 2; width: 100%; }
  .repair-report-import > span { width: 100%; }
  .repair-checklist { grid-template-columns: 1fr; }
  .repair-result-buttons { display: grid; grid-template-columns: 1fr; }
  .risk { width: fit-content; }
  .command-row, .command-row.large, .command-block { grid-template-columns: 1fr; margin-left: 0; }
  .command-row button, .command-block button { min-height: 44px; }
  .command-row code, .command-block pre { font-size: 12px; }
  .command-block pre { min-height: 0; }
  .repair-actions { display: grid; }
  .repair-actions a, .repair-actions button { width: 100%; }
  .copy-toast { left: 18px; right: 18px; bottom: 18px; text-align: center; }
  .portal-card { padding: 22px 17px; }
  .portal-overview { padding-top: 75px; padding-bottom: 80px; }
  .portal-grid, .guide-grid { grid-template-columns: 1fr; }
  .portal-grid > a { min-height: 230px; }
  .portal-grid > a::before { top: 21px; right: 21px; width: 66px; height: 66px; border-radius: 8px; }
  .portal-grid > a > span { font-size: 43px; }
  .portal-grid h3 { margin-top: 34px; }
  .page-intro { padding: 44px 18px 40px; }
  .page-intro h1 { font-size: 43px; }
  .reliability-intro h1 { font-size: clamp(34px, 10.5vw, 41px); }
  .guide-section, .decision-section { padding-top: 75px; padding-bottom: 75px; }
  .decision-links a { align-items: flex-start; flex-direction: column; }
  .tools-section { padding-top: 60px; padding-bottom: 80px; }
  .tools-grid { grid-template-columns: 1fr; }
  .tools-grid-primary { grid-template-columns: 1fr; }
  .more-tools > summary { padding: 16px 18px; }
  .windows-launchbar { grid-template-columns: 1fr; gap: 16px; padding: 18px; }
  .windows-launchlinks { grid-template-columns: 1fr; }
  .dpc-launchbar .windows-launchlinks { grid-template-columns: 1fr; }
  .tools-grid article { min-height: 330px; padding: 22px 18px; }
  .key-hint { width: 100%; flex-wrap: wrap; }
  .tool-checklist { padding-top: 75px; padding-bottom: 75px; }
  .support-content { padding-top: 75px; padding-bottom: 80px; }
  .capability-strip { margin-left: 18px; margin-right: 18px; padding-left: 0; padding-right: 0; }
  .capability-strip > div { padding: 19px 15px; align-items: flex-start; flex-direction: column; gap: 8px; }
  .capability-strip b { font-size: 24px; }
  .diagnostic-strip { margin-left: 18px; margin-right: 18px; padding-left: 0; padding-right: 0; }
  .popular-solutions, .assistant-scope, .knowledge-section, .command-reference, .faq-section { padding-top: 75px; padding-bottom: 80px; }
  .solution-list > a { grid-template-columns: 50px 1fr; padding: 18px 14px; }
  .solution-list > a > span { width: 48px; height: 48px; }
  .solution-list > a > b { grid-column: 2; }
  .scope-list { grid-template-columns: 1fr; }
  .knowledge-grid { grid-template-columns: 1fr; }
  .knowledge-grid > a { min-height: 235px; }
  .reference-table > div { grid-template-columns: 1fr; gap: 6px; padding: 18px 5px; }
  .faq-list summary { min-height: 72px; font-size: 14px; }
  .faq-list p { padding-right: 8px; }
  .escalation-banner { align-items: flex-start; flex-direction: column; }
  .not-found { padding: 60px 18px; }
  .home-hero { min-height: auto; }
  .home-trust { grid-template-columns: 1fr; }
  .hero-search { grid-template-columns: 1fr; }
  .hero-search input { min-height: 50px; font-size: 16px; }
  .hero-search button { min-height: 46px; }
  .home-popular .solution-list > a { min-height: 0; grid-template-columns: 50px 1fr; }
  .home-popular .solution-list > a > b { grid-column: 2; }
  .site-search-page, .legal-page { padding: 50px 18px 75px; }
  .article-meta { margin-bottom: -30px; padding: 22px 18px 0; }
  .article-page { padding: 50px 18px 80px; }
  .article-next { grid-template-columns: 1fr; }
  .dpc-intro::after { display: none; }
  .dpc-audience, .dpc-lab-grid, .dpc-result-grid { grid-template-columns: 1fr; }
  .dpc-audience article { min-height: 160px; }
  .dpc-metrics { grid-template-columns: 1fr; }
  .dpc-metrics > div { min-height: 116px; border-right: 0; border-bottom: 1px solid var(--line); }
  .dpc-metrics > div:last-child { border-bottom: 0; }
  .dpc-metrics span { margin-top: 15px; }
  .dpc-fix-list > li { padding-left: 57px; }
  .dpc-driver-map > div { grid-template-columns: 1fr; gap: 7px; padding: 18px 5px; }
  .dpc-result-grid > div { min-height: 120px; }
  .site-search-form { grid-template-columns: 48px minmax(0,1fr); }
  .site-search-form .site-search-icon { margin: 0 auto; }
  .site-search-form input { min-height: 56px; height: 56px; padding-left: 10px; font-size: 16px; }
  .site-search-form kbd { display: none; }
  .site-search-form button { min-height: 48px; grid-column: 1 / -1; }
  .search-suggestions { margin-bottom: 22px; }
  .search-filters { margin-left: -18px; margin-right: -18px; padding-left: 18px; padding-right: 18px; }
  .search-meta { align-items: flex-start; flex-direction: column; gap: 5px; }
  .search-meta small { text-align: left; }
  .search-result { grid-template-columns: 1fr auto; gap: 8px 14px; padding: 18px; }
  .search-result > .search-result-category { grid-column: 1 / -1; }
  .search-result > b { grid-column: 2; grid-row: 2; }
  .contact-cards { grid-template-columns: 1fr; }
  .assistant-export { padding-left: 14px; padding-right: 14px; }
  .assistant-export { grid-template-columns: 1fr; }
  .assistant-report { margin-left: 14px; margin-right: 14px; }
  .assistant-report .assistant-export { padding-left: 0; padding-right: 0; grid-template-columns: repeat(3, minmax(0,1fr)); }
  .assistant-report .assistant-export button { min-width: 0; padding: 6px 4px; font-size: 11px; }
  .site-disclaimer { padding-left: 18px; padding-right: 18px; }
  .legal-index { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .legal-content { padding: 23px 18px; }
  .legal-facts > div { grid-template-columns: 1fr; gap: 3px; align-items: start; }
  .footer-legal { width: 100%; display: grid; grid-template-columns: 1fr 1fr; }
  .footer-legal a { justify-content: center; text-align: center; }
}

/* Windows 11 installation guide */
.install-choice { padding-top: 36px; }
.install-choice-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border:1px solid var(--line); background:#11171e; }
.install-choice-grid a { min-height:220px; padding:30px; color:#eef4fa; border-right:1px solid var(--line); text-decoration:none; transition:background-color .2s ease,border-color .2s ease; }
.install-choice-grid a:last-child { border-right:0; }
.install-choice-grid a:hover,.install-choice-grid a:focus-visible { background:#172330; }
.install-choice-grid span { color:#63b7ff; font-size:11px; font-weight:800; letter-spacing:.12em; }
.install-choice-grid h3 { margin:18px 0 10px; font-size:28px; }
.install-choice-grid p { max-width:52ch; color:#b9c6d2; line-height:1.65; }
.install-choice-grid b { display:block; margin-top:22px; color:#72bdff; }
.install-guide .article-content > h2 { scroll-margin-top:110px; }
.install-steps { counter-reset:install-step; padding:0; list-style:none; }
.install-steps li { position:relative; min-height:78px; margin:0; padding:20px 20px 20px 76px; border-top:1px solid var(--line); }
.install-steps li:last-child { border-bottom:1px solid var(--line); }
.install-steps li::before { counter-increment:install-step; content:counter(install-step,decimal-leading-zero); position:absolute; top:20px; left:20px; color:#63b7ff; font-size:22px; font-weight:800; }
.install-steps b { color:#edf4fa; }
.install-steps p { margin:6px 0 0; }
.install-risk { margin:25px 0; padding:22px 24px; border:1px solid #735b2d; border-left:4px solid var(--warning); background:#211e18; }
.install-risk b { color:#ffd48a; }
.install-risk p { margin:8px 0 0; color:#d8c49e; }
.install-single-action { width:min(100%, 390px); margin:24px 0 34px; }
.install-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:24px 0 34px; }
.install-single-action .button,.install-actions .button { width:100%; min-height:52px; justify-content:space-between; gap:16px; padding:0 18px; font-size:14px; line-height:1.25; text-align:left; }
.install-single-action .button,.install-single-action .button:visited,.install-single-action .button:hover,.install-single-action .button:focus-visible,.install-actions .button,.install-actions .button:visited,.install-actions .button:hover,.install-actions .button:focus-visible { color:#fff; }
.install-single-action .button > span,.install-actions .button > span { color:#fff; }
.install-single-action .button > span:last-child,.install-actions .button > span:last-child { flex:0 0 auto; color:#fff; font-size:18px; line-height:1; }
.install-compare { display:grid; gap:1px; margin:22px 0 34px; background:var(--line); }
.install-compare div { padding:20px 22px; background:#11171e; }
.install-compare dt { color:#eef4fa; font-weight:800; }
.install-compare dd { margin:8px 0 0; color:#b9c6d2; line-height:1.65; }
.install-sources a { color:#72bdff; }
@media (max-width: 640px) {
  .install-choice-grid { grid-template-columns:1fr; }
  .install-choice-grid a { min-height:0; padding:24px var(--content-gutter-mobile); border-right:0; border-bottom:1px solid var(--line); }
  .install-choice-grid a:last-child { border-bottom:0; }
  .install-choice-grid h3 { font-size:24px; }
  .install-steps li { padding:18px 16px 18px 62px; }
  .install-steps li::before { left:16px; font-size:19px; }
  .install-risk { padding:20px var(--content-gutter-mobile); }
  .install-single-action { width:100%; }
  .install-actions { grid-template-columns:1fr; }
  .install-single-action .button,.install-actions .button { min-height:52px; padding:0 16px; font-size:14px; }
}

/* Windows 11 Shortcuts */
.shortcuts-intro em { color: var(--blue-2); font-style: normal; }
.shortcut-quick, .shortcut-finder, .shortcut-category, .shortcut-notes, .shortcut-sources, .shortcut-empty { width: calc(100% - (2 * var(--content-gutter))); max-width: var(--content-max); margin-right: auto; margin-left: auto; }
.shortcut-quick { padding-top: 72px; }
.shortcut-quick-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border: 1px solid var(--line); background: var(--line); gap: 1px; }
.shortcut-quick-grid > div { min-width: 0; min-height: 104px; padding: 19px 20px; display: flex; flex-direction: column; justify-content: space-between; gap: 16px; background: #14191f; }
.shortcut-quick-grid b { color: #edf4fb; font-size: 14px; line-height: 1.4; }
.shortcut-keys { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; color: #7591aa; font-size: 11px; }
.shortcut-keys kbd, .shortcut-notes kbd { min-width: 30px; padding: 6px 9px; display: inline-flex; justify-content: center; color: #eaf5ff; background: linear-gradient(180deg,#26384a,#192633); border: 1px solid rgba(111,190,255,.48); border-bottom-color: rgba(111,190,255,.78); box-shadow: 0 2px 0 #0b1118; font: 750 12px/1.1 "SFMono-Regular",Consolas,monospace; white-space: nowrap; }
.shortcut-finder { margin-top: 34px; padding: 34px; background: linear-gradient(125deg,#172431,#10161d); border: 1px solid rgba(101,176,240,.3); }
.shortcut-finder-head { display: flex; justify-content: space-between; gap: 30px; align-items: end; }
.shortcut-finder-head h2 { margin: 8px 0 0; font-size: clamp(27px,3vw,40px); }
#shortcut-count { margin: 0; color: #83c6ff; font-size: 13px; font-weight: 800; white-space: nowrap; }
.shortcut-search-wrap { margin-top: 28px; }
.shortcut-search-wrap label { margin-bottom: 9px; display: block; color: #cbd7e2; font-size: 13px; font-weight: 750; }
.shortcut-search-field { min-height: 54px; display: grid; grid-template-columns: 48px 1fr; align-items: center; background: #0c1117; border: 1px solid #52677a; }
.shortcut-search-field:focus-within { border-color: #65b8ff; box-shadow: 0 0 0 3px rgba(37,136,255,.18); }
.shortcut-search-field > span { width: 18px; height: 18px; margin: auto; position: relative; border: 2px solid #75bdff; border-radius: 50%; }
.shortcut-search-field > span::after { content: ""; width: 7px; height: 2px; position: absolute; right: -5px; bottom: -2px; background: #75bdff; transform: rotate(45deg); }
.shortcut-search-field input { width: 100%; min-width: 0; height: 52px; padding: 0 16px 0 0; color: #f1f6fb; background: transparent; border: 0; outline: 0; font: inherit; font-size: 16px; }
.shortcut-search-field input::placeholder { color: #78899a; opacity: 1; }
.shortcut-filters { margin-top: 18px; display: flex; flex-wrap: wrap; gap: 8px; }
.shortcut-filters button { min-height: 40px; padding: 0 15px; color: #b9c7d5; background: #101720; border: 1px solid #3b4c5c; font: 800 12px/1 inherit; cursor: pointer; }
.shortcut-filters button:hover, .shortcut-filters button.active { color: #fff; background: #176fc7; border-color: #61b6ff; }
.shortcut-filters button:focus-visible, .shortcut-jumps a:focus-visible { outline: 3px solid #83c8ff; outline-offset: 3px; }
.shortcut-jumps { margin-top: 22px; padding-top: 19px; display: flex; flex-wrap: wrap; gap: 10px 24px; border-top: 1px solid rgba(255,255,255,.1); }
.shortcut-jumps a { color: #8fcaff; font-size: 12px; font-weight: 800; text-decoration: underline; text-underline-offset: 4px; }
.shortcut-catalog { padding-top: 28px; position: relative; }
.shortcut-anchor { display: block; position: relative; top: -105px; scroll-margin-top: 105px; }
.shortcut-category { padding-top: 58px; scroll-margin-top: 105px; }
.shortcut-category[hidden], .shortcut-card[hidden] { display: none; }
.shortcut-category-title { margin-bottom: 22px; display: flex; align-items: baseline; gap: 18px; }
.shortcut-category-title > span { color: #5eaefe; font-size: 22px; font-weight: 900; }
.shortcut-category-title h2 { margin: 0; font-size: clamp(25px,3vw,36px); }
.shortcut-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.shortcut-card { min-width: 0; min-height: 164px; padding: 23px; background: #14191f; }
.shortcut-card h3 { margin: 22px 0 0; color: #edf3f9; font-size: 16px; line-height: 1.45; }
.shortcut-card p { margin: 10px 0 0; color: #9aabba; font-size: 12px; line-height: 1.55; }
.shortcut-empty { margin-top: 46px; padding: 42px; text-align: center; background: #131920; border: 1px solid var(--line); }
.shortcut-empty h2 { margin: 0; }
.shortcut-empty p { color: #a9b6c3; }
.shortcut-notes, .shortcut-sources { margin-top: 72px; padding: 34px; display: grid; grid-template-columns: .8fr 1.2fr; gap: 70px; background: #131920; border: 1px solid var(--line); }
.shortcut-notes h2, .shortcut-sources h2 { margin: 9px 0 0; font-size: 27px; }
.shortcut-notes ul { margin: 0; padding: 0; display: grid; gap: 14px; list-style: none; }
.shortcut-notes li { padding-left: 20px; position: relative; color: #b6c2ce; font-size: 14px; line-height: 1.65; }
.shortcut-notes li::before { content: ""; width: 7px; height: 7px; position: absolute; left: 0; top: .65em; background: #58adfa; }
.shortcut-sources { margin-bottom: 60px; }
.shortcut-sources p { color: #aab8c5; font-size: 13px; line-height: 1.7; }
.shortcut-source-links { display: grid; align-content: start; }
.shortcut-source-links a { padding: 14px 0; color: #88c8ff; border-bottom: 1px solid rgba(255,255,255,.1); font-size: 13px; font-weight: 750; }

@media (max-width: 900px) {
  .shortcut-quick-grid, .shortcut-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .shortcut-notes, .shortcut-sources { grid-template-columns: 1fr; gap: 26px; }
}
@media (max-width: 640px) {
  .shortcut-quick, .shortcut-finder, .shortcut-category, .shortcut-notes, .shortcut-sources, .shortcut-empty { width: calc(100% - (2 * var(--content-gutter-mobile))); }
  .shortcut-quick { padding-top: 48px; }
  .shortcut-quick-grid, .shortcut-grid { grid-template-columns: 1fr; }
  .shortcut-quick-grid > div { min-height: 92px; padding: 17px 18px; }
  .shortcut-finder { padding: 25px 18px; }
  .shortcut-finder-head { align-items: start; flex-direction: column; gap: 10px; }
  .shortcut-search-field { grid-template-columns: 42px 1fr; }
  .shortcut-search-field input { font-size: 16px; }
  .shortcut-filters { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .shortcut-filters button { width: 100%; padding: 0 8px; }
  .shortcut-jumps { gap: 14px 20px; }
  .shortcut-category { padding-top: 45px; }
  .shortcut-card { min-height: 142px; padding: 20px 18px; }
  .shortcut-notes, .shortcut-sources { margin-top: 52px; padding: 26px 18px; }
}

@media (max-width: 360px) {
  .assistant-head { height: auto; min-height: 88px; gap: 9px; padding: 10px 28px; }
  .bot-avatar { width: 46px; height: 46px; }
  .assistant-head strong { font-size: 14px; line-height: 1.25; }
  .assistant-head small { font-size: 11px; line-height: 1.35; }
  .assistant-reset { min-width: 52px; padding: 7px 5px; line-height: 1.25; }
  .assistant-pro .messages { min-height: 230px; max-height: 360px; }
  .assistant-pro.is-start .messages { min-height: 135px; max-height: 180px; }
  .visitor-trust { grid-template-columns: 1fr 1fr; margin-bottom: 55px; }
  .visitor-trust > div:nth-child(2) { border-right: 0; }
  .visitor-trust > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
}

/* Globale Werkzeuge: Meine Diagnose und Offline-Status */
.nav-tools { flex: 0 0 auto; display: flex; align-items: center; gap: 8px; margin-left: 14px; }
.case-toggle { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 0 11px; border: 1px solid rgba(100,181,255,.3); color: #e4edf7; background: #151b23; font-size: 12px; font-weight: 700; cursor: pointer; white-space: nowrap; }
.case-toggle:hover { color: #fff; border-color: #72bdff; background: #1b2632; }
.case-toggle > .ui-icon { width: 18px; height: 18px; color: #72bdff; }
.case-toggle b { min-width: 18px; min-height: 18px; display: none; place-items: center; padding: 0 5px; color: #fff; background: #1067c9; border-radius: 10px; font-size: 10px; }
.case-toggle.has-data b { display: grid; }
.case-backdrop { position: fixed; inset: 0; z-index: 1990; background: rgba(2,7,12,.68); }
.case-backdrop[hidden], .case-drawer[hidden] { display: none; }
.case-drawer { position: fixed; top: 0; right: 0; z-index: 2000; width: min(500px, 100%); height: 100dvh; overflow-y: auto; color: #f4f7fb; background: #111821; border-left: 1px solid rgba(100,181,255,.35); box-shadow: -28px 0 70px rgba(0,0,0,.42); }
body.case-open { overflow: hidden; }
.case-head { min-height: 92px; padding: 20px 22px; display: flex; align-items: center; justify-content: space-between; gap: 20px; background: #0d131b; border-bottom: 1px solid rgba(255,255,255,.1); }
.case-head span { color: #72bdff; font-size: 11px; font-weight: 700; letter-spacing: .15em; }
.case-head h2 { margin: 4px 0 0; color: #fff; font-size: 27px; letter-spacing: -.02em; }
.case-head button { width: 46px; height: 46px; border: 1px solid #34485d; color: #dce8f4; background: transparent; font-size: 25px; cursor: pointer; }
.case-status { padding: 15px 22px; display: flex; justify-content: space-between; gap: 15px; color: #aebdcd; background: #151e28; border-bottom: 1px solid rgba(255,255,255,.08); font-size: 12px; }
.case-status b { color: #fff; }
.case-body { padding: 22px; }
.case-body > label, .case-two label { display: grid; gap: 7px; margin-bottom: 17px; color: #dce6f0; font-size: 13px; font-weight: 700; }
.case-body input, .case-body textarea, .case-body select { width: 100%; min-height: 46px; padding: 11px 12px; color: #f4f7fb; background: #0c1219; border: 1px solid #33485e; border-radius: 0; outline: 0; font: inherit; font-size: 14px; }
.case-body textarea { resize: vertical; line-height: 1.55; }
.case-body input:focus, .case-body textarea:focus, .case-body select:focus { border-color: #72bdff; box-shadow: 0 0 0 2px rgba(37,136,255,.18); }
.case-two { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.case-body section { margin: 20px 0; padding-top: 17px; border-top: 1px solid rgba(255,255,255,.09); }
.case-body section:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.case-body h3 { margin: 0 0 12px; color: #fff; font-size: 15px; }
.case-empty { margin: 0; color: #9eacbc; font-size: 13px; }
.case-code-item { min-height: 60px; display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: center; padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,.08); }
.case-code-item div { display: grid; gap: 3px; }
.case-code-item code { color: #72bdff; font-size: 12px; }
.case-code-item b { color: #eef4fa; font-size: 13px; overflow-wrap: anywhere; }
.case-code-item button { min-height: 40px; padding: 0 10px; color: #cbd7e4; background: transparent; border: 1px solid #35485b; font-size: 11px; cursor: pointer; }
.case-outcomes { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.case-outcomes button { min-height: 44px; padding: 8px; color: #dbe5ef; background: #17212c; border: 1px solid #34485c; font-size: 12px; font-weight: 700; cursor: pointer; }
.case-outcomes button:hover { color: #fff; border-color: #72bdff; }
.case-timeline-item { display: grid; grid-template-columns: 78px 1fr; gap: 10px; padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,.07); }
.case-timeline-item span { color: #72bdff; font-size: 11px; }
.case-timeline-item p { margin: 0; color: #ccd6e1; font-size: 12px; line-height: 1.55; }
.case-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 23px; }
.case-actions a, .case-actions button { min-height: 45px; display: flex; align-items: center; justify-content: center; padding: 9px 11px; color: #dce8f4; background: #18222d; border: 1px solid #35495d; font-size: 12px; font-weight: 700; text-align: center; cursor: pointer; }
.case-actions .case-primary { grid-column: 1 / -1; color: #fff; background: #1067c9; border-color: #72bdff; }
.case-actions .case-danger { color: #ffb5b5; border-color: rgba(255,111,111,.35); }
.case-empty-state { padding: 22px; border: 1px solid #34485d; background: #151e28; }
.case-empty-state h3 { margin: 0 0 8px; font-size: 18px; }
.case-empty-state p { margin: 0 0 18px; color: #b9c7d6; line-height: 1.6; }
.case-empty-state .case-primary, .case-next .case-primary { min-height: 46px; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 14px; color: #fff; background: #1067c9; border: 1px solid #72bdff; font-size: 13px; font-weight: 700; text-align: center; }
.case-report { margin-top: 20px; border-top: 1px solid rgba(255,255,255,.09); }
.case-report > summary { min-height: 52px; display: flex; align-items: center; justify-content: space-between; color: #eaf2fa; font-size: 14px; font-weight: 700; cursor: pointer; list-style: none; }
.case-report > summary::-webkit-details-marker { display: none; }
.case-report > summary::after { content: "+"; color: #72bdff; font-size: 22px; font-weight: 400; }
.case-report[open] > summary::after { content: "−"; }
.case-report .case-actions { margin-top: 4px; }
.case-privacy { margin: 18px 0 4px; color: #93a2b3; font-size: 11px; line-height: 1.55; }
.offline-banner { position: fixed; left: 50%; bottom: 18px; z-index: 2100; width: min(580px,calc(100% - 32px)); padding: 12px 16px; transform: translateX(-50%); color: #102618; background: #adf0c9; border: 1px solid #55a678; box-shadow: 0 12px 35px rgba(0,0,0,.28); font-size: 13px; font-weight: 700; text-align: center; }
.offline-banner[hidden] { display: none; }

/* Assistant-Ergebniskontrolle */
.assistant-outcome { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 7px; padding: 9px; background: #141b24; border: 1px solid rgba(100,181,255,.18); }
.assistant-outcome > span { width: 100%; color: #b9c6d4; font-size: 11px; font-weight: 700; }
.assistant-outcome button { min-height: 38px; padding: 6px 9px; color: #d9e4ee; background: #1c2733; border: 1px solid #3a4c5e; font-size: 11px; font-weight: 700; cursor: pointer; }
.assistant-outcome button.active { color: #fff; background: #1067c9; border-color: #72bdff; }
.assistant-outcome button.save { margin-left: auto; color: #a9d7ff; background: transparent; }

/* Lokaler Bericht-Analysator */
.analysis-section { max-width: 1240px; margin: 0 auto; padding: 70px 28px 105px; }
.analysis-safety { display: grid; grid-template-columns: 42px 1fr; gap: 15px; align-items: center; margin-bottom: 18px; padding: 17px 19px; background: rgba(85,231,160,.06); border: 1px solid rgba(85,231,160,.23); }
.analysis-safety > span { display: grid; width: 40px; height: 40px; place-items: center; color: #0f3825; background: #75e6a7; font-weight: 900; }
.analysis-safety b { color: #edf7f1; }
.analysis-safety p { margin: 2px 0 0; color: #bdcbd4; font-size: 13px; }
.analysis-workspace { display: grid; grid-template-columns: minmax(0,1.55fr) minmax(280px,.75fr); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.analysis-input-panel, .analysis-guide { padding: 25px; background: #141a22; }
.analysis-panel-head { display: flex; justify-content: space-between; gap: 20px; align-items: center; margin-bottom: 16px; }
.analysis-panel-head > div { display: flex; align-items: center; gap: 13px; }
.analysis-panel-head span, .analysis-guide > span { color: #72bdff; font-size: 12px; font-weight: 800; letter-spacing: .12em; }
.analysis-panel-head h2 { margin: 0; font-size: 23px; }
.analysis-file { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; padding: 8px 12px; color: #cfe8ff; background: rgba(37,136,255,.08); border: 1px solid rgba(100,181,255,.35); font-size: 12px; font-weight: 700; cursor: pointer; }
.analysis-file input { position: absolute; width: 1px; height: 1px; opacity: 0; }
#analysis-input { width: 100%; min-height: 360px; resize: vertical; padding: 17px; color: #e8f2fb; background: #0b1016; border: 1px solid #31475e; outline: 0; font: 14px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace; tab-size: 2; }
#analysis-input:focus { border-color: #72bdff; box-shadow: 0 0 0 2px rgba(37,136,255,.17); }
#analysis-input::placeholder { color: #718093; }
.analysis-samples { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin: 12px 0; }
.analysis-samples span { color: #aebbc9; font-size: 12px; }
.analysis-samples button { min-height: 38px; padding: 6px 10px; color: #cfe7ff; background: transparent; border: 1px solid #344a60; font-size: 12px; cursor: pointer; }
.analysis-run, .analysis-save, .analysis-next button { min-height: 48px; padding: 10px 17px; color: #fff; background: #1067c9; border: 1px solid #72bdff; font-size: 14px; font-weight: 700; cursor: pointer; }
.analysis-run { width: 100%; }
.analysis-run:disabled { opacity: .65; cursor: wait; }
.analysis-guide > ul { margin: 25px 0; padding: 0; list-style: none; }
.analysis-guide li { min-height: 48px; display: flex; align-items: center; padding: 9px 0 9px 25px; position: relative; color: #d3dde7; border-bottom: 1px solid rgba(255,255,255,.08); font-size: 13px; }
.analysis-guide li::before { content: "✓"; position: absolute; left: 0; color: #64b5ff; }
.analysis-guide > div { padding: 16px; background: #101721; border-left: 3px solid #ffbf69; }
.analysis-guide b { color: #f1f5f9; }
.analysis-guide p { margin: 7px 0 0; color: #b8c4d1; font-size: 12px; line-height: 1.6; }
.analysis-results { margin-top: 18px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.analysis-placeholder, .analysis-summary, .analysis-error, .analysis-save { grid-column: 1 / -1; }
.analysis-placeholder { min-height: 210px; display: grid; place-items: center; align-content: center; gap: 7px; padding: 28px; color: #abb8c6; background: #141a22; border: 1px dashed #34495e; text-align: center; }
.analysis-placeholder span { color: #58adff; font-size: 32px; font-weight: 800; }
.analysis-placeholder p { margin: 0; }
.analysis-summary { padding: 16px 18px; display: flex; justify-content: space-between; gap: 20px; color: #dce7f1; background: #111b27; border-left: 3px solid #64b5ff; }
.analysis-summary span { color: #aebdcb; font-size: 12px; }
.analysis-finding { min-height: 225px; padding: 20px; background: #141a22; border: 1px solid var(--line); border-top: 3px solid #718096; }
.analysis-finding.strong { border-top-color: #55e7a0; }
.analysis-finding.medium { border-top-color: #64b5ff; }
.analysis-finding.weak { border-top-color: #ffbf69; }
.analysis-finding-head { display: flex; justify-content: space-between; align-items: center; gap: 15px; }
.analysis-finding-head span { color: #64b5ff; font-size: 22px; font-weight: 800; }
.analysis-finding-head b { color: #aebdca; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.analysis-finding h3 { margin: 30px 0 8px; font-size: 18px; overflow-wrap: anywhere; }
.analysis-finding p { margin: 0; color: #ccd6e0; font-size: 14px; line-height: 1.65; white-space: pre-line; }
.analysis-finding small { display: block; margin-top: 15px; color: #8fa0b1; }
.analysis-finding a { display: inline-flex; margin-top: 18px; color: #72bdff; font-size: 13px; font-weight: 700; }
.analysis-error { padding: 18px; color: #ffd0d0; background: rgba(255,98,98,.08); border: 1px solid rgba(255,98,98,.25); }
.analysis-next { max-width: 1240px; margin: 0 auto; padding: 55px 28px; display: flex; align-items: center; justify-content: space-between; gap: 45px; border-top: 1px solid var(--line); }
.analysis-next h2 { margin: 8px 0; font-size: 36px; }
.analysis-next p { max-width: 700px; color: #c7d1dd; }

/* Unabhängige Software-Empfehlungen und Affiliate-Kennzeichnung */
.software-page { max-width: 1184px; margin: 0 auto; padding: 68px 28px 105px; }
.affiliate-principles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-bottom: 38px; border: 1px solid var(--line); background: var(--line); }
.affiliate-principles > div { min-height: 145px; padding: 24px; background: #151a21; }
.affiliate-principles span { color: var(--blue-2); font-size: 26px; font-weight: 800; }
.affiliate-principles b { display: block; margin: 13px 0 6px; font-size: 16px; }
.affiliate-principles p { margin: 0; color: #c8d2dd; font-size: 13px; line-height: 1.65; }
.software-free-first { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 20px; margin-bottom: 52px; padding: 23px 25px; border: 1px solid rgba(85,231,160,.28); background: rgba(85,231,160,.045); }
.software-free-first > span { width: 42px; height: 42px; display: grid; place-items: center; color: #bdf4d6; border: 1px solid rgba(85,231,160,.42); font-weight: 850; }
.software-free-first b, .software-free-first small { display: block; }
.software-free-first small { margin-top: 4px; color: #b9c7d4; line-height: 1.5; }
.software-free-first a { color: #a9ddff; font-size: 13px; font-weight: 800; }
.software-category { margin-top: 54px; scroll-margin-top: 110px; }
.software-category-head { display: grid; grid-template-columns: 76px 1fr; gap: 22px; align-items: start; margin-bottom: 22px; }
.software-category-head > span { color: var(--blue-2); font-size: 38px; font-weight: 800; line-height: 1; }
.software-category-head h2 { margin: 0 0 7px; font-size: 31px; }
.software-category-head p { max-width: 760px; margin: 0; color: #c7d1dc; font-size: 15px; line-height: 1.65; }
.offer-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
.offer-grid.one { grid-template-columns: minmax(0, 760px); }
.offer-card { min-width: 0; padding: 28px; display: flex; flex-direction: column; border: 1px solid rgba(100,181,255,.22); background: #151a21; position: relative; overflow: hidden; }
.offer-card::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--blue); }
.offer-card:target { scroll-margin-top: 120px; outline: 2px solid #64b5ff; outline-offset: 5px; box-shadow: 0 0 0 7px rgba(37,136,255,.13), 0 20px 52px rgba(0,83,184,.25); }
.offer-card-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 22px; }
.offer-brand { width: 48px; height: 48px; display: grid; place-items: center; flex: 0 0 48px; overflow: hidden; border: 1px solid rgba(100,181,255,.48); background: #f7f9fc; }
.offer-brand img { display: block; width: 36px; height: 36px; object-fit: contain; }
.offer-brand--full img { width: 100%; height: 100%; }
.offer-brand--onepassword { background: #1769e0; border-color: #58a3ff; }
.offer-brand--nordvpn { background: #f7f9fc; border-color: #6ea9e8; }
.offer-brand--nordvpn img { width: 40px; height: 40px; }
.offer-card-head > span:last-child { color: #a9b7c7; font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; text-align: right; }
.offer-card h3 { margin: 0 0 9px; font-size: 23px; }
.offer-card > p { margin: 0 0 22px; color: #d0d9e3; font-size: 14px; line-height: 1.7; }
.offer-fit { margin: 0 0 12px; padding: 15px 16px; border-left: 2px solid #55e7a0; background: rgba(85,231,160,.045); }
.offer-fit.not { border-left-color: #ffbf69; background: rgba(255,191,105,.035); }
.offer-fit b, .offer-fit span { display: block; }
.offer-fit b { color: #f2f6fa; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
.offer-fit span { margin-top: 5px; color: #bac6d2; font-size: 13px; line-height: 1.55; }
.offer-actions { margin-top: auto; padding-top: 22px; }
.affiliate-button { min-height: 48px; padding: 0 18px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; color: #fff; background: #1067c9; border: 1px solid #72bdff; font-size: 14px; font-weight: 800; }
.affiliate-button:hover { background: #1675df; }
.affiliate-disclosure { display: block; margin-top: 11px; color: #9faebd; font-size: 11px; line-height: 1.55; }
.affiliate-disclosure b { color: #dce6ef; }
.privacy-options { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.privacy-option { padding: 22px; border: 1px solid var(--line); background: rgba(255,255,255,.018); }
.privacy-option b { display: block; margin-bottom: 7px; }
.privacy-option p { margin: 0; color: #c4cfda; font-size: 13px; line-height: 1.65; }
.selection-link-panel { margin-top: 58px; padding: 28px; display: flex; align-items: center; justify-content: space-between; gap: 30px; border: 1px solid rgba(100,181,255,.26); background: #121820; }
.selection-link-panel h2 { margin: 0 0 5px; font-size: 25px; }
.selection-link-panel p { margin: 0; color: #bbc7d3; font-size: 13px; }
.selection-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin: 30px 0 55px; }
.selection-card { padding: 27px; border: 1px solid var(--line); background: #151a21; }
.selection-card > span { color: var(--blue-2); font-size: 25px; font-weight: 850; }
.selection-card h2 { margin: 16px 0 9px; font-size: 21px; }
.selection-card p { margin: 0; color: #c7d1dc; font-size: 14px; line-height: 1.7; }
.selection-policy { max-width: 840px; }
.selection-policy h2 { margin: 44px 0 12px; font-size: 28px; }
.selection-policy p, .selection-policy li { color: #ccd5df; font-size: 15px; line-height: 1.75; }
.selection-policy a { color: var(--blue-2); text-decoration: underline; text-underline-offset: 3px; }
.article-affiliate-note { margin: 30px 0; padding: 22px; border: 1px solid rgba(100,181,255,.23); background: rgba(37,136,255,.045); }
.article-affiliate-note > span { color: #8bc9ff; font-size: 10px; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.article-affiliate-note h3 { margin: 10px 0 7px; font-size: 18px; }
.article-affiliate-note p { margin: 0 0 14px; color: #c9d4df; font-size: 13px; line-height: 1.65; }
.article-affiliate-note .affiliate-button { min-height: 42px; font-size: 12px; }
.article-affiliate-note .button.primary { color: #fff; }
.assistant-offer { margin-top: 10px; padding: 13px; border: 1px solid rgba(100,181,255,.23); background: rgba(37,136,255,.045); }
.assistant-offer > span { display: block; color: #8ccaff; font-size: 9px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.assistant-offer b { display: block; margin: 7px 0 4px; color: #eef5fb; font-size: 12px; }
.assistant-offer p { margin: 0 0 10px; padding: 0; color: #bcc9d6; background: transparent; font-size: 11px; }
.assistant-offer a { min-height: 38px; padding: 0 12px; display: inline-flex; align-items: center; gap: 8px; color: #fff; border: 1px solid #72bdff; background: #1067c9; font-size: 11px; font-weight: 800; }
.assistant-offer small { display: block; margin-top: 8px; color: #8f9eae; font-size: 9px; line-height: 1.45; }

@media (max-width: 760px) {
  .software-page { padding: 48px 18px 78px; }
  .affiliate-principles, .offer-grid, .offer-grid.one, .privacy-options, .selection-grid { grid-template-columns: 1fr; }
  .software-free-first { grid-template-columns: 42px 1fr; }
  .software-free-first a { grid-column: 1 / -1; }
  .software-category-head { grid-template-columns: 52px 1fr; gap: 12px; }
  .software-category-head > span { font-size: 28px; }
  .software-category-head h2 { font-size: 25px; }
  .offer-card { padding: 23px 21px; }
  .selection-link-panel { align-items: flex-start; flex-direction: column; }
}

/* Fachprüfung */
.review-meta { max-width: 1184px; margin: 30px auto 0; padding: 14px 18px; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 20px; color: #cbd6e1; background: rgba(37,136,255,.06); border: 1px solid rgba(100,181,255,.18); font-size: 12px; }
.review-meta span { color: #75e6a7; font-weight: 700; }
.review-meta b { color: #fff; }
.review-meta small { margin-left: auto; color: #aebcca; }

@media (max-width: 1120px) and (min-width: 961px) {
  .brand { flex-basis: 175px; }
  .nav-links { gap: 10px; font-size: 13px; }
  .nav-tools { margin-left: 9px; }
  .case-toggle { padding-left: 8px; padding-right: 8px; font-size: 11px; }
}

@media (max-width: 960px) {
  .nav-tools { order: 2; margin-left: auto; }
  .menu-toggle { order: 3; margin-left: 8px; }
  .nav-links { order: 4; }
  .analysis-workspace { grid-template-columns: 1fr; }
  .analysis-results { grid-template-columns: 1fr; }
  .analysis-finding { min-height: 0; }
  .review-meta { margin-left: 28px; margin-right: 28px; }
}

@media (max-width: 640px) {
  .case-toggle { width: 48px; height: 44px; min-height: 44px; padding: 0; gap: 0; font-size: 0; position: relative; }
  .case-toggle > .ui-icon { width: 18px; height: 18px; flex-basis: 18px; margin: 0; transform: none; }
  .case-toggle b { position: absolute; right: -5px; top: -6px; font-size: 10px; }
  .case-drawer { left: 0; right: 0; width: 100%; max-width: none; border-left: 0; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
  .case-head, .case-body { padding-left: 17px; padding-right: 17px; }
  .case-head { gap: 12px; }
  .case-head > div { min-width: 0; }
  .case-head h2 { font-size: clamp(22px, 7vw, 27px); line-height: 1.15; overflow-wrap: anywhere; }
  .case-head button { flex: 0 0 46px; }
  .case-status { padding-left: 17px; padding-right: 17px; flex-wrap: wrap; row-gap: 4px; }
  .case-body { padding-bottom: calc(22px + env(safe-area-inset-bottom)); }
  .case-body input, .case-body textarea, .case-body select { max-width: 100%; font-size: 16px; }
  .case-two, .case-actions, .case-outcomes { grid-template-columns: 1fr; }
  .case-actions .case-primary { grid-column: 1; }
  .analysis-section { padding: 50px 18px 75px; }
  .analysis-input-panel, .analysis-guide { padding: 17px; }
  .analysis-panel-head { align-items: flex-start; flex-direction: column; }
  .analysis-file { width: 100%; }
  #analysis-input { min-height: 300px; font-size: 16px; line-height: 1.6; }
  .analysis-summary { flex-direction: column; }
  .analysis-next { padding: 48px 18px; align-items: flex-start; flex-direction: column; }
  .analysis-next button { width: 100%; }
  .review-meta { margin: 20px 18px 0; }
  .review-meta small { width: 100%; margin-left: 0; }
  .assistant-outcome button.save { margin-left: 0; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }

@media print {
  body.print-assistant { background: white; color: black; }
  body.print-assistant .nav, body.print-assistant .hero-copy, body.print-assistant .diagnostic-strip, body.print-assistant .quick-help, body.print-assistant .assistant-scope, body.print-assistant .diagnostic-feature, body.print-assistant .final-cta, body.print-assistant .site-disclaimer, body.print-assistant footer { display: none !important; }
  body.print-assistant .hero.page-hero { min-height: 0; max-width: none; padding: 0; display: block; }
  body.print-assistant .assistant-card { max-width: none; width: 100%; color: black; background: white; border: 1px solid #888; box-shadow: none; }
  body.print-assistant .assistant-context, body.print-assistant .suggestions, body.print-assistant .chat-form, body.print-assistant .chat-note, body.print-assistant .assistant-export, body.print-assistant .assistant-reset { display: none !important; }
  body.print-assistant .messages { max-height: none; overflow: visible; }
  body.print-assistant .message p, body.print-assistant .assistant-steps { color: black; background: white; border-color: #bbb; }
  body.print-assistant .message-meta { color: #444; }
}

/* Moderne Titanium-Navigation als ruhige, zusammenhängende Menüleiste. */
.nav {
  height: 84px;
  min-height: 84px;
  padding-left: max(24px, calc((100% - 1320px) / 2));
  padding-right: max(24px, calc((100% - 1320px) / 2));
  gap: 12px;
  background: #0d1218;
  border-bottom-color: rgba(119, 185, 255, .16);
  box-shadow: 0 14px 34px rgba(0, 0, 0, .24);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Variable", "Segoe UI", Arial, sans-serif;
  -webkit-font-smoothing: auto;
  text-rendering: optimizeLegibility;
  isolation: isolate;
}
.nav > .brand {
  flex: 0 0 168px;
  gap: 10px;
  color: #f5f8fc;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .07em;
  line-height: 1;
  cursor: pointer;
  transition: color .18s ease;
}
.brand:hover { color: #fff; }
.nav > .brand .brand-mark {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  font-size: 20px;
  line-height: 1;
  background: #2588ff;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18), 0 7px 18px rgba(37, 136, 255, .16);
  transition: background-color .18s ease, transform .18s ease;
}
.brand:hover .brand-mark { background: #3292ff; transform: translateY(-1px); }
.nav-links {
  min-width: 0;
  gap: 2px;
  padding: 5px;
  color: #cbd5df;
  background: #141b24;
  border: 1px solid #243140;
  border-radius: 12px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 8px 22px rgba(0, 0, 0, .16);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -.01em;
}
.nav-links > a:not(.nav-search) {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 11px;
  color: #cbd5df;
  border: 1px solid transparent;
  border-radius: 8px;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.nav-links > a::after { display: none; }
.nav-links > a:not(.nav-search):hover {
  color: #fff;
  background: #202b38;
  border-color: #304257;
  box-shadow: 0 5px 14px rgba(0, 0, 0, .18);
  transform: translateY(-1px);
}
.nav-links > a:not(.nav-search).active {
  color: #fff;
  background: #176fc9;
  border-color: #3898f4;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 6px 16px rgba(13, 93, 175, .25);
}
.nav-links .nav-search {
  width: 38px;
  height: 38px;
  flex-basis: 38px;
  margin-left: 4px;
  border-radius: 8px;
  background: #0f151d;
  border-color: #2a3b4e;
  cursor: pointer;
  transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.nav-links .nav-search:hover,
.nav-links .nav-search.active {
  background: #1c6fc1;
  border-color: #58adff;
  box-shadow: 0 6px 16px rgba(13, 93, 175, .24);
  transform: translateY(-1px);
}
.nav-search-icon { color: #e2f1ff; }
.nav-tools { margin-left: 2px; }
.case-toggle,
.menu-toggle {
  border-radius: 9px;
  cursor: pointer;
  transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.case-toggle {
  min-height: 48px;
  padding: 0 13px;
  color: #e6edf5;
  background: #151e28;
  border-color: #2e4258;
  font-size: 12px;
  font-weight: 700;
}
.case-toggle:hover {
  color: #fff;
  background: #1a2b3e;
  border-color: #5bafff;
  box-shadow: 0 7px 18px rgba(0, 93, 187, .2);
  transform: translateY(-1px);
}
.menu-toggle:hover {
  background: #1a2b3e;
  border-color: #5bafff;
  box-shadow: 0 7px 18px rgba(0, 93, 187, .2);
  transform: translateY(-1px);
}
.nav a,
.nav button { cursor: pointer; }

@media (max-width: 1120px) and (min-width: 961px) {
  .nav { padding-left: 18px; padding-right: 18px; gap: 7px; }
  .brand { flex-basis: 142px; gap: 8px; font-size: 12px; }
  .brand-mark { width: 36px; height: 36px; flex-basis: 36px; font-size: 19px; }
  .nav-links { gap: 1px; padding: 4px; font-size: 12.5px; }
  .nav-links > a:not(.nav-search) { min-height: 36px; padding: 0 7px; }
  .nav-links .nav-search { width: 36px; height: 36px; flex-basis: 36px; margin-left: 1px; }
  .nav-tools { margin-left: 2px; }
  .case-toggle { min-height: 46px; padding-left: 8px; padding-right: 8px; font-size: 11px; }
}

@media (max-width: 1020px) and (min-width: 961px) {
  .case-toggle { width: 40px; padding: 0; gap: 0; font-size: 0; }
  .case-toggle > .ui-icon { margin: 0; }
}

@media (max-width: 960px) {
  .nav {
    height: auto;
    min-height: 72px;
    padding: 12px 18px;
    gap: 0;
    background: rgba(14, 17, 22, .985);
  }
  .nav > .brand { flex: 0 1 auto; gap: 10px; font-size: 13px; }
  .brand-mark { width: 38px; height: 38px; flex-basis: 38px; font-size: 20px; }
  .nav-tools { order: 2; margin-left: auto; }
  .case-toggle,
  .menu-toggle { width: 44px; height: 44px; min-height: 44px; flex: 0 0 44px; padding: 0; }
  .case-toggle { gap: 0; font-size: 0; }
  .case-toggle > .ui-icon { margin: 0; }
  .menu-toggle { order: 3; margin-left: 8px; }
  .nav-links {
    order: 4;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    font-size: 14px;
  }
  .nav.menu-open .nav-links {
    max-height: min(560px, calc(100dvh - 92px));
    margin-top: 12px;
    padding: 12px;
    overflow-y: auto;
    background: #111821;
    border: 1px solid #2a3a4d;
    border-radius: 12px;
    box-shadow: 0 22px 46px rgba(0, 0, 0, .34);
  }
  .nav-links > a:not(.nav-search) {
    min-height: 48px;
    padding: 0 14px;
    color: #ced8e3;
    background: #171f29;
    border: 1px solid #263444;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
  }
  .nav-links > a:not(.nav-search):hover { background: #202d3b; }
  .nav-links > a:not(.nav-search).active {
    background: #176fc9;
    border-color: #4fa9ff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .17), 0 6px 15px rgba(13, 93, 175, .22);
  }
  .nav-links .nav-search {
    grid-column: 1 / -1;
    width: 100%;
    height: 48px;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0 16px;
    gap: 10px;
    border: 1px solid #2d4258;
    border-radius: 8px;
    background: #171f29;
  }
  .nav-search-label {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
    color: #dce7f2;
    font-size: 14px;
    font-weight: 700;
  }
}

/* Einheitliches Seitenraster: Navigation, Banner und Inhalte enden an derselben Kante. */
:is(
  .hero, .showcase, .quick-help, .diagnostic-feature, .repair-center,
  .codes-section, .process, .portal-overview, .support-content,
  .guide-section, .decision-section, .tools-section, .tool-checklist,
  .guide-safety, .final-cta, .capability-strip, .diagnostic-strip,
  .popular-solutions, .assistant-scope, .visitor-trust, .knowledge-section,
  .command-reference, .faq-section, .escalation-banner, .page-intro,
  .editorial-section, .site-search-page, .legal-page, .article-meta, .install-choice,
  .article-page, .analysis-section, .analysis-next, .software-page,
  .review-meta, .site-disclaimer, .not-found, footer
) {
  width: calc(100% - (2 * var(--content-gutter)));
  max-width: var(--content-max);
  margin-right: auto;
  margin-left: auto;
}

:is(
  .hero, .showcase, .quick-help, .diagnostic-feature, .repair-center,
  .codes-section, .process, .portal-overview, .support-content,
  .guide-section, .decision-section, .tools-section, .tool-checklist,
  .guide-safety, .capability-strip, .diagnostic-strip, .popular-solutions,
  .assistant-scope, .visitor-trust, .knowledge-section, .command-reference, .faq-section,
  .page-intro, .editorial-section, .site-search-page, .legal-page, .install-choice,
  .article-meta, .article-page, .analysis-section, .software-page,
  .not-found, footer
) {
  padding-right: 0;
  padding-left: 0;
}

@media (max-width: 640px) {
  :is(
    .hero, .showcase, .quick-help, .diagnostic-feature, .repair-center,
    .codes-section, .process, .portal-overview, .support-content,
    .guide-section, .decision-section, .tools-section, .tool-checklist,
    .guide-safety, .final-cta, .capability-strip, .diagnostic-strip,
    .popular-solutions, .assistant-scope, .visitor-trust, .knowledge-section,
    .command-reference, .faq-section, .escalation-banner, .page-intro,
    .editorial-section, .site-search-page, .legal-page, .article-meta, .install-choice,
    .article-page, .analysis-section, .analysis-next, .software-page,
    .review-meta, .site-disclaimer, .not-found, footer
  ) {
    width: calc(100% - (2 * var(--content-gutter-mobile)));
  }

  :is(.final-cta, .escalation-banner, .analysis-next, .site-disclaimer) {
    padding-right: var(--content-gutter-mobile);
    padding-left: var(--content-gutter-mobile);
  }
}

/* Eigenständige BHAZARD-IT-Bildserie für Diagnose, Reparatur und Echtzeit-Performance. */
.editorial-section {
  max-width: 1240px;
  margin: 0 auto;
  padding: 48px 28px 24px;
}
.repair-editorial { padding-top: 34px; padding-bottom: 0; }
.editorial-visual {
  position: relative;
  height: clamp(390px, 45vw, 555px);
  margin: 0;
  overflow: hidden;
  background: #0b1016;
  border: 1px solid rgba(100, 181, 255, .22);
  box-shadow: 0 26px 64px rgba(0, 0, 0, .3);
}
.editorial-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(90deg, rgba(5, 8, 12, .96) 0%, rgba(5, 8, 12, .8) 34%, rgba(5, 8, 12, .08) 70%);
  pointer-events: none;
}
.editorial-visual.align-right::after {
  background: linear-gradient(270deg, rgba(5, 8, 12, .96) 0%, rgba(5, 8, 12, .82) 34%, rgba(5, 8, 12, .08) 72%);
}
.editorial-visual > img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}
.editorial-copy {
  position: absolute;
  top: 50%;
  left: clamp(26px, 5vw, 64px);
  z-index: 2;
  width: min(460px, 44%);
  transform: translateY(-50%);
}
.editorial-visual.align-right .editorial-copy {
  right: clamp(26px, 5vw, 64px);
  left: auto;
}
.editorial-copy h2 {
  margin: 13px 0 14px;
  color: #f5f8fc;
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1.08;
  letter-spacing: -.04em;
}
.editorial-copy p {
  margin: 0 0 22px;
  color: #c7d2de;
  font-size: 16px;
  line-height: 1.7;
}
.article-editorial {
  margin: 28px 0 42px;
  overflow: hidden;
  background: #10161d;
  border: 1px solid rgba(100, 181, 255, .2);
}
.article-editorial img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 1672 / 941;
  object-fit: cover;
}
.article-editorial figcaption {
  min-height: 82px;
  display: grid;
  grid-template-columns: minmax(190px, .72fr) minmax(0, 1.28fr);
  gap: 24px;
  align-items: center;
  padding: 18px 20px;
  border-top: 2px solid var(--blue);
}
.article-editorial figcaption b {
  color: #eef6ff;
  font-size: 15px;
}
.article-editorial figcaption span {
  color: #aebccc;
  font-size: 13px;
  line-height: 1.6;
}

@media (max-width: 700px) {
  .editorial-section { padding: 28px 18px 12px; }
  .repair-editorial { padding-top: 22px; }
  .editorial-visual { height: clamp(420px, 122vw, 500px); }
  .editorial-visual::after,
  .editorial-visual.align-right::after {
    background: linear-gradient(0deg, rgba(5, 8, 12, .98) 0%, rgba(5, 8, 12, .78) 46%, rgba(5, 8, 12, .08) 82%);
  }
  .editorial-visual > img { object-position: 62% center; }
  .editorial-visual.align-right > img { object-position: 35% center; }
  .editorial-copy,
  .editorial-visual.align-right .editorial-copy {
    top: auto;
    right: 22px;
    bottom: 24px;
    left: 22px;
    width: auto;
    transform: none;
  }
  .editorial-copy h2 { font-size: clamp(29px, 9vw, 38px); }
  .editorial-copy p { font-size: 15px; }
  .article-editorial { margin: 22px 0 34px; }
  .article-editorial figcaption {
    grid-template-columns: 1fr;
    gap: 7px;
    padding: 16px;
  }
}

@media (max-width: 430px) {
  .nav { padding-left: 14px; padding-right: 14px; }
  .nav.menu-open .nav-links { padding: 10px; }
  .nav-links { grid-template-columns: 1fr; }
  .nav-links .nav-search { grid-column: 1; justify-content: flex-start; }
}

/* Ursprüngliche, kantige Titanium-Navigation mit kompakter Versalschrift. */
.nav {
  height: 82px;
  min-height: 82px;
  padding: 0 max(28px, calc((100% - 1184px) / 2));
  gap: 0;
  background: #0e1116;
  border-bottom: 1px solid rgba(255, 255, 255, .14);
  box-shadow: 0 12px 34px rgba(0, 0, 0, .18);
  font-family: Arial, "Helvetica Neue", "Segoe UI", sans-serif;
  text-rendering: auto;
}
.nav,
.nav * { border-radius: 0 !important; }
.nav > .brand {
  flex: 0 0 230px;
  gap: 16px;
  color: #fff;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: .1em;
  line-height: inherit;
}
.nav > .brand .brand-mark {
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  background: var(--blue);
  box-shadow: none;
  font-size: 27px;
}
.nav > .brand:hover .brand-mark { background: var(--blue); transform: none; }
.nav-links {
  flex: 1 1 auto;
  min-width: 0;
  align-self: stretch;
  justify-content: flex-end;
  gap: 28px;
  padding: 0;
  color: #e1e7ef;
  background: transparent;
  border: 0;
  box-shadow: none;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.nav-group {
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
}
.nav-group-toggle {
  position: relative;
  min-height: 100%;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  color: #e1e7ef;
  background: transparent;
  border: 0;
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  transition: color .2s ease;
}
.nav-group-toggle::after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: 0;
  height: 2px;
  background: var(--blue-2);
  transition: right .2s ease;
}
.nav-group-toggle:hover,
.nav-group-toggle.active,
.nav-group.is-open .nav-group-toggle {
  color: #fff;
}
.nav-group-toggle:hover::after,
.nav-group-toggle.active::after,
.nav-group.is-open .nav-group-toggle::after {
  right: 0;
}
.nav-chevron {
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg) translateY(-2px);
  transition: transform .2s ease;
}
.nav-group.is-open .nav-chevron {
  transform: rotate(225deg) translate(-1px, -1px);
}
.nav-submenu {
  position: absolute;
  top: 100%;
  left: -18px;
  z-index: 1010;
  min-width: 258px;
  display: grid;
  padding: 10px 0;
  background: #0b0d10;
  border: 0;
  box-shadow: 0 20px 40px rgba(0, 0, 0, .48);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-6px);
  transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
}
.nav-submenu::before {
  content: "";
  position: absolute;
  top: -1px;
  right: 0;
  left: 0;
  height: 1px;
}
.nav-group:hover .nav-submenu,
.nav-group:focus-within .nav-submenu,
.nav-group.is-open .nav-submenu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: none;
}
.nav-submenu a {
  min-height: 56px;
  display: flex;
  align-items: center;
  padding: 0 24px;
  color: #f0f3f7;
  background: transparent;
  border: 0;
  border-left: 2px solid transparent;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: uppercase;
  white-space: nowrap;
  transition: color .16s ease, background .16s ease, border-color .16s ease;
}
.nav-submenu a:hover,
.nav-submenu a.active {
  color: #fff;
  background: #171c23;
  border-left-color: var(--blue);
}
.nav-links > a:not(.nav-search) {
  min-height: 100%;
  align-self: stretch;
  display: flex;
  align-items: center;
  padding: 0;
  color: #e1e7ef;
  background: transparent;
  border: 0;
  box-shadow: none;
  line-height: inherit;
  cursor: pointer;
  transform: none;
  transition: color .2s ease;
}
.nav-links > a:not(.nav-search)::after {
  display: block;
  left: 0;
  right: 100%;
  bottom: 0;
  height: 2px;
  background: var(--blue-2);
}
.nav-links > a:not(.nav-search):hover,
.nav-links > a:not(.nav-search).active {
  color: #fff;
  background: transparent;
  border: 0;
  box-shadow: none;
  transform: none;
}
.nav-links .nav-search {
  width: 42px;
  height: 42px;
  flex-basis: 42px;
  margin-left: 2px;
  background: rgba(37, 136, 255, .06);
  border: 1px solid rgba(100, 181, 255, .28);
  box-shadow: none;
  cursor: pointer;
  transform: none;
}
.nav-links .nav-search:hover,
.nav-links .nav-search.active {
  background: rgba(37, 136, 255, .18);
  border-color: var(--blue-2);
  box-shadow: none;
  transform: none;
}
.nav-tools { margin-left: 14px; }
.case-toggle,
.menu-toggle {
  box-shadow: none;
  cursor: pointer;
  transform: none;
}
.case-toggle {
  min-height: 42px;
  padding: 0 11px;
  color: #e4edf7;
  background: #151b23;
  border-color: rgba(100, 181, 255, .3);
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.case-toggle:hover,
.menu-toggle:hover {
  background: rgba(37, 136, 255, .16);
  border-color: var(--blue-2);
  box-shadow: none;
  transform: none;
}
.nav a,
.nav button { cursor: pointer; }

@media (max-width: 1120px) and (min-width: 961px) {
  .nav { padding-left: 18px; padding-right: 18px; }
  .nav > .brand { flex-basis: 185px; gap: 12px; font-size: 16px; }
  .nav > .brand .brand-mark { width: 46px; height: 46px; flex-basis: 46px; font-size: 24px; }
  .nav-links { gap: 20px; font-size: 14px; }
  .nav-tools { margin-left: 7px; }
  .case-toggle { padding-left: 7px; padding-right: 7px; }
}

@media (max-width: 1020px) and (min-width: 961px) {
  .case-toggle { width: 42px; padding: 0; gap: 0; font-size: 0; }
  .case-toggle > .ui-icon { margin: 0; }
}

@media (max-width: 960px) {
  .nav {
    height: auto;
    min-height: 78px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 48px;
    grid-template-rows: auto auto;
    column-gap: 8px;
    row-gap: 0;
    padding: 14px 18px;
    background: rgba(16, 19, 24, .98);
  }
  .nav > .brand {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
    max-width: 100%;
    order: initial;
    overflow: hidden;
    gap: 10px;
    font-size: 14px;
  }
  .nav > .brand > span:last-child {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .nav > .brand .brand-mark { width: 42px; height: 42px; flex-basis: 42px; font-size: 22px; }
  .menu-toggle { width: 48px; height: 44px; min-height: 44px; flex: 0 0 48px; padding: 0; }
  .menu-toggle {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    order: initial;
    margin: 0;
  }
  .nav-links {
    grid-column: 1 / -1;
    grid-row: 2;
    order: initial;
    width: 100%;
    max-height: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 2px;
    padding: 0;
    margin-top: 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    background: transparent;
    border: 0;
    box-shadow: none;
    font-size: 14px;
    transform: translateY(-8px);
  }
  .nav.menu-open .nav-links {
    max-height: min(760px, calc(100dvh - 78px));
    padding: 14px 0 0;
    margin-top: 14px;
    overflow-y: auto;
    opacity: 1;
    pointer-events: auto;
    background: transparent;
    border: 0;
    border-top: 1px solid var(--line);
    box-shadow: none;
    transform: none;
  }
  .nav-links > a:not(.nav-search) {
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 16px;
    color: #d4dde7;
    background: #141920;
    border: 0;
    border-left: 3px solid transparent;
    font-size: 14px;
    font-weight: 700;
  }
  .nav-links > a::after { display: none; }
  .nav-links > a:not(.nav-search):hover { background: #1a222c; border-left-color: rgba(100, 181, 255, .45); }
  .nav-links > a:not(.nav-search).active { background: rgba(37, 136, 255, .14); border-left-color: var(--blue); }
  .nav-group {
    width: 100%;
    display: block;
  }
  .nav-group-toggle {
    width: 100%;
    min-height: 54px;
    justify-content: space-between;
    padding: 0 18px 0 16px;
    color: #d4dde7;
    background: #141920;
    border: 0;
    border-left: 3px solid transparent;
    font-size: 14px;
    font-weight: 700;
  }
  .nav-group-toggle::after { display: none; }
  .nav-group-toggle:hover {
    background: #1a222c;
    border-left-color: rgba(100, 181, 255, .45);
  }
  .nav-group-toggle.active,
  .nav-group.is-open .nav-group-toggle {
    background: rgba(37, 136, 255, .14);
    border-left-color: var(--blue);
  }
  .nav-submenu,
  .nav-group:hover .nav-submenu,
  .nav-group:focus-within .nav-submenu {
    position: static;
    min-width: 0;
    max-height: 0;
    padding: 0;
    overflow: hidden;
    background: #0f141b;
    border: 0;
    box-shadow: none;
    opacity: 1;
    visibility: visible;
    pointer-events: none;
    transform: none;
    transition: max-height .22s ease;
  }
  .nav-group.is-open .nav-submenu {
    max-height: 420px;
    pointer-events: auto;
  }
  .nav-submenu::before { display: none; }
  .nav-submenu a {
    min-height: 48px;
    padding: 0 16px 0 30px;
    background: #0f141b;
    border-left-width: 3px;
    font-size: 13px;
  }
  .nav-submenu a:hover,
  .nav-submenu a.active {
    background: #19222d;
  }
  .nav-links .nav-search {
    grid-column: 1;
    width: 100%;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;
    margin: 0;
    padding: 0 16px 0 19px;
    background: #141920;
    border: 0;
    border-left: 3px solid transparent;
  }
  .nav-search-label {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
    color: #dce7f2;
    font-size: 14px;
    font-weight: 700;
  }
}

/* Bildbanner exakt auf dieselbe Maximalbreite wie alle übrigen Inhalte begrenzen. */
.editorial-section {
  max-width: var(--content-max);
  padding-right: 0;
  padding-left: 0;
}

/* Nur mobile Intro-/Hero-Seitenköpfe zeichnen ihren Hintergrund bis zum Displayrand. */
@media (max-width: 640px) {
  :is(.hero, .page-intro) {
    width: 100%;
    max-width: none;
    margin-right: 0;
    margin-left: 0;
    padding-right: var(--content-gutter-mobile);
    padding-left: var(--content-gutter-mobile);
  }

  :is(.hero, .page-intro) > * { min-width: 0; }
}

/* Desktop: Der Assistent endet rechts an derselben Inhaltskante wie der CTA-Button. */
@media (min-width: 641px) {
  .page-hero .assistant-card {
    width: auto;
    min-width: 0;
    justify-self: stretch;
    margin-right: var(--content-gutter);
  }
}

/* 2026 Accessibility- und Interface-Politur: klar, kantig und Titanium Blue. */
::selection { color: #fff; background: #126fdc; }

.skip-link {
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 5000;
  padding: 12px 16px;
  color: #fff;
  background: #0b63c6;
  border: 2px solid #b9ddff;
  font-size: 15px;
  font-weight: 800;
  transform: translateY(-180%);
  transition: transform .16s ease;
}
.skip-link:focus { transform: none; }

.reading-progress {
  position: fixed;
  inset: 0 0 auto;
  z-index: 3000;
  height: 3px;
  pointer-events: none;
  background: transparent;
}
.reading-progress i {
  width: 100%;
  height: 100%;
  display: block;
  background: linear-gradient(90deg, #2588ff, #8fd1ff);
  transform: scaleX(0);
  transform-origin: left center;
  will-change: transform;
}

:where(a, button, input, textarea, select, summary):focus-visible {
  outline: 3px solid #8fd1ff;
  outline-offset: 4px;
  box-shadow: 0 0 0 2px #0e1116;
}

:where(button, [role="button"], summary, .button, .text-link) { touch-action: manipulation; }
:where(.button, .text-link, .nav a, .nav button, .portal-card a, .solution-list a) { cursor: pointer; }

.hero-copy > p,
.section-heading > p,
.support-content p,
.assistant-scope p,
.editorial-copy p { max-width: 68ch; }

.portal-card,
.assistant-card,
.capability-strip,
.solution-list,
.visitor-trust,
.editorial-visual {
  border-color: rgba(133, 202, 255, .24);
}

.portal-card > a,
.solution-list > a {
  position: relative;
  isolation: isolate;
}
.portal-card > a::before,
.solution-list > a::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  z-index: -1;
  width: 3px;
  background: var(--blue);
  transform: scaleY(0);
  transform-origin: bottom;
  transition: transform .2s ease;
}
.portal-card > a:hover::before,
.portal-card > a:focus-visible::before,
.solution-list > a:hover::before,
.solution-list > a:focus-visible::before { transform: scaleY(1); }

.assistant-emergency {
  margin: -1px -1px 0;
  padding: 16px 20px;
  display: grid;
  grid-template-columns: 38px 1fr;
  gap: 14px;
  align-items: center;
  color: #fff;
  background: #7d201f;
  border: 2px solid #ff9d92;
}
.assistant-emergency[hidden] { display: none; }
.assistant-emergency > span { width: 36px; height: 36px; display: grid; place-items: center; border: 2px solid currentColor; font-size: 22px; font-weight: 900; }
.assistant-emergency b { display: block; font-size: 16px; }
.assistant-emergency p { margin: 3px 0 0; color: #ffe6e2; font-size: 13px; line-height: 1.5; }

/* Ruhiger Diagnose-Einstieg: Der Chat bleibt die Hauptoberfläche. */
.help-hero { min-height: 0; padding-top: 58px; padding-bottom: 74px; align-items: start; }
.help-hero .hero-copy { padding-top: 30px; }
.help-hero .hero-copy h1 { max-width: 610px; margin-top: 18px; margin-bottom: 18px; font-size: clamp(46px, 4.6vw, 66px); }
.help-hero .hero-copy > p { max-width: 52ch; }
.help-hero .assistant-card { width: 100%; max-width: 600px; justify-self: end; }
.assistant-card [hidden] { display: none !important; }
.assistant-card.is-start .assistant-context { display: none; }
.assistant-safety { margin: 0 28px 18px; border-top: 1px solid rgba(255,255,255,.07); }
.assistant-safety summary { min-height: 42px; display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #8190a2; font-size: 12px; font-weight: 750; cursor: pointer; list-style: none; }
.assistant-safety summary::-webkit-details-marker { display: none; }
.assistant-safety summary::marker { content: ""; font-size: 0; }
.assistant-safety summary::after { content: "+"; width: 24px; color: #72bdff; text-align: center; font-size: 17px; font-weight: 400; }
.assistant-safety[open] summary::after { content: "−"; }
.assistant-safety p { margin: 0 0 14px; color: #aeb9c8; font-size: 12px; line-height: 1.6; }
.assistant-report[hidden] { display: none !important; }

.assistant-card { contain: layout paint; }
.assistant-pro .assistant-head { min-height: 86px; height: auto; }
.assistant-head { min-height: 86px; height: auto; padding-top: 14px; padding-bottom: 14px; }
.assistant-head strong { line-height: 1.28; }
.assistant-head small { margin-top: 3px; line-height: 1.35; }
.assistant-head-actions button { height: 42px; min-height: 42px; padding-top: 0; padding-bottom: 0; white-space: nowrap; }
.assistant-head-actions .assistant-reset { min-width: 108px; gap: 6px; }
.assistant-card.is-start .assistant-head-actions { display: none; }

.assistant-mode-row > span { font-size: 13px; }
.assistant-details summary,
.suggestions-more summary,
.assistant-report summary { min-height: 44px; font-size: 13px; }
.assistant-details summary::after,
.suggestions-more summary::after,
.assistant-report summary::after { width: 24px; text-align: center; }
.assistant-overview small { color: #9aabbd; font-size: 10px; }
.assistant-overview b { font-size: 13px; }

.assistant-pro .messages { gap: 14px; padding-top: 20px; }
.assistant-pro .message { max-width: 88%; }
.message p { padding: 14px 16px; font-size: 15px; line-height: 1.62; }
.message-meta { font-size: 12px; line-height: 1.5; }
.assistant-steps { padding: 15px 17px 15px 38px; }
.assistant-steps li { margin-bottom: 10px; font-size: 14px; line-height: 1.58; }
.answer-options,
.assistant-actions { gap: 8px; margin-top: 13px; }
.answer-options button,
.assistant-actions a { min-height: 44px; padding: 10px 13px; font-size: 13px; line-height: 1.35; }

.assistant-pro .suggestions { padding-top: 8px; }
.suggestions > span { display: block; margin-bottom: 9px; font-size: 12px; }
.assistant-pro .suggestions-main { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.assistant-pro .suggestions-main button,
.suggestions-more button { min-height: 44px; padding: 10px 12px; font-size: 13px; line-height: 1.35; }

.assistant-pro .chat-form {
  min-height: 58px;
  align-items: stretch;
  border-width: 2px;
  background: #0e131a;
}
.assistant-pro .chat-form:focus-within { border-color: #72bdff; box-shadow: 0 0 0 2px rgba(37,136,255,.16); }
.assistant-pro .chat-form input { height: auto; min-height: 54px; padding: 0 16px; font-size: 16px; }
.assistant-pro .chat-form button { width: 48px; min-width: 48px; min-height: 46px; }
.assistant-pro .chat-form :is(input, button):focus-visible { outline: 0; box-shadow: none; }
.chat-input-help { display: block; margin: -2px 28px 10px; color: #aab7c5; font-size: 12px; line-height: 1.5; }
.chat-note { color: #aab4c1; font-size: 11px; line-height: 1.55; }

.visitor-trust > div,
.capability-strip > div { transition: background .2s ease; }
.visitor-trust > div:hover,
.capability-strip > div:hover { background: rgba(37,136,255,.075); }

@media (max-width: 960px) {
  .nav.menu-open .nav-links { overscroll-behavior: contain; }
  .nav-links > a:not(.nav-search),
  .nav-group-toggle,
  .nav-links .nav-search { min-height: 56px; }
  .nav-submenu a { min-height: 52px; }
}

@media (max-width: 640px) {
  body { font-size: 16px; line-height: 1.65; }
  h1 { font-size: clamp(38px, 12vw, 52px); line-height: 1.04; }
  .reliability-intro .breadcrumb { flex-wrap: wrap; row-gap: 4px; }
  .reliability-intro .breadcrumb span:last-child { max-width: 100%; overflow-wrap: anywhere; }
  .reliability-intro h1 { max-width: 100%; font-size: clamp(34px, 10.5vw, 41px); overflow-wrap: normal; }
  h2 { line-height: 1.12; }
  .hero { gap: 36px; }
  .hero-copy > p { font-size: 16px; line-height: 1.7; }
  .portal-card { padding: 22px 18px; }
  .portal-card > a { grid-template-columns: 48px minmax(0, 1fr) 18px; gap: 10px; }
  .portal-card > a > span { font-size: 25px; }
  .portal-card small { font-size: 13px; }
  .assistant-head { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 10px; padding: 14px 18px; }
  .bot-avatar { width: 48px; height: 48px; }
  .assistant-head-actions { grid-column: 1 / -1; width: 100%; margin: 2px 0 0; }
  .assistant-head-actions button { flex: 1; }
  .assistant-context { padding-right: 18px; padding-left: 18px; }
  .assistant-overview { grid-template-columns: 1fr; }
  .assistant-overview small,
  .assistant-overview b { white-space: normal; }
  .assistant-pro .messages { padding-right: 18px; padding-left: 18px; }
  .assistant-pro .message { max-width: 96%; }
  .assistant-pro .suggestions { padding-right: 18px; padding-left: 18px; }
  .assistant-pro .suggestions-main { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .assistant-pro .chat-form { margin-right: 18px; margin-left: 18px; }
  .chat-input-help { margin-right: 18px; margin-left: 18px; }
  .assistant-report { margin-right: 18px; margin-left: 18px; }
  .chat-note { padding-right: 18px; padding-left: 18px; }
  .help-hero { gap: 18px; padding-top: 26px; padding-bottom: 30px; }
  .help-hero .hero-copy { padding-top: 0; }
  .help-hero .hero-copy h1 { margin-top: 12px; margin-bottom: 12px; font-size: clamp(32px, 9.6vw, 42px); }
  .help-hero .hero-copy > p { line-height: 1.58; }
  .assistant-safety { margin-right: 18px; margin-left: 18px; }
  .assistant-pro.is-start .messages { min-height: 0; max-height: none; padding-top: 16px; padding-bottom: 12px; }
  .assistant-actions a { width: 100%; justify-content: space-between; }
  .visitor-trust { grid-template-columns: 1fr; }
  .visitor-trust > div { min-height: 0; padding: 25px 22px; border-right: 0; border-bottom: 1px solid rgba(117,189,255,.22); }
  .visitor-trust > div::before { margin-bottom: 15px; }
  .visitor-trust span { font-size: 12px; line-height: 1.4; letter-spacing: .09em; }
  .visitor-trust b { margin-top: 8px; font-size: 17px; line-height: 1.5; }
  .visitor-trust > div:last-child { border-bottom: 0; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .hero-grid { animation: none; }
}

@media (forced-colors: active) {
  .brand-mark,
  .button.primary,
  .chat-form button { border: 1px solid ButtonText; }
  .reading-progress { background: Highlight; }
}

/* Erweiterte Diagnosemodule */

.decision-tool, .method-matrix, .source-panel, .error-database, .process-database, .extension-hub { width: min(var(--content-max), calc(100% - 2 * var(--content-gutter))); margin: 0 auto; }
.decision-tool { margin-top: 72px; margin-bottom: 90px; display: grid; grid-template-columns: 290px 1fr; background: #141a22; border: 1px solid var(--line); }
.decision-progress { padding: 30px; background: #0f141b; border-right: 1px solid var(--line); }
.decision-progress > span { color: #72bdff; font-size: 11px; font-weight: 850; letter-spacing: .12em; }
.decision-progress > b { display: block; margin-top: 14px; font-size: 18px; }
.decision-progress > i { height: 4px; display: block; margin-top: 20px; overflow: hidden; background: #26313d; }
.decision-progress > i span { width: 25%; height: 100%; display: block; background: var(--blue); transition: width .2s ease; }
#recovery-form { padding: 30px; }
#recovery-form fieldset { margin: 0; padding: 0; border: 0; }
#recovery-form fieldset.needs-answer { outline: 2px solid #ffbf69; outline-offset: 10px; }
#recovery-form legend { margin-bottom: 22px; color: #fff; font-size: 25px; font-weight: 850; }
#recovery-form label { min-height: 58px; margin-bottom: 8px; padding: 12px 14px; display: flex; align-items: center; gap: 12px; color: #d6e0ea; background: #1b222c; border: 1px solid #374453; cursor: pointer; }
#recovery-form label:hover, #recovery-form label:has(input:checked) { border-color: #72bdff; background: rgba(37,136,255,.12); }
#recovery-form input { width: 20px; height: 20px; accent-color: var(--blue); }
.decision-actions { margin-top: 24px; display: flex; justify-content: flex-end; gap: 8px; }
.decision-actions button, .decision-result .button { min-height: 48px; padding: 0 18px; border: 1px solid #72bdff; background: #1067c9; color: #fff; font-weight: 800; cursor: pointer; }
.decision-actions #recovery-back { color: #d5e0eb; background: transparent; border-color: #435164; }
.decision-result { grid-column: 2; padding: 34px; }
.decision-result > span { color: #72bdff; font-size: 10px; font-weight: 850; letter-spacing: .13em; }
.decision-result h2 { margin: 12px 0; font-size: 30px; }
.decision-result p { max-width: 65ch; color: #c2ceda; }
.decision-result-facts { display: flex; gap: 8px; margin: 20px 0; flex-wrap: wrap; }
.decision-result-facts b { padding: 8px 10px; color: #b9ddff; background: #10171f; border: 1px solid #34465a; font-size: 12px; }
.method-matrix { margin-bottom: 100px; }
.source-panel { margin-bottom: 32px; padding: 34px 28px; background: #141a22; border: 1px solid var(--line); }
.source-panel h2 { margin: 12px 0 22px; }
.source-panel p { margin: 0; }
.source-panel p + p { margin-top: 8px; }
.source-panel a,
.source-panel a:visited { display: inline-flex; align-items: center; color: #72bdff; font-weight: 750; text-decoration: none; }
.source-panel a:hover { color: #a8d8ff; }
.source-panel a:focus-visible { color: #fff; outline: 2px solid #72bdff; outline-offset: 4px; }
.method-table { border: 1px solid var(--line); }
.method-table > div { display: grid; grid-template-columns: 1.1fr .8fr 1fr 1.6fr; }
.method-table > div > * { min-width: 0; padding: 14px 16px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.method-table > div:first-child { color: #8fcaff; background: #10151c; font-size: 12px; text-transform: uppercase; }
.method-table > div:last-child > * { border-bottom: 0; }

.error-database, .process-database { padding-top: 72px; padding-bottom: 96px; }
.error-search label { display: block; margin-bottom: 9px; color: #72bdff; font-size: 11px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.error-search > div { min-height: 60px; display: grid; grid-template-columns: 1fr auto; align-items: center; background: #10151c; border: 2px solid #34465a; transition: border-color .16s ease; }
.error-search > div:focus-within { border-color: #2588ff; box-shadow: none; }
.error-search input { min-width: 0; height: 56px; padding: 0 17px; color: #fff; background: transparent; border: 0; outline: 0; font-size: 16px; }
.error-search span { padding: 0 16px; color: #9fb1c3; font-size: 12px; }
.error-filters { margin: 18px 0 28px; display: flex; gap: 6px; flex-wrap: wrap; }
.error-filters button { min-height: 42px; padding: 0 13px; color: #c5d0dc; background: #161d26; border: 1px solid #39485a; cursor: pointer; }
.error-filters button.active { color: #fff; background: #1067c9; border-color: #72bdff; }
.error-code-list { border-top: 1px solid var(--line); }
.error-code-list details { border-bottom: 1px solid var(--line); }
.error-code-list summary { min-height: 76px; padding: 12px 14px; display: grid; grid-template-columns: 150px 1fr 100px; gap: 16px; align-items: center; cursor: pointer; list-style: none; }
.error-code-list summary:hover { background: rgba(37,136,255,.07); }
.error-code-list code { color: #72bdff; font: 800 15px Consolas, monospace; }
.error-code-list summary span { color: #8fa2b5; font-size: 12px; text-align: right; }
.error-code-list details > div { padding: 6px 30px 28px 180px; color: #c3ceda; }
.error-code-list details > div p, .error-code-list details > div li { font-size: 14px; }
.error-code-list details > div a { color: #72bdff; font-weight: 800; }
.reliability-accuracy-note { margin: 0 0 22px; padding: 17px 19px; color: #c7d4e2; background: #111923; border: 1px solid #33465a; border-left: 3px solid #72bdff; font-size: 14px; line-height: 1.65; }
.reliability-accuracy-note b { color: #fff; }
.reliability-detail { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; padding: 0 !important; background: var(--line); }
.reliability-detail section { min-width: 0; padding: 21px 23px; background: #111820; }
.reliability-detail h3 { margin: 0 0 10px; color: #72bdff; font-size: 13px; letter-spacing: .04em; }
.reliability-detail p, .reliability-detail ul, .reliability-detail ol { margin: 0; }
.reliability-detail ul, .reliability-detail ol { padding-left: 20px; }
.reliability-detail li + li { margin-top: 7px; }
.reliability-detail .reliability-solution { background: #122033; border-left: 2px solid #2588ff; }
.reliability-detail .reliability-solution h3 { color: #8fcbff; }
.reliability-evidence { grid-column: 1 / -1; padding: 12px 16px; border-left: 3px solid #72bdff; background: #132131; color: #b9c9d8; }
.reliability-evidence b { color: #fff; }
.reliability-detail .reliability-not-proof { border-left: 2px solid #ffc66d; }
.reliability-sources a { color: #72bdff; }
.search-empty-state { margin: 18px 0 0; padding: 17px 19px; border: 1px solid var(--line); color: #b9c7d5; background: #111923; }
.process-grid { margin-top: 28px; display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.process-grid article { min-width: 0; padding: 23px; background: #141a22; }
.process-grid code { color: #72bdff; font-size: 15px; font-weight: 800; overflow-wrap: anywhere; }
.process-grid h2 { margin: 18px 0 8px; font-size: 20px; }
.process-grid p { color: #b7c3cf; font-size: 14px; }
.process-grid dl { margin: 20px 0 0; }
.process-grid dl div { padding: 9px 0; border-top: 1px solid var(--line); }
.process-grid dt { color: #7f93a8; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.process-grid dd { margin: 4px 0 0; color: #d7e1ea; font-size: 12px; overflow-wrap: anywhere; }
.process-safety { margin-top: 28px; padding: 24px; border-left: 3px solid var(--blue); background: #141b23; }
.process-safety ol { margin-bottom: 0; color: #c4d0dc; }

.extension-grid span { color: #5fb3ff; font-size: 27px; font-weight: 850; }
.extension-grid p { color: #aebcca; font-size: 13px; }
.extension-hub { padding-top: 80px; padding-bottom: 90px; }
.extension-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); }
.extension-grid a { min-height: 245px; padding: 24px; display: flex; flex-direction: column; background: #141a22; }
.extension-grid a:hover { background: #19232e; }
.extension-grid h3 { margin: 24px 0 8px; }
.extension-grid b { margin-top: auto; color: #72bdff; font-size: 12px; }
.cta-actions { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }

.case-timeline-item { grid-template-columns: 92px 1fr; align-items: start; }
.case-timeline-item > div b { color: #72bdff; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.case-timeline-item.kind-result { border-left: 2px solid #55e7a0; }
.case-timeline-item.kind-analysis, .case-timeline-item.kind-code { border-left: 2px solid #64b5ff; }

/* BHAZARD IT Win-Repair-Tool */
.product-label { display: inline-flex; align-items: center; gap: 9px; color: #73bdff; font-size: 11px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.product-label::before { content: "B"; width: 26px; height: 26px; display: inline-grid; place-items: center; color: #fff; background: var(--blue); font-size: 14px; letter-spacing: 0; }
.repair-tool-feature { min-height: 580px; margin: 30px 0 18px; padding: 52px 44px 42px; display: grid; grid-template-columns: minmax(0,1fr) minmax(300px,.7fr); gap: clamp(90px,10vw,170px); align-items: end; overflow: hidden; position: relative; isolation: isolate; background: #090e14; border: 1px solid rgba(100,181,255,.34); box-shadow: 0 32px 76px rgba(0,0,0,.32); }
.repair-tool-feature::before { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg,rgba(6,10,15,.95) 0%,rgba(6,10,15,.72) 37%,rgba(6,10,15,.16) 59%,rgba(6,10,15,.76) 100%),linear-gradient(0deg,rgba(5,8,12,.92) 0%,transparent 52%); }
.repair-tool-background { width: 100%; height: 100%; position: absolute; z-index: -2; inset: 0; display: block; object-fit: cover; object-position: center; }
.repair-tool-copy { min-width: 0; padding: 0; }
.repair-tool-copy h2 { margin: 22px 0 16px; font-size: clamp(31px,3.4vw,48px); line-height: 1.02; letter-spacing: -.045em; }
.repair-tool-copy h2 em, .home-repair-copy h2 em { color: var(--blue-2); font-style: normal; }
.repair-tool-copy > p, .repair-tool-copy > div > p { margin: 0; max-width: 62ch; color: #cbd6e2; font-size: 15px; line-height: 1.75; }
.repair-tool-details { min-width: 0; padding: 26px; align-self: end; background: rgba(8,13,19,.84); border-top: 2px solid var(--blue); border-right: 1px solid rgba(130,190,242,.25); border-bottom: 1px solid rgba(130,190,242,.25); border-left: 1px solid rgba(130,190,242,.25); backdrop-filter: blur(10px); }
.repair-tool-facts { margin: 17px 0 0; padding: 0; list-style: none; border-top: 1px solid rgba(255,255,255,.12); }
.repair-tool-facts li { padding: 17px 0; display: grid; gap: 5px; border-bottom: 1px solid rgba(255,255,255,.1); }
.repair-tool-facts b { color: #f3f7fc; font-size: 14px; }
.repair-tool-facts span { color: #aebdcd; font-size: 13px; line-height: 1.5; }
.repair-tool-details > small { margin-top: 17px; display: block; color: #8fa1b4; font-size: 11px; line-height: 1.5; }
.repair-tool-actions, .home-repair-actions { margin-top: 28px; display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.repair-tool-actions .button, .home-repair-actions .button { min-height: 52px; }
.repair-tool-meta { margin-top: 22px; display: grid; gap: 5px; color: #8292a4; font-size: 11px; }
.repair-tool-meta code { color: #94bfe6; font-size: 10px; overflow-wrap: anywhere; }
.repair-tool-notice { margin-bottom: 32px; padding: 17px 19px; display: grid; grid-template-columns: 32px 1fr; gap: 14px; align-items: start; color: #bcc9d7; background: rgba(37,136,255,.055); border-left: 3px solid var(--blue); }
.repair-tool-notice > span { width: 28px; height: 28px; display: grid; place-items: center; color: #91caff; border: 1px solid rgba(114,189,255,.44); font-weight: 900; }
.repair-tool-notice p { margin: 1px 0 0; font-size: 13px; line-height: 1.65; }
.repair-tool-notice b { color: #eef6ff; }

.smartscreen-guide { margin: 34px 0 58px; display: grid; grid-template-columns: minmax(0,1fr) minmax(310px,.72fr); overflow: hidden; background: #171a1f; border: 1px solid rgba(112,190,255,.28); box-shadow: 0 28px 64px rgba(0,0,0,.24); }
.smartscreen-intro { min-width: 0; padding: 38px; }
.smartscreen-intro h2 { margin: 14px 0 16px; max-width: 720px; font-size: clamp(29px,3.2vw,43px); line-height: 1.08; letter-spacing: -.035em; }
.smartscreen-intro > p, .smartscreen-intro > div > p { margin: 0; color: #bec9d4; font-size: 14px; line-height: 1.72; }
.smartscreen-source { margin-top: 24px; padding: 17px 18px; display: grid; gap: 5px; background: #101216; border-left: 3px solid var(--blue); }
.smartscreen-source b { color: #f2f6fb; font-size: 13px; }
.smartscreen-source span { color: #b9c5d1; font-size: 12px; }
.smartscreen-source code { margin-top: 5px; color: #86c8ff; font: 10px/1.5 "SFMono-Regular",Consolas,monospace; overflow-wrap: anywhere; }
.smartscreen-source small { color: #758494; font-size: 10px; }
.smartscreen-visual { min-width: 0; margin: 0; display: flex; flex-direction: column; justify-content: center; background: #0f1115; border-left: 1px solid rgba(112,190,255,.2); }
.smartscreen-visual img { width: calc(100% - 40px); height: auto; margin: 20px; display: block; object-fit: contain; }
.smartscreen-visual figcaption { padding: 13px 16px; color: #9eacba; background: #12151a; border-top: 1px solid rgba(255,255,255,.08); font-size: 11px; line-height: 1.55; }
.smartscreen-visual figcaption strong { color: #dcecff; }
.smartscreen-steps { grid-column: 1 / -1; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3,1fr); list-style: none; border-top: 1px solid rgba(255,255,255,.09); }
.smartscreen-steps li { min-width: 0; padding: 24px; display: grid; grid-template-columns: 36px 1fr; gap: 14px; border-right: 1px solid rgba(255,255,255,.09); }
.smartscreen-steps li:last-child { border-right: 0; }
.smartscreen-steps li > span { color: #5eaff8; font-size: 17px; font-weight: 900; }
.smartscreen-steps b { color: #eef4fa; font-size: 14px; }
.smartscreen-steps p { margin: 7px 0 0; color: #98a7b6; font-size: 12px; line-height: 1.6; }
.smartscreen-stop { grid-column: 1 / -1; padding: 17px 22px; display: grid; grid-template-columns: 190px 1fr; gap: 20px; align-items: start; color: #d8c8ca; background: rgba(115,40,54,.16); border-top: 1px solid rgba(255,119,135,.24); }
.smartscreen-stop b { color: #ff9cac; font-size: 13px; }
.smartscreen-stop p { margin: 0; font-size: 12px; line-height: 1.6; }
.cms-smartscreen-guide { margin-bottom: 0; border-bottom: 0; box-shadow: none; }
.smartscreen-guide-tail { margin: 0 0 58px; overflow: hidden; background: #171a1f; border: 1px solid rgba(112,190,255,.28); border-top: 0; box-shadow: 0 28px 64px rgba(0,0,0,.24); }

.home-repair-promo { width: min(var(--content-max),calc(100% - 2 * var(--content-gutter))); min-height: 540px; margin: 38px auto 16px; display: grid; grid-template-columns: 1.08fr .92fr; overflow: hidden; position: relative; background: linear-gradient(118deg,#0c1219,#152333 66%,#0e1722); border: 1px solid rgba(105,184,255,.36); box-shadow: 0 36px 88px rgba(0,0,0,.34); }
.home-repair-promo::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px); background-size: 42px 42px; mask-image: linear-gradient(90deg,#000,transparent 75%); }
.home-repair-visual { min-width: 0; padding: 56px 0 0 42px; overflow: hidden; position: relative; align-self: stretch; }
.home-repair-glow { position: absolute; width: 520px; height: 520px; left: 2%; bottom: -42%; background: rgba(37,136,255,.3); filter: blur(95px); }
.home-repair-visual img { width: 112%; max-width: none; height: auto; display: block; position: relative; border: 1px solid rgba(113,190,255,.36); box-shadow: 0 25px 65px rgba(0,0,0,.56); transform: perspective(1200px) rotateY(5deg); transform-origin: left center; }
.home-repair-copy { min-width: 0; padding: 64px 48px 54px; position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: center; }
.home-repair-copy h2 { margin: 22px 0 17px; font-size: clamp(36px,4vw,58px); line-height: 1; letter-spacing: -.05em; }
.home-repair-copy > p { margin: 0; color: #cbd7e3; font-size: 15px; line-height: 1.75; }
.home-repair-points { margin-top: 27px; display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1); }
.home-repair-points span { padding: 13px 8px 13px 0; color: #cbd8e5; font-size: 12px; }
.home-repair-points b { margin-right: 6px; color: #66b6ff; font-size: 11px; }
.home-repair-copy > small { margin-top: 19px; color: #8596a8; font-size: 11px; line-height: 1.6; }

.home-repair-banner { padding-top: 38px; padding-bottom: 16px; }
.home-repair-visual-banner { height: clamp(500px,48vw,590px); }
.home-repair-visual-banner::after { background: linear-gradient(90deg,rgba(5,8,12,.97) 0%,rgba(5,8,12,.87) 31%,rgba(5,8,12,.42) 54%,rgba(5,8,12,.05) 78%); }
.home-repair-visual-banner > img { object-position: center; }
.home-repair-overlay { width: min(510px,46%); }
.home-repair-overlay h2 { margin: 18px 0 15px; color: #f5f8fc; font-size: clamp(34px,4vw,52px); line-height: 1.02; letter-spacing: -.045em; }
.home-repair-overlay h2 em { color: var(--blue-2); font-style: normal; }
.home-repair-overlay > p { margin-bottom: 20px; }
.home-repair-overlay > small { display: block; margin-top: 16px; color: #9babbc; font-size: 11px; line-height: 1.55; }

.home-metrics { width: calc(100% - (2 * var(--content-gutter))); max-width: var(--content-max); margin: 22px auto 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); overflow: hidden; position: relative; background: linear-gradient(115deg,rgba(25,43,61,.96),rgba(12,18,25,.98) 64%); border: 1px solid rgba(112,190,255,.3); box-shadow: 0 22px 58px rgba(0,0,0,.24); }
.home-metrics::before { content: none; display: none; }
.home-metric { min-width: 0; min-height: 154px; padding: 27px 30px; display: grid; grid-template-columns: 38px 1fr; gap: 18px; align-items: center; position: relative; }
.home-metric-index { align-self: start; padding-top: 6px; color: #66829b; font-size: 10px; font-weight: 900; letter-spacing: .14em; }
.home-metric-index::before,.home-metric-index::after { content: none !important; display: none !important; }
.home-metric strong { display: block; color: #70bdff; font-size: clamp(34px,3.5vw,48px); font-weight: 850; line-height: .95; letter-spacing: -.055em; font-variant-numeric: tabular-nums; text-shadow: 0 0 28px rgba(37,136,255,.2); }
.home-metric p { margin: 12px 0 4px; color: #f0f5fb; font-size: 14px; font-weight: 800; line-height: 1.25; }
.home-metric small { display: block; color: #8798aa; font-size: 11px; line-height: 1.45; }
.home-metrics.is-counting .home-metric strong { animation: metric-pulse .7s ease-out both; }
.home-metrics.is-counting .home-metric:nth-child(2) strong { animation-delay: .08s; }
.home-metrics.is-counting .home-metric:nth-child(3) strong { animation-delay: .16s; }
@keyframes metric-pulse { from { opacity: .35; transform: translateY(6px); } to { opacity: 1; transform: none; } }

@media (max-width: 900px) {
  .repair-tool-feature, .home-repair-promo { grid-template-columns: 1fr; }
  .repair-tool-feature { gap: 32px; }
  .home-repair-copy { grid-row: 1; }
  .home-repair-visual { min-height: 430px; padding-top: 20px; }
  .smartscreen-guide { grid-template-columns: 1fr; }
  .smartscreen-visual { border-top: 1px solid rgba(112,190,255,.2); border-left: 0; }
  .smartscreen-visual img { max-height: 520px; }
  .smartscreen-steps { grid-template-columns: 1fr; }
  .smartscreen-steps li { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.09); }
  .smartscreen-steps li:last-child { border-bottom: 0; }
  .home-metrics { grid-template-columns: 1fr; }
  .home-metric { min-height: 125px; }
  .decision-tool { grid-template-columns: 1fr; }
  .decision-progress { border-right: 0; border-bottom: 1px solid var(--line); }
  .decision-result { grid-column: 1; }
  .process-grid { grid-template-columns: repeat(2,1fr); }
  .extension-grid { grid-template-columns: repeat(2,1fr); }
  .windows-launchlinks, .dpc-launchbar .windows-launchlinks { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .repair-tool-feature { min-height: 0; margin-right: 0; margin-left: 0; padding: 330px 18px 28px; gap: 24px; }
  .repair-tool-feature::before { background: linear-gradient(0deg,rgba(5,8,12,.98) 0%,rgba(5,8,12,.94) 58%,rgba(5,8,12,.12) 100%); }
  .repair-tool-background { height: 360px; object-position: center top; }
  .repair-tool-copy { padding: 0; }
  .repair-tool-facts li { grid-template-columns: 1fr; gap: 4px; }
  .repair-tool-actions .button, .home-repair-actions .button { width: 100%; justify-content: space-between; }
  .repair-tool-details { padding: 22px 18px; backdrop-filter: none; }
  .repair-tool-notice { padding-right: 14px; padding-left: 14px; }
  .smartscreen-guide { margin-right: calc(-1 * var(--content-gutter-mobile)); margin-left: calc(-1 * var(--content-gutter-mobile)); border-right: 0; border-left: 0; }
  .smartscreen-guide-tail { margin-right: calc(-1 * var(--content-gutter-mobile)); margin-left: calc(-1 * var(--content-gutter-mobile)); border-right: 0; border-left: 0; }
  .smartscreen-intro { padding: 30px 18px; }
  .smartscreen-intro h2 { font-size: 30px; overflow-wrap: anywhere; }
  .smartscreen-visual img { width: calc(100% - (2 * var(--content-gutter-mobile))); margin: var(--content-gutter-mobile); }
  .smartscreen-steps li { padding: 21px 18px; }
  .smartscreen-stop { padding: 18px; grid-template-columns: 1fr; gap: 7px; }
  .home-repair-promo { width: 100%; margin-top: 20px; border-right: 0; border-left: 0; }
  .home-repair-copy { padding: 42px 18px 35px; }
  .home-repair-points { grid-template-columns: 1fr; }
  .home-repair-points span { border-bottom: 1px solid rgba(255,255,255,.07); }
  .home-repair-visual { min-height: 0; padding: 20px 18px 0; }
  .home-repair-visual img { width: 100%; max-width: 100%; transform: none; }
  .home-repair-banner { padding-top: 20px; padding-bottom: 8px; }
  .home-repair-visual-banner { height: 590px; }
  .home-repair-visual-banner::after { background: linear-gradient(0deg,rgba(5,8,12,.99) 0%,rgba(5,8,12,.94) 48%,rgba(5,8,12,.18) 82%); }
  .home-repair-visual-banner > img { object-position: 61% center; }
  .home-repair-overlay { right: 18px; bottom: 22px; left: 18px; width: auto; }
  .home-repair-overlay h2 { font-size: clamp(30px,9vw,38px); }
  .home-repair-overlay .home-repair-points { grid-template-columns: repeat(3,1fr); }
  .home-repair-overlay .home-repair-points span { padding: 12px 4px 12px 0; border-bottom: 0; }
  .home-metrics { width: calc(100% - (2 * var(--content-gutter-mobile))); margin-top: 18px; }
  .home-metric { min-height: 112px; padding: 21px 18px; grid-template-columns: 30px 1fr; gap: 12px; }
  .home-metric strong { font-size: 38px; }
  .home-metric p { margin-top: 9px; }
  .decision-tool, .method-matrix, .source-panel, .error-database, .process-database, .extension-hub { width: calc(100% - 2 * var(--content-gutter-mobile)); }
  .source-panel { padding: 26px 18px; }
  .source-panel h2 { font-size: clamp(28px, 9vw, 36px); overflow-wrap: anywhere; }
  #recovery-form, .decision-result, .decision-progress { padding: 22px 18px; }
  #recovery-form legend { font-size: 21px; }
  .method-table { display: grid; gap: 12px; overflow: visible; border: 0; }
  .method-table > .method-table-head { display: none; }
  .method-table > div:not(.method-table-head) { min-width: 0; display: grid; grid-template-columns: 1fr; background: #141a22; border: 1px solid var(--line); }
  .method-table > div:not(.method-table-head) > span { padding: 13px 15px; display: grid; grid-template-columns: minmax(112px, .8fr) minmax(0, 1.2fr); gap: 12px; border-right: 0; border-bottom: 1px solid var(--line); overflow-wrap: anywhere; }
  .method-table > div:not(.method-table-head) > span::before { content: attr(data-label); color: #8fcaff; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
  .method-table > div:not(.method-table-head) > span:last-child { border-bottom: 0; }
  .error-code-list summary { grid-template-columns: 1fr; gap: 4px; padding: 15px 10px; }
  .error-code-list summary span { text-align: left; }
  .error-code-list details > div { padding: 4px 10px 24px; }
  .reliability-detail { grid-template-columns: 1fr; padding: 0 !important; }
  .reliability-detail section { padding: 19px 16px; }
  .reliability-detail .reliability-solution { border-left-width: 3px; }
  .process-grid, .extension-grid { grid-template-columns: 1fr; }
  .final-cta h2, .final-cta h2 em { overflow-wrap: anywhere; }
}

/* Einheitliche Innenabstände für wiederkehrende Hinweisboxen. */
.safety-notice { padding-right: 20px; padding-left: 20px; }
.article-warning, .legal-notice, .analysis-safety { padding-right: 20px; padding-left: 20px; }
.repair-tool-notice { padding-right: 19px; padding-left: 19px; }

/* Windows Update Monitor und kompakter Startseiten-Ticker */
.update-ticker { max-width: var(--content-max); margin: 22px auto; border: 1px solid var(--line); background: #121820; }
.update-ticker-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; padding: 22px 24px; border-bottom: 1px solid var(--line); }
.update-ticker-head h2 { margin: 6px 0 0; font-size: 26px; }
.update-ticker-head p { margin: 0; color: #99a9b8; font-size: 12px; }
.update-ticker-grid { display: grid; grid-template-columns: repeat(3,1fr); }
.update-ticker-card { min-width: 0; min-height: 190px; display: flex; flex-direction: column; padding: 21px; color: #eef5fb; border-right: 1px solid var(--line); border-top: 3px solid #6f8294; background: #151b22; }
.update-ticker-card:last-child { border-right: 0; }
.update-ticker-card.status-green { border-top-color: var(--success); }.update-ticker-card.status-yellow { border-top-color: var(--warning); }.update-ticker-card.status-red { border-top-color: var(--danger); }
.update-status { display:inline-flex; align-items:center; gap:9px; color:#dce7f0; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.update-status-symbol { width:18px; height:18px; display:inline-grid; place-items:center; flex:0 0 18px; font-family:Arial,sans-serif; font-size:18px; font-style:normal; line-height:1; letter-spacing:0; }
.status-green .update-status { color: #75e4ad; }.status-yellow .update-status { color: #ffd08a; }.status-red .update-status { color: #ff9999; }
.update-ticker-card > b { margin-top: 18px; color: #72bdff; font-size: 21px; }
.update-ticker-card small { margin-top: 5px; color: #9cacbb; overflow-wrap: anywhere; }
.update-ticker-architectures { margin-top:10px; color:#9ed5ff; font-size:11px; font-weight:800; letter-spacing:.04em; }
.update-ticker-card p { margin: auto 0 0; padding-top: 16px; color: #c3cfda; font-size: 13px; line-height: 1.55; }
.update-ticker-empty { grid-column: 1/-1; padding: 26px; color: #cbd6e0; }
.update-ticker-empty p { margin: 6px 0 0; color: #98a9b9; }
.update-ticker-foot { display: flex; justify-content: space-between; gap: 20px; padding: 14px 24px; color: #8496a8; border-top: 1px solid var(--line); font-size: 12px; }
.update-ticker-foot a { color: #72bdff; font-weight: 700; }
.update-monitor-page { max-width: var(--content-max); margin: 0 auto; padding: 58px var(--content-gutter) 100px; }
.update-monitor-summary { display: flex; align-items: end; justify-content: space-between; gap: 25px; margin-bottom: 20px; }
.update-monitor-summary h2 { margin: 8px 0 0; font-size: 34px; }.update-monitor-summary p { color: #aebbc8; }
.update-package-help { display:grid; grid-template-columns:minmax(240px,.8fr) 1.4fr; gap:18px 32px; margin:24px 0; padding:22px 24px; border:1px solid #344b5f; background:#111820; }
.update-package-help b { display:block; margin-top:6px; color:#eef5fb; font-size:17px; }.update-package-help > p { margin:0; color:#b2c0cc; line-height:1.6; }
.update-package-help details { grid-column:1/-1; padding-top:13px; border-top:1px solid var(--line); }.update-package-help summary { color:#72bdff; font-weight:700; cursor:pointer; }.update-package-help details p { margin:10px 0 0; color:#aebdca; }
.update-package-architectures { margin-top:14px; }.update-package-architectures > b { display:block; margin-bottom:7px; color:#91a4b5; font-size:10px; letter-spacing:.1em; text-transform:uppercase; }
.update-package-architectures > div { display:flex; flex-wrap:wrap; gap:7px; }.update-package-architectures span { min-width:62px; padding:6px 11px; color:#d5eeff; border:1px solid #3f7ca9; background:#10283a; font-size:12px; font-weight:800; letter-spacing:.05em; text-align:center; }
.update-package-architectures em { color:#9eacb9; font-size:13px; font-style:normal; }
.update-legend { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--line); background: #11171e; }
.update-legend span { min-height: 105px; padding: 18px; color: #9eadbb; border-right: 1px solid var(--line); font-size: 12px; line-height: 1.55; }
.update-legend span:last-child { border-right: 0; }.update-legend i,.update-legend b { display: block; }
.update-legend i { width: 28px; height: 28px; margin-bottom: 10px; color:var(--neutral); font-family:Arial,sans-serif; font-size:28px; font-style:normal; line-height:1; }
.update-legend i.green { color:var(--success); }
.update-legend i.yellow { color:var(--warning); }
.update-legend i.red { color:var(--danger); }
.update-legend i.neutral { color:var(--neutral); }
.update-legend b { color:#eef4fa; }
.update-monitor-list { display: grid; gap: 12px; margin-top: 20px; }
.update-monitor-empty { padding: 28px; border: 1px dashed #3a5064; background:#121820; }.update-monitor-empty p { color:#a9b7c5; }
.update-monitor-card { padding: 25px; border: 1px solid var(--line); border-left: 4px solid var(--neutral); background:#151b22; }.update-monitor-card.status-green { border-left-color:var(--success) }.update-monitor-card.status-yellow { border-left-color:var(--warning) }.update-monitor-card.status-red { border-left-color:var(--danger) }
.update-monitor-card-head { display:flex; justify-content:space-between; gap:25px; }.update-monitor-card-head h2 { margin:8px 0 0; font-size:25px; overflow-wrap:anywhere; }.update-monitor-card-head time { color:#96a7b7; font-size:13px; }
.update-monitor-card dl { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin:22px 0; background:var(--line); }.update-monitor-card dl div { padding:14px; background:#10161d; }.update-monitor-card dt { color:#8395a6; font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.update-monitor-card dd { margin:6px 0 0; color:#e7eef5; overflow-wrap:anywhere; }
.update-monitor-card > p,.update-issue p { color:#c1ccd6; line-height:1.65; }.update-monitor-card details { margin-top:18px; padding:16px; border:1px solid var(--line); background:#10161d; }.update-monitor-card summary { font-weight:700; cursor:pointer; }.update-issue { margin-top:15px; padding-top:15px; border-top:1px solid var(--line); }.update-issue span { display:block; margin-top:4px; color:#8fa1b3; font-size:12px; }
.update-monitor-actions { display:flex; flex-wrap:wrap; gap:18px; margin-top:20px; }.update-monitor-actions a { color:#72bdff; font-weight:700; }
.update-archive { margin-top: 44px; border: 1px solid var(--line); background: #11171e; }
.update-archive > details > summary { min-height: 92px; padding: 22px 24px; display: flex; align-items: center; justify-content: space-between; gap: 24px; cursor: pointer; list-style: none; }
.update-archive > details > summary::-webkit-details-marker { display: none; }
.update-archive > details > summary b { display: block; margin-top: 7px; color: #eef4fa; font-size: 23px; }
.update-archive > details > summary em { color: #9fcfff; font-size: 12px; font-style: normal; font-weight: 800; }
.update-archive > details[open] > summary { border-bottom: 1px solid var(--line); }
.update-archive-intro { padding: 22px 24px; display: grid; grid-template-columns: 1fr minmax(260px,.6fr); gap: 8px 28px; align-items: end; }
.update-archive-intro p { margin: 0; color: #aebdca; line-height: 1.6; }
.update-archive-intro label { color: #8fcaff; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.update-archive-intro input { grid-column: 2; min-width: 0; height: 48px; padding: 0 14px; color: #fff; background: #0d131a; border: 1px solid #40536a; font-size: 16px; }
.update-archive-intro input:focus { border-color: #72bdff; outline: 2px solid rgba(114,189,255,.28); outline-offset: 2px; }
.update-archive-list { display: grid; gap: 1px; background: var(--line); border-top: 1px solid var(--line); }
.update-archive-item { padding: 22px 24px; display: grid; grid-template-columns: minmax(240px,1.2fr) minmax(280px,1fr); gap: 14px 28px; background: #141a22; }
.update-archive-item > div > span { color: #8fa3b6; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.update-archive-item h3 { margin: 7px 0 0; color: #edf4fa; font-size: 19px; overflow-wrap: anywhere; }
.update-archive-item dl { margin: 0; display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: var(--line); }
.update-archive-item dl div { padding: 10px 12px; background: #0f151c; }
.update-archive-item dt { color: #8295a7; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.update-archive-item dd { margin: 5px 0 0; color: #dce6ef; font-size: 12px; overflow-wrap: anywhere; }
.update-archive-item > p { grid-column: 1 / -1; margin: 0; color: #b6c3cf; font-size: 13px; line-height: 1.6; }
.update-archive-actions { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 10px 22px; }
.update-archive-actions a { color: #72bdff; font-size: 13px; font-weight: 750; }
.update-monitor-actions .update-catalog-link { color: #72bdff; }
.update-archive-empty { margin: 0; padding: 24px; color: #aebdca; background: #141a22; }
@media (max-width: 640px) {
  .safety-notice, .article-warning, .legal-notice, .analysis-safety, .repair-tool-notice, .smartscreen-stop, .process-safety { padding-right: var(--content-gutter-mobile); padding-left: var(--content-gutter-mobile); }
  .update-ticker { width: calc(100% - 2 * var(--content-gutter-mobile)); margin: 18px auto; }
  .update-ticker-head,.update-monitor-summary,.update-ticker-foot { align-items:flex-start; flex-direction:column; }
  .update-ticker-grid,.update-legend,.update-monitor-card dl { grid-template-columns:1fr; }
  .update-ticker-card,.update-legend span { border-right:0; border-bottom:1px solid var(--line); }
  .update-ticker-card:last-child,.update-legend span:last-child { border-bottom:0; }
  .update-legend i { width: 32px; height: 32px; margin-bottom: 11px; font-size:32px; }
  .update-monitor-page { padding:42px var(--content-gutter-mobile) 70px; }
  .update-package-help { grid-template-columns:1fr; padding:20px 18px; }.update-package-help details { grid-column:auto; }
  .update-monitor-card { padding:20px 18px; }.update-monitor-card-head { flex-direction:column; gap:10px; }
  .update-archive > details > summary { min-height: 82px; padding: 18px; }
  .update-archive-intro { padding: 18px; grid-template-columns: 1fr; }
  .update-archive-intro input { grid-column: 1; width: 100%; }
  .update-archive-item { padding: 20px 18px; grid-template-columns: 1fr; }
  .update-archive-item dl { grid-template-columns: 1fr; }
  .update-status { gap:10px; font-size:12px; }
  .update-status-symbol { width:22px; height:22px; flex-basis:22px; font-size:22px; }
}
/* Gemeinsame Nachschlagewerke: Event IDs, Treiberdateien und verwandte Befunde. */
.lookup-database { max-width: var(--content-max); margin: 0 auto; padding: 70px 28px 100px; }
.lookup-help { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 28px; align-items: center; margin-bottom: 28px; padding: 24px; border: 1px solid var(--line); background: #14181f; }
.lookup-help h2 { margin: 5px 0 8px; font-size: 24px; }
.lookup-help p { max-width: 760px; margin: 0; color: #b8c3cf; line-height: 1.7; }
.lookup-help code { padding: 12px 16px; color: #b9dcff; border: 1px solid rgba(100,181,255,.28); background: #0b1016; }
.lookup-search { margin-bottom: 26px; }
.lookup-list { border: 1px solid var(--line); background: var(--line); }
.lookup-list > details { background: #14181f; border-bottom: 1px solid var(--line); }
.lookup-list > details:last-child { border-bottom: 0; }
.lookup-list summary { min-height: 100px; display: grid; grid-template-columns: minmax(190px,.75fr) minmax(0,1.5fr) auto; gap: 24px; align-items: center; padding: 20px 24px; cursor: pointer; list-style: none; }
.lookup-list summary::-webkit-details-marker { display: none; }
.lookup-list summary > span { min-width: 0; }
.lookup-list summary code, .lookup-list summary small { display: block; }
.lookup-list summary code { color: var(--blue-2); font-size: 18px; font-weight: 800; overflow-wrap: anywhere; }
.lookup-list summary small { margin-top: 5px; color: #8796a7; font-size: 11px; overflow-wrap: anywhere; }
.lookup-list summary b { color: #edf3f9; font-size: 17px; line-height: 1.45; }
.lookup-list summary em { color: #a8b7c7; font-size: 11px; font-style: normal; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.lookup-detail { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; padding: 1px; background: var(--line); border-top: 1px solid var(--line); }
.lookup-detail > section, .lookup-detail > aside { padding: 24px; background: #11171e; }
.lookup-detail > aside { border-left: 3px solid #68b8ff; }
.lookup-detail h3 { margin: 0 0 10px; color: #eef4fa; font-size: 15px; }
.lookup-detail p, .lookup-detail li { color: #c3ced9; font-size: 14px; line-height: 1.75; }
.lookup-detail ul, .lookup-detail ol { margin: 0; padding-left: 20px; }
.lookup-detail .lookup-links { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 18px; padding: 18px 24px; background: #0f151c; }
.lookup-detail .lookup-links a { color: var(--blue-2); font-size: 13px; font-weight: 750; }
.lookup-empty { padding: 24px; color: #bdc8d3; border: 1px solid var(--line); background: #14181f; }
.result-matrix { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; margin: 18px 0 30px; border: 1px solid var(--line); background: var(--line); }
.result-matrix > div { padding: 20px; background: #11171e; }
.result-matrix b, .result-matrix span { display: block; }
.result-matrix b { margin-bottom: 7px; color: #edf3f9; }
.result-matrix span { color: #bdc8d4; font-size: 14px; line-height: 1.65; }
.article-content pre { display: block; max-width: 100%; overflow-x: auto !important; }
.article-content pre code { display: block; width: max-content; min-width: 100%; }
@media (max-width: 720px) {
  .lookup-database { padding: 48px 18px 80px; }
  .lookup-help { grid-template-columns: 1fr; padding: 20px; }
  .lookup-help code { width: fit-content; }
  .lookup-list summary { grid-template-columns: 1fr auto; gap: 12px; padding: 18px; }
  .lookup-list summary b { grid-column: 1 / -1; grid-row: 2; }
  .lookup-list summary em { grid-column: 2; grid-row: 1; }
  .lookup-detail, .result-matrix { grid-template-columns: 1fr; }
  .lookup-detail > section, .lookup-detail > aside { padding: 20px; }
  .lookup-detail .lookup-links { padding: 16px 20px; }
}
.facet-bar{display:grid;grid-template-columns:minmax(260px,1fr) minmax(360px,1.65fr) auto;gap:14px 18px;align-items:end;margin:0 0 26px;padding:20px;border:1px solid var(--line);background:#11171e}.facet-search,.facet-controls label{display:grid;gap:7px;color:#8fcaff;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.facet-search input,.facet-controls select{width:100%;min-width:0;height:48px;padding:0 14px;color:#fff;background:#0d131a;border:1px solid #40536a;border-radius:var(--radius-sm);font:inherit;font-size:15px}.facet-search input:focus,.facet-controls select:focus{border-color:#72bdff;outline:2px solid rgba(114,189,255,.28);outline-offset:2px}.facet-panel{min-width:0}.facet-panel>summary{display:none}.facet-controls{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:12px}.facet-controls-wide{grid-template-columns:minmax(150px,.7fr) minmax(280px,1.3fr)}.facet-controls label:only-child{max-width:280px}.facet-button-field{min-width:0;margin:0;padding:0;border:0}.facet-button-field legend,.site-search-facet-label{display:block;margin:0 0 7px;color:#8fcaff;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.facet-button-group{display:flex;flex-wrap:wrap;gap:8px}.facet-button-group button{min-height:42px;padding:8px 13px;color:#c9d5e1;background:#101821;border:1px solid #40536a;border-radius:var(--radius-sm);font:inherit;font-size:13px;font-weight:750;line-height:1.2;cursor:pointer}.facet-button-group button:hover{color:#fff;border-color:#6598c7;background:#152231}.facet-button-group button.is-active,.facet-button-group button[aria-pressed="true"]{color:#fff;border-color:#72bdff;background:#176ecb;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.facet-button-group button:focus-visible{outline:3px solid rgba(114,189,255,.38);outline-offset:2px}.facet-button-group i{font-style:normal}.facet-button-group i.green{color:#58e3a1}.facet-button-group i.yellow{color:#ffd166}.facet-button-group i.red{color:#ff7979}.facet-button-group i.neutral{color:#a9b6c3}.facet-meta{display:flex;flex-direction:column;align-items:flex-end;gap:9px;padding-bottom:3px;color:#b9c8d6;font-size:13px;white-space:nowrap}.facet-meta button,.facet-empty button{padding:0;color:#72bdff;background:none;border:0;font:inherit;font-weight:750;cursor:pointer}.facet-active{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}.facet-active:empty{display:none}.facet-chip{min-height:34px;padding:6px 11px;color:#dceeff;background:#172434;border:1px solid #365775;border-radius:var(--radius-sm);font:inherit;font-size:12px;font-weight:750;cursor:pointer}.facet-empty{padding:24px;color:#bdc8d3;border:1px solid var(--line);background:#14181f}.facet-empty p{margin:0 0 12px}
@media(max-width:680px){.facet-bar{grid-template-columns:1fr auto;gap:12px;padding:16px}.facet-search{grid-column:1/-1}.facet-panel{grid-column:1}.facet-panel>summary{display:flex;min-height:44px;align-items:center;justify-content:space-between;padding:0 13px;color:#dceeff;border:1px solid #40536a;cursor:pointer;list-style:none;font-weight:800}.facet-panel>summary::-webkit-details-marker{display:none}.facet-panel:not([open])>.facet-controls{display:none}.facet-controls,.facet-controls-wide{grid-template-columns:1fr;padding-top:12px}.facet-button-group{gap:7px}.facet-button-group button{min-height:44px;padding:8px 11px}.facet-meta{grid-column:2;align-self:end;padding:0 0 3px}.facet-active{grid-column:1/-1}}

/* Ergebniszahl und Reset bilden zusammen eine kompakte Statuszeile. */
.facet-meta{flex-direction:row;align-items:center;justify-content:flex-end;gap:12px;padding-bottom:11px}
.facet-meta button{min-height:36px;padding:7px 11px;color:#c9d5e1;background:#101821;border:1px solid #40536a;border-radius:var(--radius-sm);font-size:12px;line-height:1.2}
.facet-meta button:hover{color:#fff;border-color:#6598c7;background:#152231}
.facet-meta button:focus-visible{outline:3px solid rgba(114,189,255,.38);outline-offset:2px}
@media(max-width:680px){.facet-meta{grid-column:1/-1;align-self:auto;justify-content:space-between;flex-wrap:wrap;padding:0}}

/* Filter folgen der Suche in einer klaren vertikalen Reihenfolge. */
.facet-bar{grid-template-columns:minmax(0,1fr);align-items:stretch}
.facet-search,.facet-panel,.facet-meta,.facet-active{grid-column:1}
.facet-controls,.facet-controls-wide{grid-template-columns:minmax(0,1fr)}
.facet-meta{padding-bottom:0}
@media(max-width:680px){.facet-bar{grid-template-columns:minmax(0,1fr)}.facet-search,.facet-panel,.facet-meta,.facet-active{grid-column:1}}
.site-search-facet{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px 12px;margin:18px 0}.site-search-facet-label{grid-column:1/-1;margin:0}.site-search-type-buttons{grid-column:1}.site-search-facet>#site-search-filter-reset{grid-column:2;min-height:42px;padding:8px 13px;color:#dceeff;background:#172434;border:1px solid #365775;border-radius:var(--radius-sm);font:inherit;font-weight:750}@media(max-width:520px){.site-search-facet{grid-template-columns:1fr}.site-search-type-buttons,.site-search-facet>#site-search-filter-reset{grid-column:1}.site-search-facet>#site-search-filter-reset{width:100%}}

/* Reset-Aktionen verwenden überall denselben Titanium-Blue-Button. */
.facet-meta button,.facet-empty button,.site-search-facet>#site-search-filter-reset{min-height:42px;padding:8px 13px;color:#fff;background:#176ecb;border:1px solid #72bdff;border-radius:var(--radius-sm);font:inherit;font-size:13px;font-weight:750;line-height:1.2;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.facet-meta button:hover,.facet-empty button:hover,.site-search-facet>#site-search-filter-reset:hover{color:#fff;background:#2588ff;border-color:#9bd2ff}
.facet-meta button:focus-visible,.facet-empty button:focus-visible,.site-search-facet>#site-search-filter-reset:focus-visible{outline:3px solid rgba(114,189,255,.38);outline-offset:2px}

/* Zentrales BHAZARD-Control-System: Diagnosefeld als Eingabereferenz. */
:where(.facet-search input,.facet-controls select,.case-body input:not([type="checkbox"]):not([type="radio"]),.case-body select,.update-archive-intro input){width:100%;min-width:0;height:var(--control-height);padding:0 var(--control-padding-x);color:#fff;background:var(--control-bg);border:1px solid var(--control-border);border-radius:var(--radius-ui);font:inherit;font-size:16px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
:where(.shortcut-search-field,.hero-search,.site-search-form,.error-search>div,.code-search){min-height:58px;background:var(--control-bg);border:2px solid var(--control-border);border-radius:var(--radius-ui);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
:where(.shortcut-search-field input,.hero-search input,.site-search-form input,.error-search input,.code-search input){height:54px;min-height:54px;padding-right:var(--control-padding-x);padding-left:var(--control-padding-x);color:#fff;background:transparent;border:0;outline:0;font:inherit;font-size:16px}
:where(.facet-search input,.case-body input,.case-body textarea,.update-archive-intro input,.shortcut-search-field input,.hero-search input,.site-search-form input,.error-search input,.code-search input,#analysis-input)::placeholder{color:var(--control-placeholder);opacity:1}
:where(.facet-search input,.facet-controls select,.case-body input,.case-body textarea,.case-body select,.update-archive-intro input,#analysis-input):hover{border-color:var(--control-border-hover)}
:where(.facet-search input,.facet-controls select,.case-body input,.case-body textarea,.case-body select,.update-archive-intro input,#analysis-input):focus{border-color:var(--control-focus);outline:0;box-shadow:0 0 0 2px rgba(37,136,255,.16)}
:where(.shortcut-search-field,.hero-search,.site-search-form,.error-search>div,.code-search):hover{border-color:var(--control-border-hover)}
:where(.shortcut-search-field,.hero-search,.site-search-form,.error-search>div,.code-search):focus-within{border-color:var(--control-focus);box-shadow:0 0 0 2px rgba(37,136,255,.16)}
:where(.case-body textarea,#analysis-input){padding:14px var(--control-padding-x);color:#f4f7fb;background:var(--control-bg);border:1px solid var(--control-border);border-radius:var(--radius-ui);font-size:16px}
:where(input,textarea,select):disabled{color:#8593a3;background:#151b22;border-color:#303d4c;cursor:not-allowed;opacity:.72}

:where(.button,.analysis-run,.analysis-save,.analysis-next button,.decision-actions button,.decision-result .button){min-height:var(--control-height-md);padding:var(--button-padding-md);border-radius:var(--radius-ui);font:inherit;font-size:14px;font-weight:700;line-height:1.25;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
:where(.button.primary,.analysis-run,.analysis-save,.analysis-next button,.decision-actions button,.decision-result .button){color:#fff;background:#1067c9;border:1px solid var(--control-focus);box-shadow:none}
:where(.button.primary,.analysis-run,.analysis-save,.analysis-next button,.decision-actions button,.decision-result .button):hover{color:#fff;background:#1675df;border-color:#9bd2ff}
:where(.button.secondary,.button.ghost,.decision-actions #recovery-back){color:#dce6ef;background:#101821;border:1px solid var(--control-border);box-shadow:none}
:where(.button.secondary,.button.ghost,.decision-actions #recovery-back):hover{color:#fff;background:#152231;border-color:var(--control-border-hover)}
:where(.button.danger){color:#fff;background:#7d201f;border:1px solid var(--danger)}
:where(.button.danger):hover{background:#98302e;border-color:#ff9a9a}
:where(.button.button-lg){min-height:var(--control-height-lg);padding:var(--button-padding-lg);font-size:15px}
:where(.facet-button-group button,.facet-meta button,.facet-empty button,.site-search-facet>#site-search-filter-reset,.search-suggestions button,.search-filters button,.error-filters button,.analysis-samples button,.assistant-back,.assistant-reset,.assistant-export button,.command-row button,.command-block button,.tool-command button,.repair-actions button,.repair-actions a,.filters button){min-height:var(--control-height-sm);padding:var(--button-padding-sm);border-radius:var(--radius-ui);font:inherit;font-size:13px;font-weight:700;line-height:1.25;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}
:where(.command-row button,.command-block button,.tool-command button,.analysis-samples button,.assistant-back,.assistant-reset,.assistant-export button,.repair-actions button,.repair-actions a){color:#dce6ef;background:#101821;border:1px solid var(--control-border)}
:where(.command-row button,.command-block button,.tool-command button,.analysis-samples button,.assistant-back,.assistant-reset,.assistant-export button,.repair-actions button,.repair-actions a):hover{color:#fff;background:#152231;border-color:var(--control-border-hover)}
:where(button,.button,[role="button"]):disabled,:where(.button,[role="button"])[aria-disabled="true"]{cursor:not-allowed;opacity:.52;box-shadow:none;transform:none;pointer-events:none}
:where(button,.button,input,textarea,select,[role="button"]):focus-visible{outline:3px solid rgba(114,189,255,.42);outline-offset:2px}
@media(max-width:680px){:where(.facet-button-group button,.facet-meta button,.facet-empty button,.site-search-facet>#site-search-filter-reset,.search-suggestions button,.search-filters button,.error-filters button,.analysis-samples button,.assistant-back,.assistant-reset,.assistant-export button,.command-row button,.command-block button,.tool-command button,.repair-actions button,.repair-actions a,.filters button){min-height:44px}:where(.button,.analysis-run,.analysis-save,.analysis-next button,.decision-actions button,.decision-result .button){min-height:48px}}

/* Durchsetzung nach alten Seitendefinitionen: identische Geometrie und Zustände. */
.facet-search input,
.facet-controls select,
.case-body input:not([type="checkbox"]):not([type="radio"]),
.case-body select,
.update-archive-intro input {
  height: var(--control-height);
  padding-right: var(--control-padding-x);
  padding-left: var(--control-padding-x);
  color: #fff;
  background: var(--control-bg);
  border: 1px solid var(--control-border);
  border-radius: var(--radius-ui);
  font-size: 16px;
}
.shortcut-search-field,
.hero-search,
.site-search-form,
.error-search > div,
.code-search {
  min-height: 58px;
  background: var(--control-bg);
  border: 2px solid var(--control-border);
  border-radius: var(--radius-ui);
  box-shadow: none;
}
.shortcut-search-field input,
.hero-search input,
.site-search-form input,
.error-search input,
.code-search input {
  height: 54px;
  min-height: 54px;
  padding-right: var(--control-padding-x);
  padding-left: var(--control-padding-x);
  color: #fff;
  background: transparent;
  border: 0;
  outline: 0;
  font-size: 16px;
}
.hero-search button,
.site-search-form button,
.assistant-pro .chat-form button {
  align-self: stretch;
  margin: var(--control-inset);
  border: 0;
  border-radius: var(--radius-ui);
}
.assistant-pro .chat-form { border-color: var(--control-border); }
.hero-search:hover,
.site-search-form:hover,
.assistant-pro .chat-form:hover {
  border-color: var(--control-border);
}
.hero-search button:hover,
.site-search-form button:hover,
.assistant-pro .chat-form button:hover {
  color: #fff;
  background: var(--blue);
}
.facet-search input::placeholder,
.case-body input::placeholder,
.case-body textarea::placeholder,
.update-archive-intro input::placeholder,
.shortcut-search-field input::placeholder,
.hero-search input::placeholder,
.site-search-form input::placeholder,
.error-search input::placeholder,
.code-search input::placeholder,
#analysis-input::placeholder { color: var(--control-placeholder); opacity: 1; }
.facet-search input:hover,
.facet-controls select:hover,
.case-body input:hover,
.case-body textarea:hover,
.case-body select:hover,
.update-archive-intro input:hover,
#analysis-input:hover { border-color: var(--control-border-hover); }
.facet-search input:focus,
.facet-controls select:focus,
.case-body input:focus,
.case-body textarea:focus,
.case-body select:focus,
.update-archive-intro input:focus,
#analysis-input:focus {
  border-color: var(--control-focus);
  outline: 0;
  box-shadow: 0 0 0 2px rgba(37,136,255,.16);
}
.shortcut-search-field:hover,
.hero-search:hover,
.site-search-form:hover,
.error-search > div:hover,
.code-search:hover { border-color: var(--control-border); }
.shortcut-search-field:focus-within,
.hero-search:focus-within,
.site-search-form:focus-within,
.error-search > div:focus-within,
.code-search:focus-within {
  border-color: var(--control-focus);
  box-shadow: 0 0 0 2px rgba(37,136,255,.16);
}
.case-body textarea,
#analysis-input {
  padding: 14px var(--control-padding-x);
  color: #f4f7fb;
  background: var(--control-bg);
  border: 1px solid var(--control-border);
  border-radius: var(--radius-ui);
  font-size: 16px;
}
.button,
.analysis-run,
.analysis-save,
.analysis-next button,
.decision-actions button,
.decision-result .button {
  min-height: var(--control-height-md);
  padding: var(--button-padding-md);
  border-radius: var(--radius-ui);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
  cursor: pointer;
}
.facet-button-group button,
.facet-meta button,
.facet-empty button,
.site-search-facet > #site-search-filter-reset,
.search-suggestions button,
.search-filters button,
.error-filters button,
.analysis-samples button,
.assistant-back,
.assistant-reset,
.assistant-export button,
.command-row button,
.command-block button,
.tool-command button,
.repair-actions button,
.repair-actions a,
.filters button {
  min-height: var(--control-height-sm);
  padding: var(--button-padding-sm);
  border-radius: var(--radius-ui);
  font-size: 13px;
  line-height: 1.25;
  cursor: pointer;
}
@media (max-width: 680px) {
  .facet-button-group button,
  .facet-meta button,
  .facet-empty button,
  .site-search-facet > #site-search-filter-reset,
  .search-suggestions button,
  .search-filters button,
  .error-filters button,
  .analysis-samples button,
  .assistant-back,
  .assistant-reset,
  .assistant-export button,
  .command-row button,
  .command-block button,
  .tool-command button,
  .repair-actions button,
  .repair-actions a,
  .filters button { min-height: 44px; }
}

/* Verbindliche Suchfeldzustände: Hover bleibt neutral, nur Fokus wird hellblau. */
.hero-search,
.site-search-form,
.assistant-pro .chat-form,
.shortcut-search-field,
.error-search > div,
.code-search {
  background: var(--control-bg);
  border-color: var(--control-border);
}
.hero-search:hover,
.site-search-form:hover,
.assistant-pro .chat-form:hover,
.shortcut-search-field:hover,
.error-search > div:hover,
.code-search:hover {
  background: var(--control-bg);
  border-color: var(--control-border);
}
.hero-search:focus-within,
.site-search-form:focus-within,
.assistant-pro .chat-form:focus-within,
.shortcut-search-field:focus-within,
.error-search > div:focus-within,
.code-search:focus-within {
  border-color: var(--control-focus);
  box-shadow: 0 0 0 2px rgba(37,136,255,.16);
}
.hero-search button,
.site-search-form button,
.assistant-pro .chat-form button,
.hero-search button:hover,
.site-search-form button:hover,
.assistant-pro .chat-form button:hover {
  color: #fff;
  background: var(--blue);
  transition: none;
}
[data-facet-entry][hidden]{display:none!important}

/* Titanium Blue – einzige produktive Designschicht. */
html[data-template="titanium"] {
  --ink: #f7f9fb;
  --muted: #cbd5df;
  --blue: #2b8ff0;
  --blue-2: #77c4ff;
  --anthracite: #191b1f;
  --panel: #23262b;
  --panel-2: #2a2e34;
  --line: rgba(235,240,246,.13);
  --success: #69e6a7;
  --warning: #ffd083;
  color-scheme: dark;
}
html[data-template="titanium"] body { color:#f7f9fb;background:linear-gradient(180deg,#1c1f23,#17191d 62%,#1b1e22); }
html[data-template="titanium"] .nav { background:#121418;border-bottom-color:rgba(216,232,247,.16);box-shadow:0 12px 30px rgba(0,0,0,.28); }
html[data-template="titanium"] .hero::before,
html[data-template="titanium"] .page-intro::before { background:rgba(43,143,240,.18); }
html[data-template="titanium"] .hero-grid { opacity:.28; }
html[data-template="titanium"] :is(.assistant-card,.assistant-pro,.portal-card,.repair-workspace,.search-panel,.code-card,.guide-grid article,.support-content-grid article,.solution-list>a,.knowledge-grid>a,.tools-grid article,.legal-content,.contact-card,.search-result,.analysis-input-panel,.analysis-guide,.analysis-placeholder,.analysis-finding) { background-color:#24272c;border-color:rgba(224,232,240,.14); }
html[data-template="titanium"] :is(.help-card,.guide-grid article,.support-content-grid article,.solution-list>a,.knowledge-grid>a,.tools-grid article,.search-result):hover { background:#2c3036; }
html[data-template="titanium"] .assistant-pro { background:linear-gradient(155deg,#292d33,#1c1f23); }
html[data-template="titanium"] :is(.assistant-context,.chat-form,.match,.assistant-steps,.assistant-outcome,.repair-guide,.repair-auto-step,.repair-auto-status,.code-meaning,.code-context,.code-suspects>div,.analysis-guide>div,.analysis-summary) { background-color:#1b1e22;border-color:rgba(224,232,240,.13); }
html[data-template="titanium"] :is(.hero-search,.site-search-form,.assistant-pro .chat-form,.shortcut-search-field,.error-search>div,.code-search),
html[data-template="titanium"] :is(.hero-search,.site-search-form,.assistant-pro .chat-form,.shortcut-search-field,.error-search>div,.code-search):hover { background:#1b1e22;border-color:rgba(224,232,240,.13); }
html[data-template="titanium"] :is(.hero-search,.site-search-form,.assistant-pro .chat-form,.shortcut-search-field,.error-search>div,.code-search):focus-within { border-color:#72bdff;box-shadow:none; }
/* Suchfeld und innere Anschlussflaechen bilden eine durchgehende anthrazitfarbene Flaeche. */
html[data-template="titanium"] :is(.hero-search input,.site-search-form input) {
  background:#1b1e22;
  box-shadow:none;
}
html[data-template="titanium"] .site-search-form .site-search-icon { background:#1b1e22; }
@media(max-width:680px) {
  html[data-template="titanium"] :is(.hero-search button,.site-search-form button) {
    width:calc(100% - 4px);
    box-sizing:border-box;
    justify-self:center;
  }
}
html[data-template="titanium"] :is(.hero-search button,.site-search-form button,.assistant-pro .chat-form button),
html[data-template="titanium"] :is(.hero-search button,.site-search-form button,.assistant-pro .chat-form button):hover { color:#fff;background:var(--blue); }

/* CMS-gerenderte Seiten verwenden ausschliesslich bestehende BHAZARD-Tokens und Varianten. */
.cms-page{overflow:hidden}.cms-preview-banner{padding:10px max(var(--content-gutter),calc((100% - var(--content-max))/2));color:#ffe0aa;border-bottom:1px solid #8e6b37;background:#241d13;font-size:13px;font-weight:800}.cms-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cms-card-grid.cms-columns-1{grid-template-columns:1fr}.cms-card-grid.cms-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cms-card-grid.cms-columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cms-card-grid>*{min-width:0;padding:20px;border:1px solid var(--line);background:var(--panel)}.cms-card-grid a:hover{border-color:#6598c7;background:var(--panel-2)}.cms-card-warning>*{border-left:3px solid var(--warning)}.cms-card-status>*{border-top:2px solid var(--blue)}.cms-rich-text{max-width:75ch;color:var(--muted)}.cms-rich-text a{color:var(--blue-2);text-decoration:underline}.cms-alert,.cms-note{margin:24px auto;padding:22px max(var(--content-gutter),calc((100% - var(--content-max))/2));border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#151b22}.cms-alert h2,.cms-note h2{margin:0 0 7px}.cms-alert p,.cms-note p{margin:0;color:var(--muted)}.cms-alert-warning{border-left:4px solid var(--warning)}.cms-alert-danger{border-left:4px solid var(--danger)}.cms-alert-success{border-left:4px solid var(--success)}.cms-alert-info{border-left:4px solid var(--blue-2)}.cms-steps ol{counter-reset:cms-step;display:grid;gap:1px;padding:0;list-style:none}.cms-steps li{counter-increment:cms-step;padding:18px 18px 18px 64px;position:relative;background:var(--panel);border:1px solid var(--line)}.cms-steps li::before{content:counter(cms-step,decimal-leading-zero);position:absolute;left:18px;color:var(--blue-2);font-weight:900}.cms-code pre{margin:0;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.cms-table-section table{width:100%;border-collapse:collapse}.cms-table-section th,.cms-table-section td{padding:12px;text-align:left;border:1px solid var(--line)}.cms-divider{max-width:var(--content-max);margin:var(--space-lg) auto;border:0;border-top:1px solid var(--line)}.cms-spacer-small{height:var(--space-sm)}.cms-spacer-medium{height:var(--space-lg)}.cms-spacer-large{height:var(--space-xl)}.cms-related>div{display:grid;gap:8px}.cms-related a{display:flex;justify-content:space-between;padding:14px;border:1px solid var(--line);background:var(--panel)}.cms-image img{display:block;width:100%;max-height:680px;object-fit:cover;border:1px solid var(--line);background:var(--panel)}.cms-image figcaption{padding-top:8px;color:var(--muted);font-size:13px}.cms-code .command-block{display:block}.cms-code .command-block>span{display:block;padding:8px 12px;color:var(--blue-2);background:#101216;font-size:11px;font-weight:800;letter-spacing:.1em}.cms-code .command-block pre{min-height:0}
@media(max-width:768px){.cms-card-grid,.cms-card-grid.cms-columns-2,.cms-card-grid.cms-columns-3,.cms-card-grid.cms-columns-4{grid-template-columns:1fr}.cms-alert,.cms-note{padding-left:var(--content-gutter-mobile);padding-right:var(--content-gutter-mobile)}}

/* Schema-driven image presentation. Values are finite CMS tokens; editors
   cannot inject arbitrary classes or CSS. */
.cms-image{width:100%}.cms-image.cms-max-480{max-width:480px}.cms-image.cms-max-640{max-width:640px}.cms-image.cms-max-800{max-width:800px}.cms-image.cms-max-960{max-width:960px}.cms-image.cms-max-1200{max-width:1200px}.cms-image.cms-max-1440{max-width:1440px}
.cms-image.cms-align-left{margin-left:max(var(--content-gutter),calc((100% - var(--content-max))/2));margin-right:auto}
.cms-image.cms-align-center{margin-left:auto;margin-right:auto}
.cms-image.cms-align-right{margin-left:auto;margin-right:max(var(--content-gutter),calc((100% - var(--content-max))/2))}
.cms-width-desktop-auto{width:auto}.cms-width-desktop-25{width:25%}.cms-width-desktop-50{width:50%}.cms-width-desktop-75{width:75%}.cms-width-desktop-100{width:100%}
.cms-image.cms-ratio-1-1 img{aspect-ratio:1}.cms-image.cms-ratio-4-3 img{aspect-ratio:4/3}.cms-image.cms-ratio-16-9 img{aspect-ratio:16/9}.cms-image.cms-ratio-21-9 img{aspect-ratio:21/9}
.cms-image.cms-fit-cover img{object-fit:cover}.cms-image.cms-fit-contain img{object-fit:contain}
.cms-image.cms-position-center img{object-position:center}.cms-image.cms-position-top img{object-position:top}.cms-image.cms-position-bottom img{object-position:bottom}.cms-image.cms-position-left img{object-position:left}.cms-image.cms-position-right img{object-position:right}
.cms-image.cms-radius-small img{border-radius:4px}.cms-image.cms-radius-medium img{border-radius:10px}.cms-image.cms-radius-large img{border-radius:18px}
.cms-image.cms-shadow-soft img{box-shadow:0 12px 30px rgba(0,0,0,.24)}.cms-image.cms-shadow-strong img{box-shadow:0 18px 48px rgba(0,0,0,.46)}
.cms-image.cms-margin-top-none{margin-top:0}.cms-image.cms-margin-top-small{margin-top:var(--space-sm)}.cms-image.cms-margin-top-medium{margin-top:var(--space-lg)}.cms-image.cms-margin-top-large{margin-top:var(--space-xl)}
.cms-image.cms-margin-bottom-none{margin-bottom:0}.cms-image.cms-margin-bottom-small{margin-bottom:var(--space-sm)}.cms-image.cms-margin-bottom-medium{margin-bottom:var(--space-lg)}.cms-image.cms-margin-bottom-large{margin-bottom:var(--space-xl)}
@media(max-width:1024px){.cms-width-tablet-auto{width:auto}.cms-width-tablet-25{width:25%}.cms-width-tablet-50{width:50%}.cms-width-tablet-75{width:75%}.cms-width-tablet-100{width:100%}}
@media(max-width:700px){.cms-image.cms-align-left,.cms-image.cms-align-center,.cms-image.cms-align-right{margin-left:auto;margin-right:auto}.cms-width-mobile-auto{width:auto}.cms-width-mobile-50{width:50%}.cms-width-mobile-75{width:75%}.cms-width-mobile-100{width:100%}}
.cms-rich-text.cms-align-center{margin-inline:auto;text-align:center}.cms-text-compact{font-size:.94em;line-height:1.55}.cms-list-check ul{padding:0;list-style:none}.cms-list-check li::before{content:"✓";margin-right:.6em;color:var(--blue-2);font-weight:900}.cms-density-compact li{margin-block:.2em}.cms-quote figcaption{display:grid;gap:2px;margin-top:12px}.cms-quote figcaption small{color:var(--muted)}.button[data-cms-button-size="small"]{min-height:38px;padding:8px 13px}.button[data-cms-button-size="large"]{min-height:52px;padding:14px 22px}.cms-divider-subtle{opacity:.5}.cms-divider-accent{border-color:var(--blue-2)}.cms-divider-spacing-small{margin-block:var(--space-sm)}.cms-divider-spacing-large{margin-block:var(--space-xl)}.cms-spacer-desktop-small{height:var(--space-sm)}.cms-spacer-desktop-medium{height:var(--space-lg)}.cms-spacer-desktop-large{height:var(--space-xl)}
@media(max-width:700px){.cms-spacer-mobile-small{height:var(--space-sm)}.cms-spacer-mobile-medium{height:var(--space-lg)}.cms-spacer-mobile-large{height:var(--space-xl)}}
.cms-hero{isolation:isolate}.cms-hero-background{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;border:0}.cms-hero[class*="cms-hero-overlay-"]::after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none}.cms-hero-overlay-subtle::after{background:rgba(5,10,16,.45)}.cms-hero-overlay-strong::after{background:rgba(5,10,16,.72)}.cms-hero.cms-align-center{text-align:center}.cms-hero.cms-align-center .eyebrow,.cms-hero.cms-align-center .cms-hero-actions{justify-content:center}.cms-hero.cms-content-narrow>div:not(.hero-grid){max-width:760px}.cms-hero.cms-content-wide>div:not(.hero-grid){max-width:1240px}.cms-hero.cms-height-compact{min-height:360px}.cms-hero.cms-height-large{min-height:680px}.cms-hero.cms-vertical-top{align-items:start}.cms-hero.cms-vertical-bottom{align-items:end}.cms-hero-copy{display:grid;gap:18px}.cms-hero-actions{display:flex;flex-wrap:wrap;gap:10px}
.cms-card-image{width:calc(100% + 40px);max-width:none;height:180px;margin:-20px -20px 18px;object-fit:cover;border:0;border-bottom:1px solid var(--line)}
.cms-card-grid.cms-gap-small,.install-choice-grid.cms-gap-small{gap:6px}.cms-card-grid.cms-gap-medium,.install-choice-grid.cms-gap-medium{gap:12px}.cms-card-grid.cms-gap-large,.install-choice-grid.cms-gap-large{gap:24px}
.cms-card-grid.cms-equal-yes,.install-choice-grid.cms-equal-yes{align-items:stretch}.cms-card-grid.cms-equal-yes>*,.install-choice-grid.cms-equal-yes>*{height:100%}.cms-card-grid.cms-equal-no,.install-choice-grid.cms-equal-no{align-items:start}
.cms-card-image-ratio-1-1 .cms-card-image{height:auto;aspect-ratio:1}.cms-card-image-ratio-4-3 .cms-card-image{height:auto;aspect-ratio:4/3}.cms-card-image-ratio-16-9 .cms-card-image{height:auto;aspect-ratio:16/9}
.cms-card-detail{margin:12px 0 0;padding:14px 15px;border-left:2px solid var(--blue-2);background:rgba(100,181,255,.045)}.cms-card-detail b,.cms-card-detail span{display:block}.cms-card-detail b{color:var(--text);font-size:12px;letter-spacing:.07em;text-transform:uppercase}.cms-card-detail span{margin-top:5px;color:var(--muted);font-size:13px;line-height:1.55}.cms-card-detail-positive{border-left-color:var(--success)}.cms-card-detail-caution{border-left-color:var(--warning)}.cms-card-disclosure{display:block;margin-top:12px;color:var(--muted);font-size:11px;line-height:1.55}.cms-card-disclosure b{color:var(--text)}
html[data-template="titanium"] .message p { color:#edf3f8;background:#30343a; }
html[data-template="titanium"] .message.user p { color:#fff;background:#1675d2; }
html[data-template="titanium"] .repair-tabs { background:#181a1e; }
html[data-template="titanium"] .repair-tabs button.active,
html[data-template="titanium"] .code-card.open { background:#2c3036; }
html[data-template="titanium"] :is(.command-row code,.command-block pre,.article-content pre,.tool-command,#analysis-input) { background:#101216; }
html[data-template="titanium"] .home-metrics { background:linear-gradient(115deg,#25282d,#15171a 68%); }
html[data-template="titanium"] footer { border-color:rgba(220,235,248,.16); }
.cms-download{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;border:1px solid var(--line,rgba(224,232,240,.16));background:var(--surface,#171b22)}.cms-download h2{margin:4px 0 8px}.cms-download p{margin:0 0 8px}.cms-download small{color:var(--muted,#b8c4d1)}@media(max-width:640px){.cms-download{align-items:stretch;flex-direction:column}.cms-download .button{width:100%;justify-content:center}}