/* Korrekturentwurf: klare Hierarchie, helle Flächen und kontrastreiche Aktionen. */
:root{--pi-ink:#102a43;--pi-muted:#42566b;--pi-action:#1247a6;--pi-action-text:#ffffff;--pi-accent:#ffb454;--pi-surface:#ffffff}
body{background:var(--pi-surface);color:var(--pi-ink)}
header{background:#fff;border-bottom:2px solid #dce6f2}
.brand em,.eyebrow,.secondary,.home-hero h1>span{color:var(--pi-action)}
.eyebrow:before{background:var(--pi-action)}
.hero h1,.home-hero h1{font-weight:800;letter-spacing:-.045em}
.intro,.small,.note,.source,.card p,.sectionhead p,details p,.topic-card p,footer{color:var(--pi-muted)}
.button{background:var(--pi-action);color:var(--pi-action-text);border-radius:12px;min-height:48px;box-shadow:0 5px 0 #dce8ff}
.button:hover{background:#0d347b}
.visual,.home-board{background:#dcecff;border:1px solid #b8d0ed;box-shadow:0 18px 48px #102a4314}
.home-board{transform:none}
.vcard,.card,.checkbox{background:#fff;border-color:#c6d5e5}
.visual-top,.visual-bottom,.board-top,.board-note,.vrow small,.board-line>span{color:var(--pi-ink)}
.tag,.topic-icon{background:#ffdb9e;color:var(--pi-ink)}
.check-section,.home-finder{background:#edf4ff;border-block:1px solid #c6d5e5}
.stepbar span.active{background:var(--pi-action)}
.choice:has(input:checked){background:#edf4ff;border-color:var(--pi-action)}
.choice input{accent-color:var(--pi-action)}
.result,.calc-output div{background:#edf4ff}
.contact{background:var(--pi-ink)}
.contact .button{background:var(--pi-accent);color:var(--pi-ink);box-shadow:none}
.contact .button:hover{background:#ffcb89}
.topic-card{border:1px solid #c6d5e5;border-top:4px solid var(--pi-action)}
.topic-card:nth-child(3n+2){border-top-color:#17724b}
.topic-card:nth-child(3n){border-top-color:#a65a00}
.home-mark{background:var(--pi-action)}
.nav .navcta{border-color:var(--pi-action);color:var(--pi-action)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #1247a6;outline-offset:4px}
.contact a:focus-visible,.contact button:focus-visible{outline-color:#ffb454}
@media(prefers-reduced-motion:reduce){.topic-card{transition:none}.topic-card:hover{transform:none}}
@media print{body,.check-section,.checkbox,.result,.calc-output div{background:#fff;color:#000}.button{box-shadow:none}}