/* =============================================================================
   Bibliothek IV — die Angst-Strecke. 50 Module, Nr. 123-172.

   Richtung "Void Standard", vom Panel gewaehlt: eine Spalte, ein Gedanke je
   Flaeche, harte Kanten, kein Ornament. Die Leere ist hier kein Stilmittel,
   sondern der Gegenstand — eine Seite ueber Angst darf nicht bequem sein.

   Vier Festlegungen, die aus der Abstimmung kommen und nicht verhandelbar sind:

   1. DREI KAPITELSTUFEN statt Farbverlauf. Der Ton wandert von der engsten
      Flaeche zur offensten, aber in drei festen Schritten an den Kapitel-
      grenzen. Ein stufenloser Verlauf haette unendlich viele Zwischenfarben,
      und gegen die kann keine Kontrast-Wache mehr messen.
   2. TERRA IST IM DUNKEL NIE TEXT. Gemessen 2,5:1 auf #22201f. Terra traegt
      dort Linien, Flaechen und den Fokusring — Links laufen als Creme mit
      Terra-Unterstreichung.
   3. DIE QUELLE STEHT AM WERT. Keine hochgestellte Ziffer, die woandershin
      zeigt: Einheit, Zeitraum und Herkunft stehen im selben Element.
   4. SETZEN, PRUEFEN, BELEGEN im Wechsel. Nur die setzenden Module bekommen
      eine volle Flaeche. Fuenfzig volle Flaechen waeren fuenfzig Mal derselbe
      Effekt und beim dritten Mal nur noch lang.
   ============================================================================= */

/* ================================================================= STUFEN */
.fear-page{
  --f-col:min(680px,100% - 48px);
  --f-measure:46ch;
  --f-sig:#A53A2A;      /* Linie, Flaeche, Fokusring */
  --f-sig-tx:#A53A2A;   /* dasselbe Signal ALS SCHRIFT — je Stufe eigener Wert */
  --f-sig-hi:#C14A37;
  background:var(--f-bg);
  color:var(--f-ink);
  transition:background-color var(--t-l) var(--e),color var(--t-l) var(--e);
}

/* Das Haus schaltet Hell ueber das FEHLEN des Merkmals, Dunkel ueber
   data-theme="dark" (zz-lab2 themeBtn). Deshalb steht Hell hier als Grundfall —
   eine Regel auf [data-theme="light"] haette nie gegriffen. */

