/* webtooltime — geteilte Typografie: Source Serif 4 (Body) + Spline Sans Mono (Labels) */
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400 600;font-optical-sizing:auto;font-display:swap;
  src:url(/fonts/ss4-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;}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400 600;font-optical-sizing:auto;font-display:swap;
  src:url(/fonts/ss4-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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Spline Sans Mono';font-style:normal;font-weight:400 500;font-display:swap;
  src:url(/fonts/ssm-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;}
@font-face{font-family:'Spline Sans Mono';font-style:normal;font-weight:400 500;font-display:swap;
  src:url(/fonts/ssm-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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}

/* --- Feinschliff --- */
body{font-optical-sizing:auto}
.rp,.rn,.krow .kv,.score,.num,.sc{font-variant-numeric:tabular-nums}
.rd,.fa,.knote,.body-lead,.grp-intro,.def p,.wer .body-p,.prose p,.sub,.data,.these .foot{hyphens:auto;-webkit-hyphens:auto}
/* dunkleres Orange nur für kleinen Text (Kontrast >= AA) */
.lab,.sect,.fitem .fn{color:#b5340f !important}

/* --- Spiekermann-Pass --- */
/* Lesetext auf nahezu Schwarz (Grau nur noch für echte Nebensache) */
.hero .lead+.lead,.body-lead,.rd,.fa,.knote,.def p,.grp-intro,.wer .body-p,.prose p,
.these .foot,.sub,.ledger-note,.step span,.fitem span,.crow .cn{color:#26221c !important}
/* Witwen/Waisen zähmen */
h1,h2,h3,.h2,.khead,.hero h1,.wz-q,.rn,.def h3,.faq summary,.verdict,.grp-h,.lead,.step b{text-wrap:balance}
p,.rd,.fa,.knote,.body-lead,.grp-intro,.wer .body-p,.prose p,.these .foot,.sub,.ledger-note,.step span,.fitem span{text-wrap:pretty}

/* --- Zugänglichkeit --- */
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}
  html{scroll-behavior:auto !important}
}

/* Trust-Leiste unter dem Hero */
.trust{display:flex;flex-wrap:wrap;font-family:var(--mono);font-size:12px;letter-spacing:.03em;color:var(--ink-2);border-bottom:1px solid var(--line-2)}
.trust span{padding:13px 0;position:relative}
.trust span:not(:last-child){padding-right:22px;margin-right:22px}
.trust span:not(:last-child)::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:12px;background:var(--line)}
/* Serifen-Lesetext auf kleinen Screens einen Tick größer */
@media(max-width:900px){.fa,.rd,.def p,.wer .body-p,.step span,.fitem span{font-size:17px !important}}