:root{color-scheme:dark;--bg:#14191d;--panel:#1d2529;--line:#354348;--text:#f3f3ed;--muted:#b9c4c6;--accent:#a5e8c4;--accent-dark:#193d31;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body{margin:0;line-height:1.65}a{color:var(--accent);text-underline-offset:.2em}button,input{font:inherit}button{cursor:pointer;color:var(--text);border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:9px 15px}button:hover,a:hover{filter:brightness(1.12)}:focus-visible{outline:3px solid #ffd28b;outline-offset:4px}a,button,input{touch-action:manipulation}.skip{position:fixed;top:-100px;left:1rem;z-index:100;background:var(--bg);padding:1rem}.skip:focus{top:0}.topbar{height:92px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#14191df5;position:sticky;top:0;z-index:5;gap:16px}.brand{display:flex;gap:13px;text-decoration:none;color:var(--text);align-items:center;font-size:24px;font-weight:750;line-height:1.1}.brand small{display:block;font-size:13px;font-weight:400;color:var(--muted);margin-top:7px}.mark{background:var(--accent);color:#123025;border-radius:13px;width:47px;height:47px;display:grid;place-items:center;letter-spacing:-3px;padding-right:3px}.toplinks{display:flex;gap:22px;align-items:center;font-size:14px}.toplinks a{text-decoration:none}#contents-toggle{display:none}.layout{display:grid;grid-template-columns:305px minmax(0,1fr);max-width:1500px;margin:auto}aside{border-right:1px solid var(--line);padding:28px 22px;position:sticky;top:92px;height:calc(100vh - 92px);overflow:auto;scrollbar-width:thin}aside label{font-size:14px;font-weight:650}input{width:100%;border:1px solid #536369;background:#10181b;color:var(--text);border-radius:8px;padding:12px 11px;margin:8px 0 0;font-size:14px}#search-status{font-size:12px;color:var(--muted);min-height:1em;margin:5px 0 12px}.nav-group{margin-bottom:23px}.nav-group h2{font-size:12px;text-transform:uppercase;letter-spacing:.065em;color:#a8b8bb;margin:0 0 8px}.nav-group ul{list-style:none;padding:0;margin:0}.nav-group a{display:block;text-decoration:none;color:#d2dadd;font-size:14px;line-height:1.45;padding:8px 11px;border-radius:7px;margin:2px 0}.nav-group a[aria-current]{color:var(--accent);background:var(--accent-dark);box-shadow:inset 3px 0 var(--accent)}.side-note{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px}main{min-width:0;padding:44px clamp(24px,4vw,65px) 80px}article{overflow-wrap:anywhere;max-width:930px;margin:auto;outline:none;scroll-margin-top:115px}.js article[hidden]{display:none}article h1{font-size:clamp(28px,3.4vw,43px);letter-spacing:-.035em;line-height:1.18;font-weight:720;margin:7px 0 28px;max-width:850px}article h2{font-size:23px;line-height:1.3;margin:38px 0 17px;letter-spacing:-.015em}.eyebrow{color:var(--accent);font-size:12px;letter-spacing:.11em;text-transform:uppercase;margin:0 0 10px}.path{padding:15px 19px;border-left:3px solid var(--accent);background:#1b292a;border-radius:0 10px 10px 0;margin:0 0 25px}.path strong{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}.path p{margin:5px 0 0;font-size:15px;overflow-wrap:anywhere}article>p{max-width:76ch}.welcome{padding:22px 25px;margin:0 0 28px;background:linear-gradient(110deg,#234c3f,#1c3037);border:1px solid #3c6b5a;border-radius:15px}.welcome span{font-size:12px;letter-spacing:.1em;color:var(--accent)}.welcome p{font-size:23px;line-height:1.4;margin:9px 0 0;max-width:470px}.routes{display:grid;gap:12px;margin:30px 0}.routes a{display:grid;grid-template-columns:1fr 25px;gap:3px 12px;text-decoration:none;padding:18px 22px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.routes span{font-size:18px;font-weight:650;color:var(--text)}.routes small{font-size:14px;color:var(--muted)}.routes b{grid-column:2;grid-row:1/3;align-self:center;font-size:22px}.steps{list-style:none;counter-reset:step;padding:0}.steps li{position:relative;counter-increment:step;padding:15px 16px 16px 60px;margin:10px 0;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.steps li:before{content:counter(step);position:absolute;left:16px;top:15px;background:var(--accent);color:#143326;width:27px;height:27px;font-size:15px;font-weight:750;border-radius:50%;display:grid;place-items:center}.choices{margin:20px 0}.choices>div{padding:18px 0;border-bottom:1px solid var(--line)}dt{font-weight:700;color:var(--accent);margin-bottom:5px}dd{margin:0;color:#e2e7e6;max-width:76ch}.muted{color:var(--muted);font-size:14px}.pictures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.pictures figure{min-width:0;margin:0;border:1px solid var(--line);border-radius:11px;background:#101517;overflow:hidden}.pictures figure:only-child{grid-column:1/-1}.picture{padding:0;border:0;display:block;width:100%;border-radius:0;background:#151b20}.picture img{width:100%;height:auto;display:block}.pictures figcaption{font-size:13px;padding:12px 15px;color:var(--muted);line-height:1.5;overflow-wrap:anywhere}.related{margin:40px 0 25px;border-top:1px solid var(--line)}.related a{display:block;padding:12px 0;text-decoration:none;border-bottom:1px solid var(--line);font-size:16px}.related a span{float:right}.chapter-foot{font-size:12px;color:var(--muted);margin-top:35px}dialog{color:var(--text);background:#11181c;border:1px solid #587067;border-radius:12px;width:calc(100vw - 24px);max-width:1700px;max-height:calc(100vh - 24px);padding:15px}dialog::backdrop{background:#020607e8}.viewer-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:14px;margin-bottom:12px}.viewer-controls a{margin:auto;font-size:13px}#image-close{margin-left:auto}#image-scroll{max-height:calc(100vh - 180px);overflow:auto;overscroll-behavior:contain}#image-stage{position:relative;overflow:hidden;margin:auto}#image-large{position:absolute;max-width:none;max-height:none}#image-caption{font-size:14px;line-height:1.4;color:var(--muted);max-width:1000px;margin:13px auto 2px;overflow-wrap:anywhere}[hidden]{display:none!important}
@media(min-width:1500px){.layout{grid-template-columns:325px minmax(0,1fr)}}
@media(max-width:850px){.topbar{height:76px;padding:0 16px}.toplinks{gap:12px;font-size:13px}.toplinks>a:nth-child(2){display:none}.brand{font-size:21px}.brand small{font-size:11px}.mark{width:38px;height:38px;border-radius:10px;font-size:23px}.layout{display:block}#contents-toggle{display:block;font-size:13px;padding:9px}aside{display:none;position:fixed;inset:76px 0 0 auto;width:min(100%,390px);height:calc(100dvh - 76px);z-index:6;background:var(--bg);box-shadow:-25px 0 50px #0008;border-left:1px solid var(--line);padding:23px}body.nav-open aside{display:block}main{padding:28px 18px 60px}.pictures{grid-template-columns:1fr}.welcome p{font-size:21px}article h1{font-size:32px}article h2{font-size:22px}.path{padding:13px 15px}.steps li{padding-left:53px}.steps li:before{left:12px}.viewer-controls{gap:6px}.viewer-controls button{font-size:12px;padding:8px}.viewer-controls a{font-size:12px}.toplinks{min-width:0}.topbar .brand>span:last-child{max-width:125px}}
@media(max-width:380px){.brand small{display:none}.toplinks{gap:8px}.mark{display:none}article h1{font-size:29px}}
@media print{.topbar,aside,.related,.chapter-foot,dialog{display:none!important}.layout{display:block}main{padding:0}article[hidden]{display:block!important}article{break-before:page}article:first-child{break-before:auto}:root{background:white;color:black}.path,.steps li,.welcome,.choices,.pictures figure{background:white;color:black}.eyebrow,dt,.path strong,dd{color:black}.pictures{grid-template-columns:1fr 1fr}a{color:black}.pictures figure{break-inside:avoid}}

.brand img.mark{background:transparent;padding:0;object-fit:contain;border-radius:0}

/* The reading theme and genuine application captures change together. */
:root[data-theme="light"]{color-scheme:light;--bg:#f6f8f7;--panel:#fff;--line:#ccd7d2;--text:#1b2923;--muted:#52665b;--accent:#146540;--accent-dark:#e0f0e6}
:root[data-theme="light"] .topbar{background:#f6f8f7f5}
:root[data-theme="light"] input{background:white;border-color:#8d9d94}
:root[data-theme="light"] .nav-group h2,:root[data-theme="light"] .nav-group a{color:#405c4c}
:root[data-theme="light"] .nav-group a[aria-current]{color:var(--accent)}
:root[data-theme="light"] .path{background:#eaf2ec}
:root[data-theme="light"] .welcome{background:linear-gradient(110deg,#d9ede0,#e7f0f2);border-color:#a7c8b4}
:root[data-theme="light"] dd{color:var(--text)}
:root[data-theme="light"] .pictures figure,:root[data-theme="light"] .picture,:root[data-theme="light"] dialog{background:#fff}
#theme-toggle{font-size:13px;white-space:nowrap;padding:7px 10px}
@media(max-width:650px){.topbar{height:auto;min-height:80px;flex-wrap:wrap;padding-top:9px;padding-bottom:9px;gap:10px}.toplinks{gap:9px;margin-left:auto}.toplinks>a[href="bilder.html"]{display:none}aside{top:100px;height:calc(100dvh - 100px)}.brand small{display:none}.brand img{width:30px;height:30px}.brand{font-size:18px}.topbar .brand>span:last-child{max-width:none}#contents-toggle{padding:7px;font-size:12px}#theme-toggle{font-size:12px;padding:7px}.toplinks a{font-size:12px}}
/* Keep language and video access available on narrow screens. */
@media(max-width:850px){.toplinks>a:nth-child(2){display:inline}}
@media(max-width:650px){.topbar{height:108px;align-content:center}.toplinks{width:100%;justify-content:space-between;gap:8px;margin-left:0}.toplinks>a[href="bilder.html"]{display:inline}aside{top:108px;height:calc(100dvh - 108px)}}