/* Helles Haus: von der engsten zur offensten Flaeche. */
.fear-page{                             --f-bg:#ECE7DB; --f-ink:#16130F;
  --f-ink-dim:rgba(22,19,15,.66); --f-ink-mute:rgba(22,19,15,.44);
  --f-line:rgba(22,19,15,.16); --f-line-str:rgba(22,19,15,.30);
  --f-panel:#E2DCCC}
.fear-page[data-akt="4"],
.fear-page[data-akt="5"],
.fear-page[data-akt="6"]{               --f-bg:#F5F2EA; --f-panel:#ECE7DB}
.fear-page[data-akt="7"],
.fear-page[data-akt="8"]{               --f-bg:#FFFADA; --f-panel:#F5EFCB}

/* Dunkles Haus: derselbe Weg, von der Nacht in den Tag. Die letzte Stufe ist
   Creme, weil der Leser dort etwas entschieden hat — die Flaeche macht das mit,
   statt es zu behaupten. Ab Stufe drei kippt die Schrift auf Dunkel. */
body[data-theme="dark"].fear-page{      --f-bg:#141311; --f-ink:#F3EEE4;
  --f-sig-tx:#D4744F;
  --f-ink-dim:rgba(243,238,228,.68); --f-ink-mute:rgba(243,238,228,.44);
  --f-line:rgba(243,238,228,.16); --f-line-str:rgba(243,238,228,.28);
  --f-panel:#1C1B18}
body[data-theme="dark"].fear-page[data-akt="4"],
body[data-theme="dark"].fear-page[data-akt="5"],
body[data-theme="dark"].fear-page[data-akt="6"]{ --f-bg:#22201F; --f-panel:#2A2724}
body[data-theme="dark"].fear-page[data-akt="7"],
body[data-theme="dark"].fear-page[data-akt="8"]{ --f-bg:#FFFADA; --f-ink:#16130F;
  --f-sig-tx:#A53A2A;
  --f-ink-dim:rgba(22,19,15,.66); --f-ink-mute:rgba(22,19,15,.44);
  --f-line:rgba(22,19,15,.16); --f-line-str:rgba(22,19,15,.30);
  --f-panel:#F5EFCB}

@media(prefers-reduced-motion:reduce){
  .fear-page{transition:none}
}

/* =============================================================== GERUEST */
.fear-page .fwrap{width:var(--f-col);margin:0 auto}
.fear-page .fmod{padding:clamp(3.4rem,11vh,7rem) 0;position:relative}
/* Setzende Module bekommen die volle Flaeche — und nur die. */
.fear-page .m-fopen,
.fear-page .m-fsplit,
.fear-page .m-bstr,
.fear-page .m-hmir,
.fear-page .m-hbel{min-height:100svh;display:grid;align-content:center}

.fear-page .fh{font-family:var(--sans);font-weight:400;text-transform:none;
  font-size:clamp(1.5rem,4.6vw,2.1rem);line-height:1.18;letter-spacing:-.015em;
  max-width:var(--f-measure);margin:0 0 1rem}
.fear-page .ftx{font-size:17px;line-height:1.6;color:var(--f-ink-dim);
  max-width:var(--f-measure);margin:0 0 1rem}
.fear-page .ftx:last-child{margin-bottom:0}
.fear-page .fnote{font-size:14px;line-height:1.55;color:var(--f-ink-dim);
  max-width:var(--f-measure);margin:1.4rem 0 0;padding-top:.9rem;
  border-top:1px solid var(--f-line)}
.fear-page .fres{font-size:16px;line-height:1.55;color:var(--f-ink);
  max-width:var(--f-measure);margin:1.2rem 0 0;padding-left:.9rem;
  border-left:2px solid var(--f-sig)}
.fear-page .fpriv{font-size:13px;color:var(--f-ink-dim);margin:1rem 0 0;
  max-width:var(--f-measure)}
.fear-page .lb{display:block;font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--f-ink-dim);margin-bottom:.35rem}

/* Die Quelle am Wert. Eigene Zeile, kleiner, aber nie unter dem Kontrast-
   Mindestwert — eine unlesbare Quelle waere dasselbe wie keine. */
.fear-page .qz{display:block;font-size:13px;line-height:1.45;
  color:var(--f-ink-dim);margin-top:.45rem}

/* Die Modulnummer ist eine Adresse, kein Zierrat. */
.fear-page .mno{position:absolute;top:clamp(1.2rem,3.4vh,2rem);left:50%;
  transform:translateX(calc(-1 * var(--f-col) / 2));
  font-size:11px;letter-spacing:.14em;color:var(--f-ink-dim);
  font-variant-numeric:tabular-nums}
.fear-page .mno i{font-style:normal;margin:0 .18em}
.fear-page .fslot{position:relative}
@media(max-width:640px){.fear-page .mno{display:none}}

/* Der Kopf klebt. Wer ueber einen Anker springt oder ein Bedienelement
   anfaehrt, landet sonst darunter — deshalb haelt jedes Ziel den Kopf frei.
   Das ist kein Testkniff: derselbe Fehler trifft jeden Leser mit Tastatur. */
.fear-page{scroll-padding-top:5.5rem}
.fear-page .fslot,.fear-page .akt,.fear-page .fmod,
.fear-page button,.fear-page input,.fear-page textarea,
.fear-page a{scroll-margin-top:5.5rem}

.fear-page a{color:inherit}
.fear-page .u-line{border-bottom:1px solid var(--f-sig);padding-bottom:1px}
.fear-page :focus-visible{outline:2px solid var(--f-sig);outline-offset:3px}

/* ================================================== KOPF UND FORTSCHRITT */
.fprog{position:fixed;top:0;left:0;right:0;height:2px;z-index:60;
  background:var(--f-line)}
.fprog span{display:block;height:100%;background:var(--f-sig);
  transform:scaleX(0);transform-origin:0 50%}
.fhdr{position:sticky;top:0;z-index:50;display:flex;align-items:center;
  justify-content:space-between;gap:1rem;padding:.85rem clamp(1rem,4vw,2rem);
  background:var(--f-bg);border-bottom:1px solid var(--f-line);
  transition:background-color var(--t-l) var(--e)}
/* Die rechte Gruppe braucht einen eigenen Abstand — ohne ihn laufen "Sprache"
   und "Believe" zu einem Wort zusammen. Am Telefon bricht sie um. */
.fhdr .rt{display:flex;align-items:center;gap:clamp(.8rem,2vw,1.6rem);
  flex-wrap:wrap;justify-content:flex-end}
.fhdr .bk,.fhdr .rt a{font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--f-ink-dim);text-decoration:none;white-space:nowrap}
.fhdr .cutheme{display:inline-flex;align-items:center;gap:.4rem;font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--f-ink-dim);
  min-height:44px}
.fhdr .cutheme .ico{display:inline-flex;width:14px;height:14px}
.fhdr .cutheme .ico svg{width:100%;height:100%}
.fhdr .bk:hover,.fhdr .rt a:hover{color:var(--f-ink)}
.fhdr .bk .ar{display:inline-block;width:1.1em;height:1px;background:currentColor;
  vertical-align:middle;margin-right:.5em}
/* Die Wortmarke traegt die Hausschrift — und nur sie. */
.fhdr .wm{font-family:var(--mark);font-weight:200;font-size:15px;
  letter-spacing:-.02em;text-transform:uppercase;color:var(--f-ink);
  /* Eine Wortmarke bricht nicht um. Am Telefon wird sie kleiner, nie zweizeilig. */
  white-space:nowrap}
@media(max-width:640px){
  .fhdr{padding:.7rem .9rem;gap:.6rem}
  .fhdr .wm{font-size:13px}
  /* Am Telefon traegt das Zeichen allein — die Beschriftung kostet die Zeile. */
  .fhdr .cutheme .lbl-light,.fhdr .cutheme .lbl-dark{display:none}
  .fhdr .rt{gap:.9rem;flex-wrap:nowrap}
}
.fend{padding:3rem 0 4rem;border-top:1px solid var(--f-line)}
.fend .wrap{width:var(--f-col);margin:0 auto;padding:0}
.fend .lbl{color:var(--f-ink-dim)}

/* Kapiteltafel */
.fear-page .akt{padding:clamp(4rem,14vh,8rem) 0 clamp(2rem,6vh,3rem)}
.fear-page .akt .in{border-top:1px solid var(--f-line-str);padding-top:1.1rem;
  display:grid;grid-template-columns:auto 1fr;gap:.3rem 1rem;align-items:baseline}
.fear-page .akt .no{font-size:12px;letter-spacing:.18em;color:var(--f-sig-tx);
  font-variant-numeric:tabular-nums}
.fear-page .akt h2{grid-column:2;font-family:var(--sans);font-weight:400;
  font-size:clamp(1.35rem,4vw,1.75rem);letter-spacing:-.02em;margin:0;
  text-transform:none}
.fear-page .akt .cl{grid-column:2;font-size:15px;color:var(--f-ink-dim);
  max-width:var(--f-measure)}
.fear-page .akt .n{grid-column:2;font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--f-ink-dim);margin-top:.4rem}

/* ============================================== ALLGEMEINE BEDIENELEMENTE */
.fear-page input[type="text"],.fear-page textarea{
  width:100%;background:transparent;border:0;border-bottom:1px solid var(--f-line-str);
  color:var(--f-ink);font:inherit;font-size:17px;padding:.55rem 0;
  border-radius:0;min-height:44px;
  transition:border-color var(--t-xs) var(--e)}
.fear-page textarea{border:1px solid var(--f-line-str);border-radius:10px;
  padding:.7rem .8rem;font-size:15px;line-height:1.5;resize:vertical}
.fear-page input::placeholder,.fear-page textarea::placeholder{color:var(--f-ink-dim)}
.fear-page input:focus,.fear-page textarea:focus{outline:none;border-color:var(--f-sig-tx)}
.fear-page button{font:inherit;color:inherit;background:transparent;border:0;
  cursor:pointer}
.fear-page .wipe{font-size:13px;color:var(--f-ink);border-bottom:1px solid var(--f-sig);
  padding:0 0 1px}

/* ------------------------------------------------- 123 fear-open */
.m-fopen{overflow:hidden;isolation:isolate;background:#141311;
  display:grid;place-items:center;text-align:center}
.m-fopen .cross{position:absolute;inset:0;z-index:0}
.m-fopen .cross .f{position:absolute;inset:0;opacity:0;
  transition:opacity var(--t-img) var(--e)}
.m-fopen .cross .f.on{opacity:1}
.m-fopen .cross .im{position:absolute;inset:0;height:100%;
  background-size:cover;background-position:center}
/* Der Schleier folgt dem Text, nicht dem Bildaufbau — und er ist so dicht
   gerechnet, dass er auch ein vollstaendig weisses Motiv traegt. */
.m-fopen::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(120% 70% at 50% 52%,rgba(0,0,0,.70) 0%,
    rgba(0,0,0,.58) 42%,rgba(0,0,0,.36) 74%,rgba(0,0,0,.22) 100%),rgba(0,0,0,.64)}
.m-fopen .cnt{position:relative;z-index:2;width:var(--f-col);margin:0 auto}
.m-fopen .kick{font-size:11px;letter-spacing:.24em;text-transform:uppercase;
  color:#EDE7DC}
/* Die Anzeigeschrift traegt hier ihre eigentliche Aufgabe: ein Wort, gross.
   Unter 40px uebernimmt die Hausschrift — deshalb der harte Mindestwert. */
.m-fopen .fmark{font-family:var(--mark);font-weight:200;text-transform:uppercase;
  font-size:clamp(3.8rem,18vw,9rem);line-height:.9;letter-spacing:-.045em;
  color:#fff;margin:.7rem 0 0}
.m-fopen .fmark em{font-style:normal;font-weight:400}
.m-fopen .fsay{font-size:clamp(1.15rem,4vw,1.6rem);color:#F3EEE4;margin:1.1rem 0 0;
  line-height:1.3}
.m-fopen .fsub{font-size:15.5px;color:#D9D2C4;margin:1rem auto 0;max-width:46ch;
  line-height:1.55}
.m-fopen .fscroll{margin-top:clamp(2rem,7vh,3.4rem);font-size:11px;
  letter-spacing:.2em;text-transform:uppercase;color:#C9C2B4}
.m-fopen .fscroll .arw{display:block;margin-top:.5rem;font-size:14px}
.m-fopen .cam{position:absolute;inset:clamp(1rem,3vw,2rem);z-index:2;pointer-events:none}
.m-fopen .cam span{position:absolute;width:16px;height:16px;
  border-color:rgba(255,255,255,.5);border-style:solid;border-width:0}
.m-fopen .cam .tl{top:0;left:0;border-top-width:1px;border-left-width:1px}
.m-fopen .cam .tr{top:0;right:0;border-top-width:1px;border-right-width:1px}
.m-fopen .cam .bl{bottom:0;left:0;border-bottom-width:1px;border-left-width:1px}
.m-fopen .cam .br{bottom:0;right:0;border-bottom-width:1px;border-right-width:1px}

/* ------------------------------------------------- 124 fear-body */
.m-fbody{display:grid;gap:1.6rem}
.m-fbody .fig{position:relative;aspect-ratio:4/5;background:var(--f-panel);
  border:1px solid var(--f-line)}
.m-fbody .fig .im{position:absolute;inset:0;height:100%;background-size:cover;
  background-position:center;filter:grayscale(1) contrast(1.08)}
.m-fbody .pt{position:absolute;transform:translate(-50%,-50%);min-width:44px;
  min-height:44px;display:grid;place-items:center}
.m-fbody .pt i{width:11px;height:11px;border-radius:50%;background:var(--f-sig);
  display:block;transition:transform var(--t-xs) var(--e)}
.m-fbody .pt span{position:absolute;left:calc(50% + 14px);white-space:nowrap;
  font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#fff;
  background:rgba(0,0,0,.72);padding:.2rem .45rem}
.m-fbody .pt.on i{transform:scale(1.5)}
.m-fbody .rd .c{display:none}
.m-fbody .rd .c.on{display:block}
.m-fbody .rd .k{font-family:var(--sans);font-size:20px;margin-bottom:.7rem}
.m-fbody .rd .says,.m-fbody .rd .truth{font-size:15.5px;line-height:1.55;
  color:var(--f-ink-dim);margin-bottom:.9rem;max-width:var(--f-measure)}
.m-fbody .rd .truth{padding-left:.9rem;border-left:1px solid var(--f-sig);
  color:var(--f-ink)}
@media(min-width:900px){.m-fbody{grid-template-columns:1fr 1fr;align-items:start}}

/* ------------------------------------------------- 125 fear-ms */
.m-fms{list-style:none;margin:0;padding:0;display:grid;gap:.9rem}
.m-fms li{display:grid;grid-template-columns:5.2rem 1fr;gap:.6rem 1rem;
  align-items:center}
.m-fms .ms{font-variant-numeric:tabular-nums;font-size:19px;text-align:right;
  color:var(--f-ink)}
.m-fms .ms i{font-style:normal;font-size:11px;color:var(--f-ink-dim);
  margin-left:.15em}
.m-fms .bar{grid-column:2;height:2px;background:var(--f-line);position:relative}
.m-fms .bar::after{content:"";position:absolute;left:0;top:0;bottom:0;
  width:var(--at);background:var(--f-sig)}
.m-fms .wt{grid-column:2;display:block}
.m-fms .wt b{font-weight:400;font-size:16px}
.m-fms .wt em{display:block;font-style:normal;font-size:13.5px;
  color:var(--f-ink-dim);margin-top:.15rem}

/* ------------------------------------------------- 126 fear-recognize */
.m-frec{display:grid;gap:.5rem}
.m-frec .it{display:grid;grid-template-columns:22px 1fr;gap:.8rem;
  align-items:start;text-align:left;padding:.75rem 0;min-height:44px;
  border-bottom:1px solid var(--f-line);font-size:16px;line-height:1.45;
  color:var(--f-ink-dim);transition:color var(--t-xs) var(--e)}
.m-frec .it i{width:18px;height:18px;border:1px solid var(--f-line-str);
  margin-top:.15rem;transition:background var(--t-xs) var(--e),
  border-color var(--t-xs) var(--e)}
.m-frec .it.on{color:var(--f-ink)}
.m-frec .it.on i{background:var(--f-sig);border-color:var(--f-sig-tx)}

/* ------------------------------------------------- 127 fear-name */
.m-fname{display:flex;flex-wrap:wrap;gap:.5rem}
.m-fname .w{border:1px solid var(--f-line-str);padding:.6rem 1rem;
  border-radius:999px;font-size:15px;min-height:44px;color:var(--f-ink-dim);
  transition:border-color var(--t-xs) var(--e),color var(--t-xs) var(--e),
  background var(--t-xs) var(--e)}
.m-fname .w.on{background:var(--f-sig);border-color:var(--f-sig-tx);color:#FFFADA}

/* ------------------------------------------------- 128 fear-split */
.m-fsplit .two{display:grid;gap:0;border-top:1px solid var(--f-line-str)}
.m-fsplit .s{padding:clamp(1.6rem,5vh,2.6rem) 0;border-bottom:1px solid var(--f-line-str)}
.m-fsplit .s .k{font-size:11px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--f-sig-tx);margin-bottom:.8rem}
.m-fsplit .s .t{font-size:clamp(1.3rem,4.4vw,1.9rem);line-height:1.25;
  letter-spacing:-.015em;max-width:var(--f-measure)}
.m-fsplit .fline{margin:1.6rem 0 0;font-size:16px;color:var(--f-ink-dim);
  max-width:var(--f-measure)}
@media(min-width:900px){
  .m-fsplit .two{grid-template-columns:1fr 1fr;gap:0 2.4rem}
  .m-fsplit .s.a{border-right:1px solid var(--f-line-str);padding-right:2.4rem}
}

/* ------------------------------------------------- 129 fear-sorter */
.m-fsort{display:grid;gap:1.1rem}
.m-fsort .cs{border:1px solid var(--f-line);padding:1rem;border-radius:10px}
.m-fsort .q{font-size:16.5px;line-height:1.5;margin-bottom:.9rem}
.m-fsort .opt{display:flex;flex-wrap:wrap;gap:.45rem}
.m-fsort .opt button{border:1px solid var(--f-line-str);padding:.55rem .9rem;
  border-radius:999px;font-size:14px;min-height:44px;color:var(--f-ink-dim);
  transition:border-color var(--t-xs) var(--e),color var(--t-xs) var(--e),
  background var(--t-xs) var(--e)}
.m-fsort .cs.done .opt button{pointer-events:none}
.m-fsort .cs.done .opt button.pick{color:var(--f-ink);border-color:var(--f-ink-dim)}
.m-fsort .cs.done .opt button.ans{background:var(--f-sig);border-color:var(--f-sig-tx);
  color:#FFFADA}
.m-fsort .why{margin-top:.9rem;padding-top:.8rem;border-top:1px solid var(--f-line);
  font-size:15px;line-height:1.55;color:var(--f-ink-dim)}

/* ------------------------------------------------- 130 fear-numbers */
.m-fnum{border-top:1px solid var(--f-line-str)}
.m-fnum .hd{display:none}
.m-fnum .r{padding:1.1rem 0;border-bottom:1px solid var(--f-line);
  display:grid;gap:.7rem}
.m-fnum .w{font-size:16px;line-height:1.45}
.m-fnum .f,.m-fnum .m{display:grid;gap:.35rem}
.m-fnum .bar{height:8px;background:var(--f-line);position:relative;display:block}
.m-fnum .bar::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--v);
  background:var(--f-ink-mute)}
.m-fnum .m .bar::after{background:var(--f-sig)}
.m-fnum b{font-weight:400;font-size:15px;font-variant-numeric:tabular-nums}
@media(min-width:760px){
  .m-fnum .hd{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.2rem;
    padding-bottom:.6rem;font-size:11px;letter-spacing:.14em;text-transform:uppercase;
    color:var(--f-ink-dim)}
  .m-fnum .r{grid-template-columns:1fr 1fr 1fr;gap:1.2rem;align-items:start}
}

/* ------------------------------------------------- 131 fear-dread */
.m-fdread .plane{position:relative;aspect-ratio:1/.72;border:1px solid var(--f-line-str);
  margin-bottom:1.2rem;background:
    linear-gradient(to right,var(--f-line) 1px,transparent 1px) 0 0/25% 100%,
    linear-gradient(to bottom,var(--f-line) 1px,transparent 1px) 0 0/100% 25%}
.m-fdread .ax{position:absolute;font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--f-ink-dim)}
.m-fdread .ax.x{bottom:-1.5rem;right:0}
.m-fdread .ax.y{top:0;left:-.2rem;transform-origin:0 0;transform:rotate(90deg) translateY(-100%)}
.m-fdread .dot{position:absolute;transform:translate(-50%,50%);display:grid;
  place-items:center}
.m-fdread .dot i{width:9px;height:9px;border-radius:50%;background:var(--f-sig);
  display:block}
.m-fdread .dot em{position:absolute;left:12px;white-space:nowrap;font-style:normal;
  font-size:12px;color:var(--f-ink-dim)}
.m-fdread .fres{margin-top:2rem}

/* ------------------------------------------------- 132 fear-dreadrisk */
.m-ffig{position:relative;overflow:hidden;isolation:isolate;min-height:78svh;
  display:grid;align-content:center;background:#16130F}
.m-ffig .im.bg{position:absolute;inset:0;height:100%;z-index:0;
  background-size:cover;background-position:center;filter:grayscale(1)}
.m-ffig::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.60) 62%,
    rgba(0,0,0,.44) 100%),rgba(0,0,0,.68)}
