/* Modernes Editorial-Design: ruhige Oberflächen, klare Bedienung, Serifentitel. */
:root{--paper:#faf8f2;--ink:#242b2b;--muted:#626c6a;--line:#d9ded7;--accent:#28675f;--wash:#edf1eb}
body{background:var(--paper);font-family:system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.65}
.page{max-width:1280px;margin:0 auto;padding:28px 48px 0;min-height:100vh;box-shadow:none;border:0;background:transparent}
.page>header{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:30px}
.edition{grid-column:1/-1;font-size:.75rem;letter-spacing:.07em;padding-bottom:24px}
.brand{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:clamp(1.35rem,2.5vw,1.85rem);font-weight:750;letter-spacing:.03em;border:0;padding:0;text-align:left;grid-column:1;line-height:1.25}
.subtitle{grid-column:1;font-style:normal;font-size:.875rem;text-align:left;margin:5px 0 0;color:var(--muted)}
nav{grid-column:2;grid-row:2/4;border:0;padding:0;gap:24px;font-size:.875rem}
nav>div{gap:5px}nav a{padding:9px 12px;border-radius:7px;font-weight:550;white-space:nowrap}
nav a:hover{background:var(--wash)}nav a[aria-current=page]{color:var(--accent);background:#e5eeE7;text-decoration:none}
button.plain{padding:9px 13px;border:1px solid var(--line);border-radius:7px;text-decoration:none;font-size:.875rem;white-space:normal}
.page>header:after{content:'';grid-column:1/-1;height:1px;background:var(--line);margin-top:26px}
main{padding:48px 0 72px}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.025em}
h1{font-size:clamp(2.25rem,4.5vw,3.65rem);line-height:1.12;margin:12px 0 24px}h2{font-size:1.8rem}h3{font-size:1.5rem}
.eyebrow{font-family:inherit;font-size:.75rem;letter-spacing:.12em;font-weight:650;color:var(--accent)}
.intro{grid-template-columns:1.6fr 1fr;gap:72px;border:0;padding:18px 0 20px}.intro p.lead{font-size:1.05rem;color:var(--muted);max-width:590px;line-height:1.8}
.sidenote{border:1px solid var(--line);padding:30px;border-radius:12px;background:var(--wash);align-self:center}
.sidenote h2{font-size:1.45rem}.sidenote p{font-size:.95rem}.sidenote a{font-size:.875rem;font-weight:600;color:var(--accent)}.ornament{display:none}
.search{margin:28px 0 12px;gap:8px}.search input{border:1px solid var(--line);background:#fff;min-height:52px;border-radius:8px;font-size:1rem;padding:13px 16px;box-shadow:0 2px 6px #242b2b04}
button,.button{font-family:inherit;font-size:.875rem;font-weight:600;border-radius:8px;padding:12px 18px;background:var(--accent);border-color:var(--accent);color:white;transition:background .15s ease,box-shadow .15s ease}
button:hover,.button:hover{background:#1c504a;box-shadow:0 3px 10px #28675f15}.secondary:hover{background:var(--wash)!important;color:var(--ink)!important}
input,select,textarea{font-family:inherit;font-size:1rem;border-radius:8px;background:white;border-color:var(--line)}label{font-family:inherit;font-size:.875rem;font-weight:550}label input,label select,label textarea{font-weight:400}
.caption,.meta{font-family:inherit;font-size:.8125rem}.small{font-family:inherit;font-size:.875rem}
.section-top{margin:42px 0 20px}.section-top a{font-size:.875rem;color:var(--accent);font-weight:600}
.cards{gap:18px}.card{margin:0;padding:28px;border-radius:12px;background:#fff;display:flex;flex-direction:column;box-shadow:0 4px 20px #242b2b04}
.card .number{font-family:inherit;font-style:normal;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.card h3{margin:16px 0 12px}.card .meta{font-size:.75rem;line-height:1.7;margin-bottom:16px}.card p{font-size:.9375rem;color:var(--muted)}.card>p:last-child{margin-top:auto!important;padding-top:20px;color:var(--accent);font-size:.875rem;font-weight:600}.card .badge{align-self:flex-start}
.badge{font-family:inherit;font-size:.75rem;border:0;border-radius:5px;background:#edf2ef;color:#365e4f;padding:4px 9px;font-weight:550}.badge.warning{border:0;background:#f6eddc;color:#795622}
.demo-note{border:1px solid #dce5dc;border-left:3px solid var(--accent);border-radius:7px;background:#f0f4ee;padding:14px 18px;font-size:.875rem;color:#46544e}
.directory-layout{grid-template-columns:240px 1fr;gap:36px}.filters{border:1px solid var(--line);background:var(--wash);border-radius:10px;padding:22px;align-self:start}.filters h2{font-size:1.3rem}.filters label{margin-bottom:20px}.filters a{font-size:.875rem;color:var(--accent)}
.results-top{border-bottom:1px solid var(--line);padding-bottom:18px}.results-top select{font-size:.875rem}.results-top p{font-size:.9375rem}
.entry{grid-template-columns:42px 1fr;padding:25px 0;gap:18px}.initial{font-family:Georgia,serif;font-size:1.55rem;border-radius:7px;background:var(--wash);width:42px;height:44px;display:grid;place-items:center}
.entry h2{font-size:1.6rem}.entry p{font-size:.9375rem;color:var(--muted)}.entry .meta{font-size:.75rem}
.crumb{font-family:inherit;font-size:.8125rem}.detail-title{border-bottom:1px solid var(--line);padding-bottom:32px;margin-bottom:36px}.detail-title h1{max-width:850px}.detail-title .lead{font-size:1.1rem;color:var(--muted);max-width:760px}
.facts{border:1px solid var(--line);padding:24px;border-radius:10px;background:var(--wash);align-self:start}.facts dt{font-family:inherit;letter-spacing:.05em;font-size:.75rem}.facts dd{font-size:.9375rem}.facts dt:first-child{margin-top:12px}
.bio{font-family:Georgia,serif;font-size:1.16rem;line-height:1.9}.bio p:first-of-type:first-letter{float:none;font-size:inherit;line-height:inherit;padding:0;color:inherit}
.sources{margin-top:44px}.sources>p.small{max-width:650px}.source{border:1px solid var(--line);background:white;padding:22px;border-radius:9px;margin:14px 0}.source h3{font-size:1.25rem}.source p{font-size:.9375rem}.source p:last-child{margin-bottom:0}
.related{border-top:1px solid var(--line);padding-top:28px}.editor{max-width:900px}.source-editor{background:white;border-radius:10px}.source-editor legend{font-size:.875rem;font-weight:600;padding:0 8px}.editor h2{margin-top:32px}
footer{border-top:1px solid var(--line);font-family:inherit;padding:26px 0;font-size:.75rem}
dialog{border:1px solid var(--line);border-radius:14px;background:var(--paper);box-shadow:0 20px 80px #0003}dialog::backdrop{background:#242b2b60;backdrop-filter:blur(3px)}dialog p{font-size:.9375rem}
#toast{border-radius:9px;box-shadow:0 8px 30px #0002;font-size:.9375rem}#toast:not(:empty){border:0}
@media(max-width:1100px){.page>header{display:block}.brand{font-size:1.65rem}.subtitle{margin-bottom:20px}nav{justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:20px}.page>header:after{display:none}.intro{gap:30px}.cards{gap:14px}.card{padding:22px}}
@media(max-width:900px){.page{padding:24px 28px 0}.cards{grid-template-columns:1fr}.card{margin:0}.intro{grid-template-columns:1.5fr 1fr}.directory-layout,.detail-layout{grid-template-columns:210px 1fr;gap:24px}.edition{letter-spacing:.04em}.card>p:last-child{padding-top:8px}}
@media(max-width:640px){.page{padding:20px 20px 0}.edition{flex-direction:row;align-items:flex-start;flex-wrap:wrap;font-size:.6875rem;gap:8px;padding-bottom:18px}.brand{font-size:clamp(1.2rem,5.5vw,1.8rem);letter-spacing:.02em}.subtitle{font-size:.8125rem}.intro{grid-template-columns:1fr;gap:24px;padding-top:0}.sidenote{padding:22px;border:1px solid var(--line)}nav{gap:12px}nav>div{gap:0;flex-wrap:wrap}nav a{font-size:.8125rem;padding:9px 10px}button.plain{font-size:.8125rem}main{padding-top:30px}h1{font-size:2.5rem}.section-top{gap:14px}.section-top h2{font-size:1.55rem}.section-top a{max-width:130px;font-size:.8125rem}.directory-layout,.detail-layout{grid-template-columns:1fr}.filters,.facts{border:1px solid var(--line);padding:20px}.entry{grid-template-columns:34px 1fr;gap:14px}.initial{width:34px;height:38px;font-size:1.3rem}.search{gap:6px}.search button{padding:10px 13px}.form-grid{grid-template-columns:1fr}.results-top{flex-direction:row;align-items:center;flex-wrap:wrap}.results-top select{max-width:180px}footer{gap:10px}.detail-title h1{font-size:2.3rem}.bio{font-size:1.1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button,.button{transition:none}}
@media print{.page{padding:0}.page>header{display:block}.sidenote,.source,.facts,.card{background:white;box-shadow:none}.detail-layout{grid-template-columns:180px 1fr}nav,.actions,.filters,.search,footer{display:none}}
