:root { color-scheme: light; --ink:#142537; --muted:#516579; --navy:#17324d; --blue:#215f8f; --gold:#f2b544; --paper:#f7f9fb; --line:#d5dee7; --white:#fff; font-family:"Segoe UI",Arial,sans-serif; }
* { box-sizing:border-box; } html,body { margin:0; min-height:100%; } body { background:var(--paper); color:var(--ink); line-height:1.58; }
a { color:#0a568e; } a:hover,a:focus-visible { color:#053d68; }
.site-header { background:var(--navy); color:var(--white); border-bottom:6px solid var(--gold); }
.header-inner { display:flex; align-items:center; gap:18px; max-width:1500px; padding:22px 28px; }
.brand-logo { width:74px; height:74px; flex:0 0 auto; } .site-header h1 { margin:0; font-size:clamp(1.8rem,4vw,3rem); } .site-header p { margin:3px 0 0; color:#dbe8f2; }
.language-tools { margin-left:auto; display:flex; gap:6px; }
.language-tools button,.nav-toggle { border:1px solid #91abc0; border-radius:7px; background:#234963; color:#fff; padding:8px 10px; cursor:pointer; }
.language-tools button.active { background:var(--gold); color:#17293a; border-color:var(--gold); }
.layout { display:grid; grid-template-columns:255px minmax(0,1050px); gap:26px; align-items:start; padding:26px 28px 50px; }
.side-nav { position:sticky; top:12px; background:var(--white); border:1px solid var(--line); border-radius:12px; padding:12px; }
.nav-head { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:8px; } .nav-links { display:grid; gap:4px; }
.nav-links a { color:var(--ink); text-decoration:none; padding:8px 9px; border-radius:7px; }
.nav-links a:hover,.nav-links a:focus-visible,.nav-links a.active { background:#e8f1f7; color:#073f68; }
.side-nav.collapsed { width:74px; } .side-nav.collapsed .nav-title,.side-nav.collapsed .nav-links { display:none; } .side-nav.collapsed + .content { grid-column:2; }
.content { min-width:0; } .hero,.panel,.card { background:var(--white); border:1px solid var(--line); border-radius:14px; }
.hero { padding:clamp(24px,5vw,52px); background:linear-gradient(135deg,#fff 0%,#edf5fa 100%); }
.hero h2 { max-width:800px; font-size:clamp(1.65rem,3vw,2.6rem); line-height:1.15; margin-top:0; } .lead { font-size:1.13rem; color:#334b61; max-width:850px; }
.actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; } .button { display:inline-block; background:var(--blue); color:#fff; text-decoration:none; font-weight:650; border-radius:8px; padding:10px 15px; }
.button:hover,.button:focus-visible { background:#12496f; color:#fff; } .button.secondary { background:#fff; color:var(--blue); border:1px solid var(--blue); }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:14px; margin-top:18px; } .card,.panel { padding:22px; margin-top:18px; }
.card h3,.panel h2 { margin-top:0; } .status { border-left:6px solid var(--gold); } .download-card { border-top:5px solid var(--blue); }
code,pre { font-family:Consolas,"Cascadia Mono",monospace; } pre { background:#10273a; color:#edf7ff; border-radius:9px; padding:14px; white-space:pre-wrap; overflow-wrap:anywhere; }
.hash { overflow-wrap:anywhere; font-size:.92rem; } .site-footer { background:#10283b; color:#d9e7f1; padding:22px 28px; } .site-footer p { margin:4px 0; max-width:1100px; } .site-footer a { color:#fff; }
[data-lang],[data-lang-block] { display:none; }
html[data-language="de"] [data-lang="de"],html[data-language="en"] [data-lang="en"] { display:revert; }
html[data-language="de"] [data-lang-block="de"],html[data-language="en"] [data-lang-block="en"] { display:block; }
@media (max-width:760px) { .header-inner { align-items:flex-start; padding:18px; } .brand-logo { width:56px; height:56px; } .layout { grid-template-columns:1fr; padding:16px; } .side-nav,.side-nav.collapsed { position:static; width:auto; } .side-nav.collapsed .nav-title { display:inline; } .side-nav.collapsed .nav-links { display:none; } .side-nav.collapsed + .content { grid-column:1; } .language-tools { margin-left:0; } }
@media (prefers-reduced-motion:no-preference) { .button,.nav-links a { transition:background-color .16s ease,color .16s ease; } }