.m-ffig .fwrap{position:relative;z-index:2}
.m-ffig .kick{font-size:11px;letter-spacing:.22em;text-transform:uppercase;
  color:#EDE7DC}
/* Die Ziffer steht in der Anzeigeschrift wie jede Überschrift — die Groteske
   in Plakatgröße war die "andere Schriftart" (Operator 2026-09-08). */
.m-ffig .fig{font-family:var(--mark);font-weight:200;font-size:clamp(3.2rem,11vw,5.6rem);
  line-height:1;letter-spacing:-.03em;color:#fff;margin:.6rem 0 .4rem;
  font-variant-numeric:tabular-nums}
.m-ffig .cap{font-size:15px;color:#EDE7DC;max-width:46ch;line-height:1.5}
.m-ffig .ftx{color:#D9D2C4;margin-top:1.2rem}
.m-ffig .qz{color:#C2BBAD}

/* ------------------------------------------------- 133 fear-true */
.m-ftrue{list-style:none;margin:0;padding:0;display:grid;gap:.8rem}
.m-ftrue li{display:grid;grid-template-columns:auto 1fr;gap:.9rem;
  padding:.8rem 0;border-bottom:1px solid var(--f-line);align-items:baseline}
.m-ftrue b{font-weight:400;font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--f-sig-tx);white-space:nowrap}
.m-ftrue span{font-size:16px;line-height:1.5;color:var(--f-ink-dim)}

/* ------------------------------------------------- 134 fear-question */
.m-fq{list-style:none;margin:0;padding:0;counter-reset:fq;display:grid;gap:1.1rem}
.m-fq li{counter-increment:fq;display:grid;gap:.3rem;padding-left:2.2rem;
  position:relative}
.m-fq li::before{content:counter(fq,decimal-leading-zero);position:absolute;left:0;
  top:.15rem;font-size:12px;color:var(--f-sig-tx);font-variant-numeric:tabular-nums}
.m-fq .qq{font-size:17px;line-height:1.4}
.m-fq .qh{font-size:14.5px;line-height:1.5;color:var(--f-ink-dim)}

/* ------------------------------------------------- 135 limit-decoder */
.m-ldec .satz{display:grid;gap:.5rem;font-size:17px;line-height:1.6;
  margin-bottom:1.6rem}
.m-ldec .satz span{color:var(--f-ink-dim)}
.m-ldec .teile{display:grid;gap:.8rem;opacity:.5;
  transition:opacity var(--t-m) var(--e)}
.m-ldec.voll .teile{opacity:1}
.m-ldec .teile .t{border-left:2px solid var(--f-line-str);padding-left:.9rem}
.m-ldec.voll .teile .t{border-left-color:var(--f-sig-tx)}
.m-ldec .teile .k{display:block;font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--f-ink-dim);margin-bottom:.2rem}
.m-ldec .teile .q{font-size:15.5px;line-height:1.5}
@media(min-width:760px){.m-ldec .teile{grid-template-columns:1fr 1fr;gap:1.2rem}}

/* ------------------------------------------------- 136 limit-origin */
.m-lorg{display:grid;gap:1rem}
.m-lorg .o{display:grid;grid-template-columns:auto 1fr;gap:.2rem .9rem;
  padding-bottom:.9rem;border-bottom:1px solid var(--f-line)}
.m-lorg .when{font-size:12px;letter-spacing:.14em;color:var(--f-sig-tx);
  text-transform:uppercase;white-space:nowrap}
.m-lorg b{grid-column:2;font-weight:400;font-size:16px}
.m-lorg .o span:last-child{grid-column:2;font-size:15px;line-height:1.5;
  color:var(--f-ink-dim)}

/* ------------------------------------------------- 137 limit-identity */
.m-lid{display:grid;gap:.2rem;margin-bottom:1.4rem}
.m-lid .l{font-family:var(--sans);font-size:clamp(1.2rem,4vw,1.7rem);
  line-height:1.3;letter-spacing:-.015em;padding:.55rem 0;
  border-bottom:1px solid var(--f-line);color:var(--f-ink-dim)}
.m-lid .l:first-child{border-top:1px solid var(--f-line)}

/* ------------------------------------------------- 138 limit-loop */
.m-lloop{display:grid;gap:.7rem;counter-reset:ll}
.m-lloop .st{display:grid;grid-template-columns:auto 1fr;gap:.15rem .9rem;
  padding:.85rem 1rem;border:1px solid var(--f-line);border-radius:10px}
.m-lloop .no{font-size:12px;color:var(--f-sig-tx);font-variant-numeric:tabular-nums}
.m-lloop b{grid-column:2;font-weight:400;font-size:16px}
.m-lloop .st span:last-child{grid-column:2;font-size:14.5px;line-height:1.5;
  color:var(--f-ink-dim)}
/* Der Kreis schliesst sich sichtbar: das letzte Glied zeigt zurueck aufs erste. */
.m-lloop .st:last-child{border-color:var(--f-sig-tx)}

/* ------------------------------------------------- 139 limit-helpless */
.m-lturn{display:grid;gap:1.2rem;margin:1.4rem 0}
.m-lturn .then,.m-lturn .now{padding:1rem;border:1px solid var(--f-line);
  border-radius:10px;font-size:15.5px;line-height:1.55;color:var(--f-ink-dim)}
.m-lturn .now{border-color:var(--f-sig-tx);color:var(--f-ink)}
@media(min-width:760px){.m-lturn{grid-template-columns:1fr 1fr}}

/* ------------------------------------------------- 140 limit-prophecy */
.m-lchain{display:grid;gap:0;margin:1.2rem 0}
.m-lchain .c{display:grid;grid-template-columns:auto 1fr;gap:.9rem;
  padding:.85rem 0;border-bottom:1px solid var(--f-line);align-items:baseline}
.m-lchain .no{font-size:12px;color:var(--f-sig-tx);font-variant-numeric:tabular-nums}
.m-lchain .c span:last-child{font-size:16px;line-height:1.5}

/* ------------------------------------------------- 141 limit-inventory */
.m-linv{display:grid;gap:.9rem}
.m-linv .row{display:grid;grid-template-columns:1.6rem 1fr;gap:.8rem;
  align-items:center}
.m-linv .no{font-size:12px;color:var(--f-sig-tx);font-variant-numeric:tabular-nums}

/* ------------------------------------------------- 142 myth-switch */
.m-mswitch .seg{display:inline-flex;border:1px solid var(--f-line-str);
  border-radius:999px;overflow:hidden;margin-bottom:1.2rem}
.m-mswitch .seg button{padding:.6rem 1.2rem;font-size:14px;min-height:44px;
  color:var(--f-ink-dim);transition:background var(--t-xs) var(--e),
  color var(--t-xs) var(--e)}
.m-mswitch .seg button.on{background:var(--f-sig);color:#FFFADA}
.m-mswitch .pn{display:none;font-size:16.5px;line-height:1.6;
  max-width:var(--f-measure);color:var(--f-ink-dim)}
.m-mswitch .pn.on{display:block}
.m-mswitch .pn.check{color:var(--f-ink)}
.fear-page .fkeep{margin-top:1.4rem;padding-top:.9rem;
  border-top:1px solid var(--f-line);font-size:15.5px;line-height:1.55;
  max-width:var(--f-measure);color:var(--f-ink-dim)}

/* ------------------------------------------------- 143-145 myth-case */
.m-mcase .grid{display:grid;gap:1.6rem}
.m-mcase .pic{position:relative}
.m-mcase .pic .im{display:block;width:100%;aspect-ratio:4/5;background-size:cover;
  background-position:center;filter:grayscale(1) contrast(1.06)}
.m-mcase .pic .cap{display:block;margin-top:.5rem;font-size:12px;
  color:var(--f-ink-dim);line-height:1.4}
.m-mcase .kick{font-size:11px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--f-sig-tx);margin-bottom:.5rem}
.m-mcase .blk{margin-bottom:1.1rem;font-size:16px;line-height:1.6;
  color:var(--f-ink-dim);max-width:var(--f-measure)}
.m-mcase .blk.chk{color:var(--f-ink);padding-left:.9rem;
  border-left:2px solid var(--f-sig)}
.m-mcase .blk.keep{padding-top:.9rem;border-top:1px solid var(--f-line)}
.m-mcase .nums{display:grid;gap:.6rem;margin:1.1rem 0}
.m-mcase .nums .n{display:grid;grid-template-columns:4.2rem 1fr;gap:.8rem;
  align-items:baseline;font-size:15px}
.m-mcase .nums b{font-weight:400;color:var(--f-sig-tx);font-variant-numeric:tabular-nums}
.m-mcase .nums span{color:var(--f-ink-dim);line-height:1.45}
@media(min-width:900px){
  .m-mcase .grid{grid-template-columns:.85fr 1fr;gap:2.4rem;align-items:start}
}

/* ------------------------------------------------- 146 myth-mirror */
.m-mmir{display:grid;gap:1rem}
.m-mmir .pr{display:grid;gap:.5rem;padding:1rem 0;
  border-bottom:1px solid var(--f-line)}
.m-mmir .big{font-size:16px;color:var(--f-ink-dim);line-height:1.45}
.m-mmir .ar{width:100%;height:1px;background:var(--f-line-str);position:relative}
.m-mmir .ar::after{content:"";position:absolute;left:0;top:0;width:2.2rem;height:1px;
  background:var(--f-sig)}
.m-mmir .small{font-size:17px;line-height:1.45;color:var(--f-ink)}
@media(min-width:760px){
  .m-mmir .pr{grid-template-columns:1fr 3rem 1fr;gap:1.2rem;align-items:center}
  .m-mmir .ar{height:1px;align-self:center}
}

/* ------------------------------------------------- 147 myth-yours */
.m-myrs input{font-size:19px}

/* ------------------------------------------------- 148/165 Bilanz-Tabellen */
.m-mseam,.m-ptab{display:grid;gap:0;border-top:1px solid var(--f-line-str)}
.m-mseam .r,.m-ptab .r{display:grid;gap:.45rem;padding:1rem 0;
  border-bottom:1px solid var(--f-line)}
.m-mseam .cl,.m-ptab .cl{font-size:16px;line-height:1.45}
.m-mseam .nt,.m-ptab .nt{font-size:14.5px;line-height:1.5;color:var(--f-ink-dim)}
.m-mseam .gr,.m-ptab .gr{justify-self:start;font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;padding:.28rem .6rem;border:1px solid var(--f-line-str);
  border-radius:999px;color:var(--f-ink-dim)}
.m-mseam .gr.g-fest,.m-ptab .gr.g-fest{border-color:var(--f-sig-tx);color:var(--f-ink)}
.m-mseam .gr.g-offen,.m-ptab .gr.g-offen{border-style:dashed}
@media(min-width:760px){
  .m-mseam .r,.m-ptab .r{grid-template-columns:1fr 8rem 1fr;gap:1.2rem;
    align-items:start}
  .m-mseam .gr,.m-ptab .gr{justify-self:start}
}

/* ------------------------------------------------- 149 belief-what */
.m-bwhat{display:grid;gap:1.2rem;margin-top:1.4rem}
.m-bwhat .is{padding-left:.9rem;border-left:2px solid var(--f-sig);
  font-size:17px;line-height:1.55}
.m-bwhat .isnt ul{margin:.3rem 0 0;padding-left:1.1rem}
.m-bwhat .isnt li{font-size:15.5px;line-height:1.55;color:var(--f-ink-dim);
  margin-bottom:.3rem}
@media(min-width:760px){.m-bwhat{grid-template-columns:1fr 1fr;gap:2rem}}

/* ------------------------------------------------- 150 belief-sources */
.m-bsrc{display:grid;gap:.8rem}
.m-bsrc .c{border:1px solid var(--f-line);border-radius:10px;padding:1rem;
  display:grid;gap:.35rem}
.m-bsrc .no{font-size:12px;color:var(--f-sig-tx);font-variant-numeric:tabular-nums}
.m-bsrc b{font-weight:400;font-size:17px}
.m-bsrc .wt{font-size:14.5px;line-height:1.5;color:var(--f-ink-dim)}
.m-bsrc .do{font-size:14.5px;line-height:1.5;padding-top:.5rem;
  border-top:1px solid var(--f-line)}
@media(min-width:760px){.m-bsrc{grid-template-columns:1fr 1fr}}

/* ------------------------------------------------- 151 belief-mastery */
.m-bmast{list-style:none;margin:1.2rem 0;padding:0;counter-reset:bm;
  display:grid;gap:.6rem}
.m-bmast li{counter-increment:bm;position:relative;padding:.7rem 0 .7rem 2.4rem;
  border-bottom:1px solid var(--f-line);font-size:16px;line-height:1.5}
.m-bmast li::before{content:counter(bm);position:absolute;left:0;top:.75rem;
  font-size:12px;color:var(--f-sig-tx);font-variant-numeric:tabular-nums}

/* ------------------------------------------------- 152 belief-vicarious */
.m-bvic{display:grid;gap:1.4rem}
.m-bvic .pp{display:grid;grid-template-columns:5.5rem 1fr;gap:1rem;
  align-items:start}
.m-bvic .im{display:block;width:100%;aspect-ratio:4/5;background-size:cover;
  background-position:center;filter:grayscale(1)}
.m-bvic b{font-weight:400;font-size:16px;display:block}
.m-bvic .tx span{display:block;font-size:14.5px;line-height:1.5;
  color:var(--f-ink-dim);margin:.2rem 0 .5rem}
.m-bvic .tx em{font-style:normal;display:block;font-size:16px;line-height:1.45;
  padding-left:.8rem;border-left:2px solid var(--f-sig)}

/* ------------------------------------------------- 153 belief-reappraise */
.m-brea .swap{display:flex;align-items:center;gap:1rem;margin-bottom:1.4rem;
  flex-wrap:wrap}
.m-brea .from,.m-brea .to{font-family:var(--sans);font-size:clamp(1.4rem,5vw,2rem);
  letter-spacing:-.02em}
.m-brea .from{color:var(--f-ink-dim);text-decoration:line-through;
  text-decoration-color:var(--f-sig-tx)}
.m-brea .ar{width:2.4rem;height:1px;background:var(--f-sig)}
.m-brea .say{font-size:16px;line-height:1.55;color:var(--f-ink-dim);
  max-width:var(--f-measure);margin-bottom:.9rem}
.m-brea .ws{display:flex;flex-wrap:wrap;gap:.5rem}
.m-brea .ws .w{border:1px solid var(--f-line-str);padding:.6rem 1rem;
  border-radius:999px;font-size:15px;min-height:44px;color:var(--f-ink-dim);
  transition:background var(--t-xs) var(--e),color var(--t-xs) var(--e),
  border-color var(--t-xs) var(--e)}
.m-brea .ws .w.on{background:var(--f-sig);border-color:var(--f-sig-tx);color:#FFFADA}

/* ------------------------------------------------- 154 belief-breath */
.m-bbre{display:grid;gap:1rem;justify-items:center;text-align:center;
  margin:1.6rem 0}
.m-bbre .ring{width:min(220px,58vw);aspect-ratio:1;border:1px solid var(--f-line-str);
  border-radius:50%;display:grid;place-items:center;position:relative}
.m-bbre .ring .fill{position:absolute;inset:8px;border-radius:50%;
  background:var(--f-sig);opacity:.16;transform:scale(.55)}
.m-bbre .ring .lbl{position:relative;font-size:12px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--f-ink-dim)}
.m-bbre.laeuft .ring .lbl{display:none}
.m-bbre .go{border:1px solid var(--f-line-str);border-radius:999px;
  padding:.6rem 1.4rem;font-size:14px;min-height:44px}
.m-bbre .cnt2{display:flex;gap:.6rem;align-items:baseline;font-size:14px;
  color:var(--f-ink-dim);min-height:1.4em}
.m-bbre .sec{font-variant-numeric:tabular-nums}

/* ------------------------------------------------- 155 belief-scale */
.m-bscl{margin:1.4rem 0}
.m-bscl input[type="range"]{width:100%;accent-color:var(--f-sig-tx);min-height:44px}
.m-bscl .marks{display:flex;justify-content:space-between;font-size:12px;
  color:var(--f-ink-dim);margin-top:.2rem}
.m-bscl .val{margin-top:.8rem;display:flex;align-items:baseline;gap:.35rem}
.m-bscl .val b{font-weight:400;font-size:2.2rem;font-variant-numeric:tabular-nums}
.m-bscl .val span{font-size:14px;color:var(--f-ink-dim)}

/* ------------------------------------------------- 156 belief-stronger */
.m-bstr{position:relative;overflow:hidden;isolation:isolate;background:#16130F}
.m-bstr .im.bg{position:absolute;inset:0;height:100%;z-index:0;
  background-size:cover;background-position:center;filter:grayscale(1)}
.m-bstr::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(110% 68% at 50% 50%,rgba(0,0,0,.70) 0%,
    rgba(0,0,0,.58) 46%,rgba(0,0,0,.38) 100%),rgba(0,0,0,.68)}
.m-bstr .fwrap{position:relative;z-index:2}
.m-bstr .line{font-family:var(--sans);font-weight:400;
  font-size:clamp(1.7rem,6vw,2.7rem);line-height:1.2;letter-spacing:-.025em;
  color:#fff;margin:0 0 1.2rem;max-width:20ch}
.m-bstr .ftx{color:#D9D2C4}

/* ------------------------------------------------- 157 meter-one */
.m-mone input{font-size:20px}
.m-mone .hint{display:block;margin-top:.6rem;font-size:14px;
  color:var(--f-ink-dim)}

/* ------------------------------------------------- 158 meter-small */
.m-msml{display:grid;gap:.9rem;margin:1.2rem 0}
.m-msml .ex{display:grid;gap:.3rem;padding:.9rem 0;
  border-bottom:1px solid var(--f-line)}
.m-msml .big{font-size:15px;color:var(--f-ink-dim);line-height:1.45}
.m-msml .sm{font-size:16.5px;line-height:1.45;padding-left:.8rem;
  border-left:2px solid var(--f-sig)}

/* ------------------------------------------------- 159 meter-ifthen */
.m-mif .card{border:1px solid var(--f-line-str);border-radius:14px;
  padding:1.2rem;display:grid;gap:1rem;margin-bottom:1.2rem}
.m-mif .ln{display:grid;gap:.3rem}
.m-mif .ln .k{font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--f-sig-tx)}
.m-mif .egs{display:flex;flex-wrap:wrap;gap:.5rem}
.m-mif .eg{border:1px solid var(--f-line);padding:.55rem .9rem;border-radius:999px;
  font-size:13.5px;min-height:44px;color:var(--f-ink-dim);text-align:left;
  transition:border-color var(--t-xs) var(--e),color var(--t-xs) var(--e)}
.m-mif .eg:hover{border-color:var(--f-sig-tx);color:var(--f-ink)}

/* ------------------------------------------------- 160 meter-fearset */
.m-mfs{display:grid;gap:1rem}
.m-mfs .c{display:grid;gap:.35rem}
.m-mfs .no{font-size:12px;color:var(--f-sig-tx);font-variant-numeric:tabular-nums}
.m-mfs b{font-weight:400;font-size:16px}
.m-mfs .q{font-size:14.5px;line-height:1.5;color:var(--f-ink-dim);
  margin-bottom:.3rem}
@media(min-width:900px){.m-mfs{grid-template-columns:repeat(3,1fr);gap:1.4rem}}

/* ------------------------------------------------- 161 meter-notdoing */
.m-mnot{display:grid;gap:0;margin:1.2rem 0;border-top:1px solid var(--f-line-str)}
.m-mnot .r{display:grid;grid-template-columns:6.5rem 1fr;gap:1rem;padding:.95rem 0;
  border-bottom:1px solid var(--f-line);align-items:baseline}
.m-mnot .sp{font-size:13px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--f-sig-tx)}
.m-mnot .wt{font-size:16px;line-height:1.5}

/* ------------------------------------------------- 162 meter-ladder */
.m-mlad{display:grid;gap:.9rem;margin:1.2rem 0}
.m-mlad .st{display:grid;grid-template-columns:1.6rem 1fr;gap:.8rem;
  align-items:center}
.m-mlad .no{font-size:12px;color:var(--f-sig-tx);font-variant-numeric:tabular-nums}

/* ------------------------------------------------- 164 meter-again */
.m-magn{display:flex;align-items:flex-end;gap:.6rem;height:180px;margin:1.4rem 0;
  border-bottom:1px solid var(--f-line-str);padding-bottom:.2rem}
.m-magn .b{flex:1;display:grid;align-content:end;justify-items:center;gap:.4rem;
  height:100%}
.m-magn .b::before{content:"";display:block;width:100%;height:var(--h);
  background:var(--f-sig);opacity:.85;order:2}
.m-magn .v{order:1;font-size:13px;color:var(--f-ink-dim);
  font-variant-numeric:tabular-nums}
.m-magn .l{order:3;font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--f-ink-dim);position:absolute;transform:translateY(1.3rem)}
.m-magn .b{position:relative}

/* ------------------------------------------------- 166 proof-sources */
.m-psrc{list-style:none;margin:1.2rem 0 0;padding:0;display:grid;gap:.9rem}
.m-psrc li{display:grid;grid-template-columns:2rem 1fr;gap:.2rem .8rem;
  padding-bottom:.85rem;border-bottom:1px solid var(--f-line)}
.m-psrc .n{font-size:12px;color:var(--f-sig-tx);font-variant-numeric:tabular-nums}
.m-psrc .wk{grid-column:2;font-size:15px;line-height:1.45}
.m-psrc .wk b{font-weight:400}
.m-psrc .wt{grid-column:2;font-size:14px;line-height:1.5;color:var(--f-ink-dim)}

/* ------------------------------------------------- 167 proof-tools */
.m-ptool{display:grid;gap:.8rem}
.m-ptool .t{border:1px solid var(--f-line);border-radius:10px;padding:1rem;
  display:grid;gap:.3rem}
.m-ptool b{font-weight:400;font-size:16px}
.m-ptool .wh{font-size:14.5px;line-height:1.5;color:var(--f-ink-dim)}
.m-ptool .wy{font-size:14.5px;line-height:1.5;padding-top:.5rem;
  border-top:1px solid var(--f-line)}
@media(min-width:760px){.m-ptool{grid-template-columns:1fr 1fr}}

/* ------------------------------------------------- 168 proof-not */
.m-pnot{display:grid;gap:0;border-top:1px solid var(--f-line-str)}
.m-pnot .r{display:grid;gap:.3rem;padding:.95rem 0;
  border-bottom:1px solid var(--f-line)}
.m-pnot b{font-weight:400;font-size:16px}
.m-pnot .r span{font-size:14.5px;line-height:1.5;color:var(--f-ink-dim)}

/* ------------------------------------------------- 169 hand-mirror */
.m-hmir .kick{font-size:11px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--f-sig-tx);margin-bottom:1.4rem}
.m-hmir blockquote{margin:0 0 1.6rem;padding:0}
.m-hmir .s{display:block;font-family:var(--sans);font-weight:400;
  font-size:clamp(1.5rem,5.4vw,2.3rem);line-height:1.22;letter-spacing:-.025em;
  margin-bottom:1rem}
