/* Schrift lokal ausgeliefert (keine Verbindung zu Google, siehe Datenschutz § 6) */
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/InstrumentSans-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/InstrumentSans-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --bg:#f2f2f0;
  --surface:#fff;
  --field:#f7f7f5;
  --field-line:#e3e3df;
  --pill:#e6e6e3;
  --ink:#111;
  --text:#33333a;
  --muted:#55555a;
  --subtle:#6e6e73;
  --faint:#8a8a8e;
  --line:#dcdcd8;
  --link:#111;
  --error:#c2331f;
  --note-bg:#fff4d6;
  --note-ink:#5c4a12;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:'Instrument Sans',system-ui,sans-serif;font-size:16px;line-height:1.5}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
.doc p a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(17,17,17,.3)}
input,textarea,button,select{font:inherit;color:inherit}
button{cursor:pointer}
[hidden]{display:none !important}

.wrap{max-width:1280px;margin:0 auto}

.site-header{position:sticky;top:0;z-index:30;background:rgba(242,242,240,.82);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px)}
.site-header .wrap{padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.brand{color:var(--ink);font-weight:700;font-size:16px;letter-spacing:-.01em}
.brand:hover{text-decoration:none}
.site-nav{display:flex;gap:28px;flex-wrap:wrap;font-size:14px}
.site-nav a{color:var(--muted)}
.cta{padding:8px 16px;background:var(--ink);color:#fff;border-radius:999px;font-size:14px;font-weight:500}
.cta:hover{text-decoration:none}

/* Segment-Umschalter (Tabs, Stabilität) */
.seg{display:inline-flex;flex-wrap:wrap;padding:4px;gap:4px;background:var(--bg);border-radius:999px}
.seg > a,.seg > button{border:0;padding:10px 20px;border-radius:999px;font-size:15px;font-weight:500;color:var(--subtle);background:transparent}
.seg > a:hover{text-decoration:none;color:var(--ink)}
.seg > [aria-current="page"],.seg > [aria-pressed="true"],.seg > [aria-selected="true"]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.12)}

.site-footer{border-top:1px solid var(--line);font-size:14px}
.site-footer .legal{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--subtle)}
.site-footer .legal nav{display:flex;gap:20px}
.site-footer .legal a{color:var(--subtle)}

part-viewer{display:block;position:relative}

@media (max-width:640px){
  .site-nav{display:none}
}