.m-hmir .w{display:block;font-size:clamp(1.05rem,3.6vw,1.35rem);line-height:1.45;
  color:var(--f-ink-dim)}
.m-hmir .w em{font-style:normal;color:var(--f-sig-tx)}
.m-hmir .off{color:var(--f-ink-dim)}

/* ------------------------------------------------- 170 hand-equipment */
.m-heq{display:grid;gap:0;margin-top:1.2rem;border-top:1px solid var(--f-line-str)}
.m-heq .e{display:grid;grid-template-columns:8rem 1fr;gap:1rem;padding:.95rem 0;
  border-bottom:1px solid var(--f-line);align-items:baseline}
.m-heq b{font-weight:400;font-size:13px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--f-sig-tx)}
.m-heq .e span:last-child{font-size:16px;line-height:1.5}
@media(max-width:600px){.m-heq .e{grid-template-columns:1fr;gap:.25rem}}

/* ------------------------------------------------- 171 hand-signature */
.m-hsig .steps{display:flex;flex-wrap:wrap;align-items:baseline;gap:1rem 1.4rem;
  margin-bottom:1.4rem}
/* Die Verdichtung der Wahl-Seite, hier als Schluss: das Wort wird zum Kuerzel.
   Anzeigeschrift, also gilt der Mindestwert von 40px ohne Ausnahme. */
.m-hsig .steps .s{font-family:var(--mark);font-weight:200;text-transform:uppercase;
  font-size:clamp(2.5rem,9vw,4rem);line-height:1;letter-spacing:-.035em;
  color:var(--f-ink-dim)}
.m-hsig .steps .s:last-child{color:var(--f-ink);font-weight:400}

/* ------------------------------------------------- 172 hand-believe */
.m-hbel{position:relative;overflow:hidden;isolation:isolate;background:#141311;
  text-align:center}
.m-hbel .im.bg{position:absolute;inset:0;height:100%;z-index:0;
  background-size:cover;background-position:center;filter:grayscale(1)}
.m-hbel::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(120% 74% at 50% 50%,rgba(0,0,0,.72) 0%,
    rgba(0,0,0,.60) 44%,rgba(0,0,0,.40) 100%),rgba(0,0,0,.70)}
.m-hbel .fwrap{position:relative;z-index:2}
.m-hbel .line{font-family:var(--sans);font-weight:400;
  font-size:clamp(1.4rem,5vw,2.1rem);line-height:1.28;letter-spacing:-.02em;
  color:#fff;margin:0 auto 2rem;max-width:26ch}
/* Der Eingang steht immer offen. Er sieht nur dann aus wie einer, wenn der
   eigene Satz steht — ein Schloss waere eine Erpressung, kein Anlass. */
.m-hbel .ent{display:inline-block;padding:.9rem 2.2rem;border:1px solid rgba(255,255,255,.5);
  color:#fff;font-size:13px;letter-spacing:.18em;text-transform:uppercase;
  text-decoration:none;border-radius:999px;min-height:44px;
  transition:background var(--t-s) var(--e),color var(--t-s) var(--e),
  border-color var(--t-s) var(--e)}
.m-hbel.auf .ent{background:var(--f-sig);border-color:var(--f-sig-tx);color:#FFFADA}
.m-hbel .ent:hover{background:#fff;color:#16130F;border-color:#fff}
.m-hbel .alt{margin-top:1.6rem;font-size:12px;letter-spacing:.1em;color:#C9C2B4}
.m-hbel .alt a{color:#EDE7DC;border-bottom-color:rgba(255,255,255,.5)}
.m-hbel .fnote{border-top-color:rgba(255,255,255,.2);color:#C2BBAD;
  margin-left:auto;margin-right:auto;text-align:left}

/* ================================================== KATALOG-ANSICHT */
.fear-page.kat .fmod{padding-top:1.4rem}
.fear-page.kat .m-fopen,
.fear-page.kat .m-fsplit,
.fear-page.kat .m-bstr,
.fear-page.kat .m-hmir,
.fear-page.kat .m-hbel{min-height:0;padding:clamp(2.4rem,8vh,4rem) 0}
.fear-page.kat .fslot{border-top:1px solid var(--f-line);
  padding-top:clamp(2rem,5vh,3rem);margin-top:clamp(2rem,5vh,3rem)}
.fear-page.kat .kopfz{margin-bottom:1.4rem}
.fear-page.kat .eyebrow{color:var(--f-ink-dim)}
.fear-page.kat .eyebrow .no{color:var(--f-sig-tx)}
.fear-page.kat .spec{font-size:13.5px;line-height:1.5;color:var(--f-ink-dim);
  margin-top:.35rem;max-width:var(--f-measure)}
.fear-page.kat .spec b{font-weight:400;color:var(--f-ink);margin-right:.4em}

/* ============================================ FREMDES CHROME AUF DIESER SEITE */
/* Die Einwilligungsleiste bringt ihre eigene Flaeche mit. Erbt sie die
   Schriftfarbe der Kapitelstufe, steht auf der letzten Stufe dunkle Schrift auf
   dunkler Leiste — gemessen 1,00:1. Also traegt sie den Hauswert. */
/* Nur der Behaelter wird gesetzt. Ein pauschales color:inherit auf alle Kinder
   haette den Hauptknopf mitgenommen, der bewusst umgekehrt eingefaerbt ist —
   die Wache hat genau das sofort gemeldet (1,00:1 auf sich selbst). */
.fear-page .zzc{color:var(--ink)}

/* Antwort je Wort: die gemeinsame Zeile steht unter der eigenen. */
.fear-page .fres .fres-wort{display:block;margin-bottom:.5rem}
.fear-page .fres .fres-alle{display:block;color:var(--f-ink-dim)}