/* NAP-WEB-AUSBAU-KETTE-2 N3 §1a Nr. 1 — gemeinsames Stylesheet der Website, aus Designkonzept F6 übernommen
   (docs/_eingang/NAP_WEB_DESIGNKONZEPT_ERWEITERT_F6_03102026.html, <style> 1+2): Variablen, Typografie, Abstände und
   Komponenten wörtlich in F6-Reihenfolge. Abweichungen: Schriften vom eigenen Server statt Google Fonts (T-13, OFL:
   /assets/fonts/OFL-NOTICE.txt); --dim #8b93a1 statt #6b7280 (U-5, Kontrast); Konzept-Teile entfallen (Konzeptleiste,
   Konzept-Schalter, Seitenbaum, Crawler-Sicht, Quellen-Abzeichen, Demo-Weg, Präsentationsansicht, Orbit-Bühne → orbit.css).
   Kopf und Fuß stehen mit ihren Stilen in den Teil-Templates vorlagen/_kopf.html und vorlagen/_fuss.html.j2 — eine
   Quelle für die Website und web/index.html, die dieses Stylesheet nicht lädt (byte-gleich, Test). Website-Zusätze
   (Seiten, die F6 nicht kennt) stehen gesammelt unter „Website“, die Abschnitte je Seitentyp am Ende. */
/* latin */
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/bebas-neue-v16-latin-400.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;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/fonts/dm-sans-v17-latin-italic-300.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;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/fonts/dm-sans-v17-latin-wght.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;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/dm-sans-v17-latin-wght.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;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/dm-sans-v17-latin-wght.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;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/dm-sans-v17-latin-wght.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;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/fonts/jetbrains-mono-v24-latin-wght.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;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/jetbrains-mono-v24-latin-wght.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;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/jetbrains-mono-v24-latin-wght.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;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/jetbrains-mono-v24-latin-wght.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;
}

/* ===== F6 · Grundlage ===== */
:root{
  --bg:#0a0e14;--surface:#111720;--surface-2:#161d28;--surface-3:#1d2634;
  --text:#e8eaed;--mid:#9ca3af;--dim:#8b93a1;
  --line:rgba(255,255,255,0.07);--line2:rgba(255,255,255,0.12);
  --pulse:#5ba4c9;--electric:#7dd3fc;--gold:#c9a84c;--green:#4ade80;--red:#f87171;
  --mono:'JetBrains Mono',monospace;--head:'Bebas Neue',sans-serif;--body:'DM Sans',sans-serif;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:15px;line-height:1.5;overflow-x:hidden}
a{color:var(--electric)}
button{font-family:inherit}
img,svg{max-width:100%}
h1,h2,h3{text-wrap:balance}

/* ===== F6 · Seitenkopf (Orbit u. a.) ===== */
.hero{max-width:1360px;margin:0 auto;padding:46px 28px 6px;text-align:center}
.kick{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--pulse)}
.hero h1{font-family:var(--head);font-weight:400;font-size:clamp(40px,6.4vw,74px);line-height:.98;margin:10px 0 12px;letter-spacing:.01em}
.hero h1 em{font-style:normal;color:var(--pulse)}
.hero p{max-width:680px;margin:0 auto;color:var(--mid);font-size:16px}

/* ---------- Seite darunter ---------- */
.wrap{max-width:1180px;margin:0 auto;padding:10px 20px 80px}
.feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:44px 0 0}
.feat div{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 20px}
.feat h3{font-family:var(--head);font-weight:400;font-size:26px;letter-spacing:.03em;margin:0 0 4px}
.feat p{margin:0;color:var(--mid);font-size:14px}
.compl{font-family:var(--mono);font-size:10.5px;color:var(--dim);letter-spacing:.04em;text-align:center;margin:26px 0 0}

/* ---------- Seiten ---------- */
.pg{min-height:70vh}
.pg .pw{max-width:1180px;margin:0 auto;padding:0 16px 30px}
.pg a{text-decoration:none}
.pg .mono{font-family:var(--mono)}
.pg .bc{font:500 12px var(--mono);color:var(--dim);padding:20px 0 6px}
.pg .bc a{color:var(--mid)}
.pg .phd{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap;padding:8px 0 18px;border-bottom:1px solid var(--line)}
.pg .pcoin{width:58px;height:58px;border-radius:50%;border:2.5px solid var(--pulse);padding:3px;background:#0b1017;flex:none;box-shadow:0 0 24px rgba(91,164,201,.25)}
.pg .pcoin img{width:100%;height:100%;border-radius:50%;display:block}
.pg .pcoin.s{width:24px;height:24px;border-width:1.5px;padding:1.5px;box-shadow:none}
.pg .pemb{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;flex:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 24px rgba(91,164,201,.25)}
.pg .pemb img{width:30px;height:30px}
.pg .phd h1{font-family:var(--head);font-weight:400;font-size:clamp(34px,5vw,50px);letter-spacing:.02em;margin:0;line-height:1}
.pg .phd h1 small{font-family:var(--mono);font-size:15px;color:var(--mid);letter-spacing:0;margin-left:8px}
.pg .pchips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.pg .pchip{border:1px solid var(--line2);border-radius:999px;padding:3px 10px;font:500 11.5px var(--mono);color:var(--mid);display:inline-flex;align-items:center;gap:6px}
.pg a.pchip:hover{border-color:var(--pulse);color:var(--electric)}
.pg .pchip.n{border-color:rgba(91,164,201,.55);color:var(--electric)}
.pg .pchip.e{border-color:rgba(201,168,76,.45);color:var(--gold)}
.pg .px{margin-left:auto;text-align:right}
.pg .px .p{font:600 34px var(--mono);line-height:1.1}
.pg .px .d{font:600 14px var(--mono)}
.pg .px .s{font:500 11.5px var(--mono);color:var(--dim);margin-top:4px}
.pg .pu{color:var(--green)}.pg .pd{color:var(--red)}.pg .gd{color:var(--gold)}.pg .mi{color:var(--pulse)}.pg .dm{color:var(--mid)}
.pg .grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;padding:22px 0 10px}
.pg .card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin-bottom:18px}
.pg .card h2{font-size:17px;margin:0 0 4px;font-weight:600}
.pg .card .sub{font:500 11.5px var(--mono);color:var(--dim);margin-bottom:12px}
.pg .tag{font:500 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pulse)}
.pg .snap{border-color:rgba(91,164,201,.35);background:linear-gradient(180deg,rgba(91,164,201,.08),rgba(17,23,32,1) 60%)}
.pg .snap p.lead{font-size:16.5px;margin:6px 0 14px}
.pg .kp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.pg .kp div{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;min-width:0}
.pg .kp small{display:block;font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.pg .kp b{font:600 17px var(--mono);white-space:nowrap}
.pg .kp i{font-style:normal;font:500 11px var(--mono);display:block;color:var(--mid)}
.pg .pgap{display:flex;gap:16px;align-items:center;flex-wrap:wrap;border:1px dashed rgba(201,168,76,.5);background:repeating-linear-gradient(45deg,rgba(201,168,76,.05) 0 2px,transparent 2px 9px),rgba(201,168,76,.04)}
.pg .pgap .t{flex:1;min-width:230px}
.pg .pgap .t b{color:var(--gold)}
.pg .pgap .bt{display:flex;gap:8px;flex-wrap:wrap}
.pg .btn{display:inline-block;padding:10px 16px;border-radius:8px;font-weight:600;font-size:13.5px;text-align:center;cursor:pointer;border:0;font-family:var(--body)}
.pg .btn.p{background:var(--pulse);color:#0a0e14}
.pg .btn.o{border:1px solid var(--line2);color:var(--text);background:none}
.pg .prng{margin:6px 0 16px}
.pg .prng .bar{position:relative;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--surface-3),var(--pulse))}
.pg .prng .kn{position:absolute;top:-5px;width:2px;height:16px;background:var(--text)}
.pg .prng .lb{display:flex;justify-content:space-between;font:500 11.5px var(--mono);color:var(--mid);margin-top:6px}
.pg table{width:100%;border-collapse:collapse}
.pg table.mkv{font-size:14px}
.pg table.mkv td{padding:9px 0;border-top:1px solid var(--line)}
.pg table.mkv td:last-child{text-align:right;font-family:var(--mono)}
.pg table.mkv td small,.pg .na{color:var(--dim);font-family:var(--mono);font-size:11px}
.pg .perf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}
.pg .perf div{background:var(--surface-2);border-radius:8px;padding:8px;text-align:center}
.pg .perf small{display:block;font:500 10.5px var(--mono);color:var(--dim)}
.pg .perf b{font:600 14px var(--mono)}
.pg .chart svg{width:100%;height:auto;display:block}
.pg .lgnd{display:flex;gap:8px 16px;flex-wrap:wrap;font:500 11.5px var(--mono);color:var(--mid);margin-top:8px}
.pg .lgnd i{display:inline-block;width:14px;height:3px;border-radius:2px;margin-right:6px;vertical-align:middle}
.pg .pbars .r{display:grid;grid-template-columns:80px 1fr 50px;gap:10px;align-items:center;font:500 12.5px var(--mono);margin:8px 0}
.pg .pbars .r span:first-child{color:var(--mid)}
.pg .pbars .t{height:8px;border-radius:4px;background:var(--surface-3);overflow:hidden}
.pg .pbars .t i{display:block;height:100%;background:linear-gradient(90deg,var(--pulse),var(--electric))}
.pg .pbars .r span:last-child{text-align:right}
.pg .pth{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pg .pth.one{grid-template-columns:1fr}
.pg .pth .col h3{font:600 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px}
.pg .pth .it{background:var(--surface-2);border-radius:10px;padding:10px 12px;margin-bottom:8px;font-size:13.5px}
.pg .pth .it b{font-family:var(--mono);float:right;margin-left:8px}
.pg .lk{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.pg .lk a,.pg .lk span.x{border:1px solid var(--line2);border-radius:8px;padding:6px 11px;font-size:13px;color:var(--text);display:inline-flex;align-items:center;gap:6px}
.pg .lk a:hover{border-color:var(--pulse)}
.pg .lk small{width:100%;font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-top:4px}
.pg details{border-top:1px solid var(--line);padding:12px 0}
.pg details summary{cursor:pointer;font-weight:600;list-style:none}
.pg details summary::-webkit-details-marker{display:none}
.pg details summary::after{content:"+";float:right;color:var(--pulse)}
.pg details[open] summary::after{content:"–"}
.pg details p{margin:8px 0 0;color:var(--mid)}
.pg .tw{overflow-x:auto;scrollbar-width:thin}
.pg table.sim{font-size:13.5px}
.pg table.sim th{font:500 10.5px var(--mono);color:var(--dim);text-align:right;padding:6px 6px;white-space:nowrap}
.pg table.sim th:first-child,.pg table.sim td:first-child{text-align:left}
.pg table.sim td{padding:9px 6px;border-top:1px solid var(--line);text-align:right;font-family:var(--mono);white-space:nowrap}
.pg table.sim td:first-child{font-family:var(--body)}
.pg table.sim td .cn{display:inline-flex;align-items:center;gap:8px;color:var(--text)}
.pg table.sim td .cn small{color:var(--dim)}
.pg table.sim tr.lnk{cursor:pointer}
.pg table.sim tr.lnk:hover td{background:rgba(91,164,201,.06)}
.pg table.sim th.s{cursor:pointer;user-select:none}
.pg table.sim th.s:hover,.pg table.sim th.on{color:var(--electric)}
.pg .side{position:sticky;top:78px;align-self:start}
.pg .tgc{background:linear-gradient(160deg,#16283a,#111720 70%);border:1px solid rgba(91,164,201,.4);border-radius:14px;padding:18px;margin-bottom:14px}
.pg .tgc h3{font-family:var(--head);font-weight:400;font-size:26px;letter-spacing:.03em;margin:0 0 6px;line-height:1.05}
.pg .tgc ul{padding-left:18px;margin:8px 0 14px;color:var(--mid);font-size:13.5px}
.pg .tgc .btn{display:block;margin-top:8px}
.pg .tgc .ck{display:block;font:500 10px var(--mono);color:var(--dim);margin-top:4px;text-align:center}
.pg .scard{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:14px;display:block;color:var(--text)}
.pg a.scard:hover{border-color:var(--pulse)}
.pg .scard small{display:block;font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-bottom:3px}
.pg .scard b{font-size:14.5px}
.pg .close{color:var(--mid);font-size:14px}
.pg .cl{font:500 12px var(--mono);color:var(--mid);margin-top:14px}
.pg .pwarn{border:1px solid rgba(201,168,76,.5);background:rgba(201,168,76,.08);border-radius:12px;padding:14px 16px;margin:18px 0 0}
.pg .pwarn b{color:var(--gold)}
.pg .pinfo{border:1px solid rgba(91,164,201,.45);background:rgba(91,164,201,.07);border-radius:12px;padding:12px 16px;margin:16px 0 0;font-size:14px}
.pg .pinfo b{color:var(--electric)}
.pg table.lv{font-size:14px}
.pg table.lv th{font:500 10.5px var(--mono);color:var(--dim);text-align:left;padding:6px 4px}
.pg table.lv td{padding:10px 4px;border-top:1px solid var(--line)}
.pg table.lv td.n{font-family:var(--mono);text-align:right}
.pg .lvbar{height:6px;border-radius:3px;background:var(--surface-3);margin-top:5px}
.pg .lvbar i{display:block;height:100%;border-radius:3px;background:var(--gold)}
.pg .chk{list-style:none;padding:0;margin:0}
.pg .chk li{padding:9px 0 9px 28px;border-top:1px solid var(--line);position:relative;font-size:14px}
.pg .chk li::before{content:"?";position:absolute;left:0;top:9px;width:18px;height:18px;border-radius:50%;border:1px solid var(--pulse);color:var(--pulse);font:600 11px var(--mono);display:grid;place-items:center}
.pg .gate{border:1px dashed rgba(248,113,113,.55);background:rgba(248,113,113,.06);border-radius:12px;padding:12px 16px;font-size:13.5px;color:var(--mid)}
.pg .gate b{color:var(--red);font:600 10.5px var(--mono);letter-spacing:.1em;display:block;margin-bottom:3px}
.pg .ncards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;padding:22px 0 10px}
.pg .ncard{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px;color:var(--text);transition:border-color .2s,transform .2s}
.pg .ncard:hover{border-color:var(--pulse);transform:translateY(-2px)}
.pg .ncard .h{display:flex;gap:12px;align-items:center}
.pg .ncard .h b{font-size:16px}
.pg .ncard .m{font:500 11.5px var(--mono);color:var(--mid)}
.pg .ncard .cs{display:flex;gap:4px;flex-wrap:wrap}
.pg .ncard .cs img{width:20px;height:20px;border-radius:50%}
.pg .hint2{font:500 11.5px var(--mono);color:var(--dim)}
.pg .ctrl2{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:18px 0 6px}
.pg .ctrl2 input,.pg .ctrl2 select{background:var(--surface);border:1px solid var(--line2);color:var(--text);border-radius:9px;padding:9px 12px;font:14px var(--body);outline:0;min-width:0}
.pg .ctrl2 input{flex:1 1 220px}
.pg .ctrl2 input:focus,.pg .ctrl2 select:focus{border-color:var(--pulse)}
.pg .fchips{display:flex;gap:6px;flex-wrap:wrap}
.pg .fchips button{background:var(--surface);border:1px solid var(--line2);color:var(--mid);border-radius:999px;padding:6px 12px;font:500 12px var(--mono);cursor:pointer}
.pg .fchips button.on{border-color:var(--pulse);color:var(--electric)}
.pg .uc{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;padding:14px 0 10px}
.pg .ucc{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px;cursor:pointer;transition:border-color .2s}
.pg .ucc:hover,.pg .ucc.op{border-color:var(--pulse)}
.pg .ucc h3{margin:6px 0 6px;font-size:16px}
.pg .ucc p{margin:0;color:var(--mid);font-size:14px}
.pg .ucc .more{display:none;margin-top:12px;border-top:1px solid var(--line);padding-top:10px}
.pg .ucc.op .more{display:block}
.pg .ucc ol{margin:0 0 10px;padding-left:18px;color:var(--mid);font-size:13.5px}
.pg .ucc .fm{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.pg .tree{list-style:none;margin:0;padding:0}
.pg .tree li{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr) 120px;gap:12px;padding:10px 0;border-top:1px solid var(--line);font-size:13.5px;align-items:baseline}
.pg .tree li code{font:500 12px var(--mono);color:var(--electric)}
.pg .tree li .st{font:500 10.5px var(--mono);text-align:right}
.pg .st.n{color:var(--gold)}.pg .st.b{color:var(--green)}.pg .st.g{color:var(--dim)}
.pg .wlchg{display:flex;gap:10px 22px;flex-wrap:wrap;align-items:center;font-size:14px}
.pg .wlchg span b{font-family:var(--mono)}

@media (max-width:980px){
  .pg .grid{grid-template-columns:1fr}
  .pg .side{position:static}
  .pg .kp,.pg .perf{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg .pth{grid-template-columns:1fr}
  .pg .px{margin-left:0;text-align:left;width:100%}
  .pg table.sim .xm{display:none}
  .pg .tree li{grid-template-columns:1fr;gap:2px}
  .pg .tree li .st{text-align:left}
}
@media (max-width:520px){
  .pg .card{padding:16px 14px}
  .pg .px .p{font-size:28px}
  .pg .pbars .r{grid-template-columns:62px 1fr 42px}
}

.pg table.sim th.l,.pg table.sim td.l{text-align:left}
.pg table.sim td.l{font-family:var(--body)}

/* ===== F3 · Pulse-Begründung, Wissen, Glossar, Blog ===== */
.pg.pgi{min-height:0}
.pg .lhint{display:flex;gap:6px 14px;align-items:center;flex-wrap:wrap;margin:-4px 0 18px;padding:11px 16px;border-radius:12px;border:1px solid rgba(91,164,201,.35);border-left:3px solid var(--pulse);background:linear-gradient(90deg,rgba(91,164,201,.10),rgba(91,164,201,.02));color:var(--text)}
.pg .lhint:hover{border-color:var(--pulse)}
.pg .lhint .lt{font:600 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--electric);white-space:nowrap}
.pg .lhint .lx{flex:1 1 300px;font-size:13.5px;color:var(--mid)}
.pg .lhint b{color:var(--electric)}
.pg .pfit{border-color:rgba(91,164,201,.45);background:linear-gradient(170deg,rgba(91,164,201,.10),var(--surface) 55%)}
.pg .pfit h2{font-family:var(--head);font-weight:400;font-size:28px;letter-spacing:.02em;margin:4px 0 12px}
.pg .cmp{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.pg .cmp div{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.pg .cmp div.hl{border-color:rgba(91,164,201,.55);background:rgba(91,164,201,.10)}
.pg .cmp small{display:block;font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.pg .cmp b{display:block;font-size:15px}
.pg .cmp span{font-size:12.5px;color:var(--mid)}
.pg table.fit td{padding:10px 8px 10px 0;border-top:1px solid var(--line);vertical-align:top;font-size:14px;color:var(--mid)}
.pg table.fit td:first-child{width:170px;white-space:nowrap}
.pg table.fit td:first-child b{color:var(--electric)}
.pg table.fit td small{display:block;font:500 10.5px var(--mono);color:var(--dim)}
.pg .freeline{font-size:12.5px;color:var(--dim);border-top:1px solid var(--line);padding-top:10px;margin-top:4px}
.pg .pfit .bt{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.pg .tier{font:600 10px var(--mono);letter-spacing:.08em;border-radius:999px;padding:3px 9px;border:1px solid}
.pg .tier.p{color:var(--electric);border-color:rgba(125,211,252,.55);background:rgba(91,164,201,.12)}
.pg .tier.f{color:var(--green);border-color:rgba(74,222,128,.45)}
.pg .tier.b{color:var(--gold);border-color:rgba(201,168,76,.5)}
.pg .fgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px;padding:18px 0 10px}
.pg .fgrid .card{margin:0}
.pg .fcard.hi{border-color:var(--electric);box-shadow:0 0 0 1px var(--electric),0 0 30px rgba(125,211,252,.18)}
.pg .fh{display:flex;justify-content:space-between;align-items:center;gap:10px}
.pg .fcard p,.pg .gitem p{color:var(--mid);font-size:14px;margin:6px 0 10px}
.pg .fm{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:8px}
.pg .fm small{font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-right:4px}
.pg .tgb{background:#182533;border-radius:12px 12px 12px 4px;padding:10px 12px 18px;font-size:13px;line-height:1.5;position:relative;margin:4px 0 6px;max-width:380px}
.pg .tgh{font:600 12px var(--body);color:var(--electric);margin-bottom:4px}
.pg .tgh span{font:500 9.5px var(--mono);color:var(--gold);border:1px solid rgba(201,168,76,.5);border-radius:4px;padding:0 5px;margin-left:6px}
.pg .tgm{color:var(--dim);font-size:12px}
.pg .tgt{position:absolute;right:10px;bottom:4px;font:500 10px var(--mono);color:var(--dim)}
a.gl,.pg a.gl{color:inherit;text-decoration:underline dotted rgba(125,211,252,.7);text-underline-offset:3px;position:relative}
a.gl:hover{color:var(--electric)}
@media (hover:hover){a.gl:hover::after{content:attr(data-def);position:absolute;left:0;top:calc(100% + 6px);z-index:40;width:260px;padding:9px 11px;border-radius:9px;background:#0d1219;border:1px solid var(--line2);color:var(--mid);font:400 12.5px/1.45 var(--body);text-transform:none;letter-spacing:0;box-shadow:0 12px 30px rgba(0,0,0,.45);pointer-events:none;white-space:normal}}
.pg .wgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-bottom:18px}
.pg .wcard{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:15px 16px;display:flex;flex-direction:column;gap:6px;color:var(--text);transition:border-color .2s,transform .2s}
.pg .wcard:hover{border-color:var(--pulse);transform:translateY(-2px)}
.pg .wcard b{font-size:15.5px;line-height:1.3}
.pg .wcard span:not(.tag){color:var(--mid);font-size:13px}
.pg .wcard em{font:500 10px var(--mono);font-style:normal;color:var(--gold)}
.pg .art{font-size:15.5px;line-height:1.65}
.pg .art .lead{font-size:17.5px;color:var(--text);margin:0 0 14px}
.pg .art h2{font-size:20px;margin:22px 0 6px}
.pg .art p{color:#c9cfd6;margin:0 0 10px}
.pg .art ul{color:var(--mid)}
.pg .toc{display:flex;flex-direction:column;gap:2px;border-left:2px solid var(--line2);padding:2px 0 2px 12px;margin:0 0 6px;font:500 12.5px var(--mono)}
.pg .toc a{color:var(--mid)}
.pg .toc a:hover{color:var(--electric)}
.pg .glist{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;padding:12px 0}
.pg .glist .card{margin:0}
.pg .lrow{display:block;padding:10px 0;border-top:1px solid var(--line);color:var(--text)}
.pg .lrow span{display:block;color:var(--mid);font-size:13px}
.pg .lrow:hover b{color:var(--electric)}
.pg .blist{display:flex;flex-direction:column;gap:10px;padding:12px 0;max-width:860px}
.pg .bitem{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:15px 18px;display:flex;flex-direction:column;gap:5px;color:var(--text)}
.pg .bitem:hover{border-color:var(--pulse)}
.pg .bitem b{font-size:17px}
.pg .bl2{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
@media (max-width:980px){.pg .cmp{grid-template-columns:1fr}.pg table.fit td:first-child{width:auto;white-space:normal}}

/* ===== F4 · Startseite, Archetypen, Hierarchie, CTA, Hex-Chips ===== */
.kick{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--pulse)}
/* Hex-Chips statt runder Embleme */
.ni{border-radius:0;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);box-shadow:none}
.av.n{border-radius:0;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);border:0}
.av.n img{width:62%;height:62%}
/* CTA-Karte: hebt sich ab */
.pg .pfit{position:relative;border:1px solid rgba(201,168,76,.55);background:linear-gradient(180deg,#0f1a26 0%,#0c141d 100%);padding:22px 24px 20px;box-shadow:0 20px 50px rgba(0,0,0,.35),inset 0 1px 0 rgba(201,168,76,.25);overflow:hidden}
.pg .pfit:before{content:"";position:absolute;left:0;top:0;right:0;height:6px;background:repeating-linear-gradient(45deg,rgba(201,168,76,.9) 0 3px,transparent 3px 9px)}
.pg .pfit .tag{color:var(--gold)}
.pg .pfit h2{font-size:34px;margin:6px 0 14px}
.pg .pfit .btn.p{background:var(--electric);box-shadow:0 0 0 1px rgba(125,211,252,.4),0 8px 28px rgba(125,211,252,.28);font-size:15px;padding:12px 20px}
.pg .pfit .btn.o{border-color:rgba(201,168,76,.45);color:#f0d68a}
.pg .cmp div.hl{border-color:rgba(201,168,76,.6);background:rgba(201,168,76,.10)}
.pg .cmp div.hl b{color:#f0d68a}
.pg .tgc{border-color:rgba(201,168,76,.5);background:linear-gradient(160deg,#17202c,#0f1a26 70%)}
.pg .tgc .btn.p{background:var(--electric);box-shadow:0 8px 24px rgba(125,211,252,.25)}
/* Telegram-Blasen */
.pg .tgb,.tgb{background:#182533;border-radius:14px 14px 14px 4px;padding:10px 12px 20px;font-size:13px;line-height:1.5;position:relative;margin:6px 0;max-width:420px;color:var(--text);box-shadow:0 6px 18px rgba(0,0,0,.25)}
.tgb.free{background:#1a2a24}
.tgb .tgh{font:600 12px var(--body);color:var(--electric);margin-bottom:4px}
.tgb.free .tgh{color:#86d3a7}
.tgb .tgh span{font:500 9.5px var(--mono);color:var(--gold);border:1px solid rgba(201,168,76,.5);border-radius:4px;padding:0 5px;margin-left:6px}
.tgb .tgs{font:600 10.5px var(--mono);letter-spacing:.08em;color:var(--mid);display:inline-block;margin-top:5px}
.tgb .tgm{color:var(--dim);font-size:11.5px}
.tgb hr{border:0;border-top:1px solid rgba(255,255,255,.08);margin:6px 0}
.tgb .tgi{margin:8px 0 4px;border-radius:8px;overflow:hidden}
.tgb .tgi svg{width:100%;height:auto;display:block}
.tgb .tgt{position:absolute;right:10px;bottom:5px;font:500 10px var(--mono);color:var(--dim)}
.tgrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
/* Startseite */
.home .hero2{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:34px;align-items:center;padding:34px 0 10px}
.home .hero2 h1{font-family:var(--head);font-weight:400;font-size:clamp(42px,5.6vw,72px);line-height:.98;letter-spacing:.01em;margin:10px 0 14px}
.home .hero2 h1 em{font-style:normal;color:var(--pulse)}
.home .lead{color:var(--mid);font-size:16.5px;margin:0 0 12px}
.home .ans{border-left:2px solid var(--pulse);padding:6px 12px;background:rgba(91,164,201,.06);border-radius:0 8px 8px 0;color:var(--text);font-size:14.5px;margin:0 0 16px}
.home .bt{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.home .btn{display:inline-block;padding:12px 18px;border-radius:9px;font-weight:600;font-size:14.5px}
.home .btn.p{background:var(--electric);color:#0a0e14;box-shadow:0 8px 28px rgba(125,211,252,.25)}
.home .btn.o{border:1px solid var(--line2);color:var(--text)}
.home .h2r{display:block;color:inherit}
.snapw{position:relative;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(ellipse at 50% 45%,rgba(91,164,201,.10),transparent 62%),linear-gradient(180deg,#0f151e,#0b1017);box-shadow:0 40px 90px rgba(0,0,0,.6),inset 0 1px 0 rgba(125,211,252,.18);padding:10px 10px 8px;transform:perspective(1600px) rotateY(-5deg) rotateX(3deg);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.h2r:hover .snapw{transform:none}
.snapw:before{content:"";position:absolute;left:12%;right:12%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(125,211,252,.7),transparent)}
.snaph{display:flex;justify-content:space-between;align-items:center;font:500 10.5px var(--mono);color:var(--dim);padding:4px 6px 6px}
.snaph .pz{color:var(--gold);border:1px dashed rgba(201,168,76,.5);border-radius:6px;padding:1px 7px;background:repeating-linear-gradient(45deg,rgba(201,168,76,.14) 0 2px,transparent 2px 7px)}
svg.snap{width:100%;height:auto;display:block;max-height:440px}
svg.snap .sn{transition:transform .25s}
svg.snap a:hover .sn{transform:scale(1.08);transform-box:fill-box;transform-origin:center}
.snapf{text-align:center;font:500 12px var(--mono);color:var(--electric);padding:8px 0 2px}
.hsec{margin-top:40px}
.hh{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.hh h2{font-family:var(--head);font-weight:400;font-size:32px;letter-spacing:.02em;margin:0}
.hh a{font:500 12.5px var(--mono);color:var(--electric)}
.ncards3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.nc3{display:flex;gap:14px;align-items:center;background:var(--surface);border:1px solid rgba(201,168,76,.35);border-radius:14px;padding:14px 16px;color:var(--text)}
.nc3:hover{border-color:var(--gold)}
.nc3 b{font-size:16px}.nc3 .m{font:500 11.5px var(--mono);color:var(--mid);margin:3px 0}.nc3 .dm{font-size:13px}
.ctop{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.ct{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 8px 12px;color:var(--text)}
.ct:hover{border-color:var(--pulse)}
.ct b{font-size:13px}.ct small{font:500 10.5px var(--mono);color:var(--dim)}
.wrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.wcard.gl3{border-color:rgba(91,164,201,.4)}
/* Formate: Tagesverlauf */
.tl2{position:relative;margin-top:22px;padding-left:0}
.tli{display:grid;grid-template-columns:120px 1fr;gap:18px;position:relative;padding:0 0 26px}
.tli:before{content:"";position:absolute;left:104px;top:8px;bottom:-4px;width:2px;background:linear-gradient(var(--line2),var(--line))}
.tli:after{content:"";position:absolute;left:99px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--bg);border:2px solid var(--pulse)}
.tli.hi:after{background:var(--gold);border-color:var(--gold);box-shadow:0 0 14px rgba(201,168,76,.6)}
.tlt{display:flex;flex-direction:column;align-items:flex-end;gap:6px;padding-right:30px;text-align:right}
.tlt b{font:600 15px var(--mono);color:var(--text)}
.tlc{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.tli.hi .tlc{border-color:var(--electric);box-shadow:0 0 0 1px var(--electric)}
.tlc h2{font-size:18px;margin:0 0 4px}
.tlc p{color:var(--mid);font-size:14px;margin:0 0 8px}
/* Anwendungsfälle: nummerierte Fragen */
.ucn{display:grid;grid-template-columns:repeat(auto-fill,minmax(440px,1fr));gap:14px;padding:14px 0 10px}
.ucq{display:grid;grid-template-columns:64px 1fr;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px 18px 16px}
.ucq .num{font-family:var(--head);font-size:52px;line-height:.9;color:rgba(125,211,252,.35);letter-spacing:.02em}
.ucq h2{font-size:18px;margin:4px 0 6px;line-height:1.3}
.ucq p{color:var(--mid);font-size:14px;margin:0 0 8px}
.ucq .steps{margin:0 0 10px;padding-left:18px;color:var(--mid);font-size:13.5px}
.ucq .steps li{margin:2px 0}
/* Wissen: Regal */
.wreg{display:grid;grid-template-columns:230px 1fr;gap:22px;margin-top:20px}
.widx{position:sticky;top:78px;align-self:start;display:flex;flex-direction:column;gap:4px}
.widx button{display:flex;justify-content:space-between;align-items:center;background:none;border:0;border-left:2px solid transparent;color:var(--mid);padding:7px 10px;font:14px var(--body);cursor:pointer;text-align:left;border-radius:0 8px 8px 0}
.widx button.on{color:var(--text);border-left-color:var(--electric);background:rgba(91,164,201,.08)}
.widx button em{font:500 11px var(--mono);font-style:normal;color:var(--dim)}
.widx .wg{display:block;padding:4px 10px;color:var(--mid);font-size:13.5px}
.widx .wg.more{color:var(--electric);font:500 12px var(--mono)}
.wlist input{width:100%;background:var(--surface);border:1px solid var(--line2);color:var(--text);border-radius:9px;padding:10px 12px;font:14px var(--body);outline:0;margin-bottom:8px}
.wlist input:focus{border-color:var(--pulse)}
.wrow{display:grid;grid-template-columns:110px 1fr 70px;gap:12px;align-items:center;padding:13px 12px;border-top:1px solid var(--line);color:var(--text)}
.wrow:hover{background:rgba(91,164,201,.06)}
.wrow .wr-r{font:500 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.wrow .wr-b b{display:block;font-size:15.5px}
.wrow .wr-b span{display:block;color:var(--mid);font-size:13px}
.wrow .wr-m{text-align:right;font:500 11px var(--mono);color:var(--dim)}
.wrow .wr-m em{display:block;font-style:normal;color:var(--gold);font-size:9.5px}
/* Blog: Journal */
.jrn{max-width:860px;margin-top:10px}
.jit{display:grid;grid-template-columns:96px 1fr;gap:18px;padding:18px 0;border-top:1px solid var(--line);color:var(--text)}
.jit:hover h2{color:var(--electric)}
.jd b{display:block;font-family:var(--head);font-size:34px;line-height:1;letter-spacing:.02em}
.jd span{font:500 11px var(--mono);color:var(--dim)}
.jb h2{font-size:19px;margin:4px 0 6px;line-height:1.3}
.jb p{color:var(--mid);font-size:14px;margin:0 0 8px}
/* Hierarchie */
.lin{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0 4px;padding:10px 12px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}
.lin .li{display:flex;align-items:center;gap:9px;color:var(--text);padding:4px 8px;border-radius:9px}
.lin a.li:hover{background:rgba(91,164,201,.08)}
.lin .li.on{background:rgba(125,211,252,.08);border:1px solid rgba(125,211,252,.35)}
.lin .lk{display:block;font:500 9px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.lin b{display:block;font-size:14px;line-height:1.1}
.lin small{display:block;font:500 10.5px var(--mono);color:var(--dim)}
.lin .la{color:var(--dim);font-size:18px}
.nband{margin:16px -16px 0;padding:26px 16px 0;background:linear-gradient(180deg,color-mix(in srgb,var(--f1) 55%,transparent) 0%,var(--bg) 100%);border-top:1px solid var(--line)}
.nb-in{display:flex;gap:22px;align-items:center;max-width:1180px;margin:0 auto}
.nband h1{font-family:var(--head);font-weight:400;font-size:clamp(40px,6vw,64px);letter-spacing:.02em;margin:2px 0 8px;line-height:1}
.nb-p{color:var(--mid);max-width:720px;margin:0 0 10px;font-size:15px}
.nb-fam{max-width:1180px;margin:18px auto 0;padding:14px 0 18px;border-top:1px solid rgba(255,255,255,.08)}
.fam{display:flex;flex-wrap:wrap;gap:10px 8px;margin-top:8px}
.fc{display:flex;flex-direction:column;align-items:center;gap:3px;width:56px}
.fc small{font:500 10px var(--mono);color:var(--mid)}
.fc:hover small{color:var(--electric)}
.pg .phd .kick{margin-bottom:6px}
@media (max-width:980px){
  .home .hero2{grid-template-columns:1fr;gap:22px}
  .snapw{transform:none}
  .wreg{grid-template-columns:1fr}
  .widx{position:static;flex-direction:row;flex-wrap:wrap;gap:6px}
  .widx .kick,.widx .wg{display:none}
  .widx button{border:1px solid var(--line2);border-radius:999px;padding:6px 12px;font:500 12px var(--mono)}
  .widx button.on{border-color:var(--pulse)}
  .widx button em{margin-left:6px}
  .wrow{grid-template-columns:1fr;gap:4px}
  .wrow .wr-m{text-align:left}
  .ucn{grid-template-columns:1fr}
  .tli{grid-template-columns:1fr;gap:8px;padding-left:22px}
  .tli:before{left:5px}
  .tli:after{left:0}
  .tlt{flex-direction:row;align-items:center;padding:0}
  .nband{margin:12px -16px 0}
}
@media (max-width:520px){
  .ucq{grid-template-columns:44px 1fr}
  .ucq .num{font-size:38px}
  .jit{grid-template-columns:70px 1fr;gap:12px}
  .jd b{font-size:26px}
  .lin{gap:6px}
  .lin .li{padding:4px 6px}
  .nb-in{flex-direction:column;align-items:flex-start}
  .tgb{max-width:none}
}

/* F5: Pulse-Karte ohne Schraffur */
.pg .pfit{border-color:rgba(201,168,76,.38);background:linear-gradient(180deg,#101b28 0%,#0c141d 100%)}
.pg .pfit:before{height:2px;background:linear-gradient(90deg,transparent,rgba(201,168,76,.95) 25%,rgba(201,168,76,.95) 75%,transparent)}
.pg .pfit:after{content:"";position:absolute;right:-90px;top:-90px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(201,168,76,.14),transparent 62%);pointer-events:none}
.pg .pfit .cmp .hl{border-color:rgba(201,168,76,.6);background:rgba(201,168,76,.06)}
/* F5: Telegram-Originale */
.tgb .tgh span{color:#9fd8f5;border-color:rgba(125,211,252,.45)}
.tgb.free .tgh span{color:#86d3a7;border-color:rgba(134,211,167,.45)}
.tgb .tgx{white-space:pre-wrap;font-size:13px;line-height:1.5;word-break:break-word;font-family:var(--body)}
.tgb .tgi img{width:100%;height:auto;display:block;border-radius:8px;margin-top:8px;background:#0b1017;min-height:48px;color:var(--dim);font:500 11px var(--mono)}
.tgb .tgfree{margin-top:8px;font:500 10.5px var(--mono);color:#86d3a7}
.tl2 .tgb{max-width:520px}
/* F5: Startseite = Live-Seite in Kurzform + Teaser */
.lvh{padding:18px 0 6px}.lvh .dm{max-width:760px;margin:6px 0 0}
.home .lv{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start;padding:10px 14px;border:1px dashed rgba(255,255,255,.14);border-radius:10px;margin:6px 0;opacity:.72}
.home .lv .lvn{font:500 12px var(--mono);color:var(--dim);padding-top:14px}
.home .lv small{display:block;font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.home .lv b{display:block;font-size:15px;margin:2px 0}
.home .lv span{font-size:12.5px;color:var(--dim)}
.tz{margin:14px 0;border:1px solid rgba(125,211,252,.4);border-radius:18px;padding:18px 24px 22px;background:linear-gradient(180deg,#0f1823,#0b1119);box-shadow:0 24px 70px rgba(0,0,0,.4),inset 0 1px 0 rgba(125,211,252,.18);position:relative}
.tz .tzk{display:flex;gap:10px;align-items:center;font:500 11.5px var(--mono);color:var(--dim);margin-bottom:14px}
.tz .tzb{background:var(--electric);color:#06121c;border-radius:4px;padding:1px 7px;font-weight:600}
.tz .tzg{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:30px;align-items:center}
.tz h2{font-family:var(--head);font-weight:400;font-size:clamp(30px,3.4vw,44px);line-height:1;letter-spacing:.01em;margin:8px 0 12px}
.tz h2 em{font-style:normal;color:var(--electric)}
.tz .tzup{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 2px}
.tz .tzup a{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 6px;border:1px solid rgba(201,168,76,.45);border-radius:999px;color:var(--text);text-decoration:none;font-size:13px;font-weight:600;background:rgba(201,168,76,.05)}
.tz .tzup a small{display:block;font:500 10.5px var(--mono);color:var(--gold);font-weight:500}
.tz .tzw{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.tz .tzw h3{font-family:var(--head);font-weight:400;font-size:24px;letter-spacing:.02em;margin:0}
.tz .snapw{transform:perspective(1200px) rotateY(-5deg) rotateX(2deg)}
.tz .h2r:hover .snapw{transform:none}
@media(max-width:980px){.tz .tzg{grid-template-columns:1fr;gap:18px}.tz .snapw{transform:none}.tz{padding:16px 16px 18px}}
/* F5: Prognose-Chip */
.pchip.pg2{border-color:rgba(125,211,252,.5);color:var(--electric)}
/* F5: Watchlist-Reihe im Teaser, Formate zweispaltig */
.tz .ctop{grid-template-columns:repeat(8,minmax(0,1fr))}
.tl2 .tlc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);grid-template-areas:"h b" "p b" "f b";grid-template-rows:auto auto 1fr;column-gap:26px;align-items:start}
.tl2 .tlc>h2{grid-area:h}.tl2 .tlc>p{grid-area:p}.tl2 .tlc>.tgb{grid-area:b;margin:0}.tl2 .tlc>.fm{grid-area:f;align-self:end}
@media(max-width:980px){.tz .ctop{grid-template-columns:repeat(4,minmax(0,1fr))}.tl2 .tlc{display:block}.tl2 .tlc>.tgb{margin:10px 0}}
@media(max-width:520px){.tz .ctop{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ===== Website · Zusätze ohne F6-Vorbild (Seiten, Originale, Orbit ohne Skript) — Stand vor N3, unverändert ===== */
.vorschau{background:#3a2f12;color:#f0d68a;font:500 12px var(--mono);text-align:center;padding:6px 12px}
.pg .lead2{font-size:16.5px;color:var(--mid);max-width:780px}
.pg .faktentab td:first-child{color:var(--mid);width:38%}
.pg .quelle{font:500 11px var(--mono);color:var(--dim)}
.pg .fakten{list-style:none;padding:0;margin:0}
.pg .fakten li{padding:9px 0;border-top:1px solid var(--line)}
.pg .notfound{text-align:center;padding:60px 16px}
.pg .notfound h1{font-family:var(--head);font-weight:400;font-size:64px;margin:0}
.pg .wtab{width:100%}
.pg .wtab td.l,.pg .wtab th.l{text-align:left}
.pg .uebersicht{max-width:860px}
.pg .term{scroll-margin-top:90px}
/* Telegram-Originale auf /formate: Markup aus services/web_originale/fragment.py::blase, Aussehen wie Startseite */
.pg .tgo{background:#262628;border-radius:14px;padding:10px 12px 8px;margin:0 0 10px;color:#e8eaed;max-width:520px}
.pg .tgo-kopf{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 8px;margin-bottom:6px}
.pg .tgo-kanal{font-size:13px;font-weight:600;color:#5ba4c9}
.pg .tgo-fmt{font-family:var(--mono);font-size:11px;letter-spacing:.03em;color:#8d8e93}
.pg .tgo-bild{display:block;width:100%;height:auto;border-radius:10px;margin:4px 0 6px}
.pg .tgo-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.5}
.pg .tgo-zeit{text-align:right;font-size:11px;color:#8d8e93;margin-top:4px}
.pg .tgo-hinweis{margin:-4px 4px 12px;font-size:11px;font-style:italic;color:#8d8e93}
.pg .tl2 .tlc>.tgo{grid-area:b;margin:0}
/* Orbit interaktiv (orbit.js, F6 Netz) — ohne Skript bleibt .orbit-still */
.orbit-live .ostage{position:relative;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(ellipse at 50% 45%,rgba(91,164,201,.10),transparent 62%),linear-gradient(180deg,#0f151e,#0b1017);overflow:hidden;touch-action:pan-y}
.orbit-live .onet{display:block;width:100%}
.orbit-live .otip{position:absolute;pointer-events:none;opacity:0;transition:opacity .15s;background:rgba(11,16,23,.96);border:1px solid rgba(125,211,252,.3);border-radius:10px;padding:8px 11px;font:500 12px var(--body);color:var(--text);max-width:280px;z-index:3}
.orbit-live .otip.on{opacity:1}
.orbit-live .otip .m{font:500 11px var(--mono);color:var(--dim)}
.orbit-live .otip .g{color:var(--gold)}
.orbit-live .olgd{position:absolute;left:12px;bottom:10px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;font:500 11px var(--mono);color:var(--dim)}
.orbit-live .olgd i{display:inline-block;width:10px;height:10px;margin-right:5px;vertical-align:-1px}
.orbit-live .olgd .hx{border:1.5px solid #5b9bc4;transform:rotate(30deg)}
.orbit-live .olgd .mz{border-radius:50%;background:#2a3340;border:1px solid #5a6676}
.orbit-live .olgd .gd{border-radius:50%;border:1.5px solid #c9a84c}
.orbit-live .ores{background:transparent;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:var(--text);font:500 11px var(--mono);padding:6px 10px;min-height:32px;cursor:pointer}
.orbit-live .otl{display:flex;align-items:center;gap:8px;margin-top:10px;font:500 12px var(--mono);color:var(--dim)}
.orbit-live .otl button{background:transparent;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:var(--text);min-width:44px;min-height:44px;cursor:pointer}
.orbit-live .otl input{flex:1;min-width:0;accent-color:#5ba4c9}
.orbit-live .otl b{color:var(--electric);white-space:nowrap}
@media(max-width:560px){.orbit-live .olgd{position:static;padding:8px 10px}.orbit-live .otl{gap:6px}}
table.sim td.cl .clw{min-width:300px}
.hxn{display:inline-flex;align-items:center;gap:6px}.hxn svg{flex:none}
/* Website · Breiten-Test (NAP-WEB-ANGLEICH-1 §5: kein waagerechter Scroll): Hauptspalte mobil minmax(0,1fr) statt
   F6 `1fr`, damit breite Tabellen und Diagramme in ihrem eigenen Scrollbereich bleiben. */
@media (max-width:980px){.pg .grid{grid-template-columns:minmax(0,1fr)}}
/* Website · Einordnungsleiste (N3 Punkt 3, F-05): F6 `.lin` oben; Founder: kompakt, linksbündig, Breite nach Inhalt. */
.lin{width:fit-content;max-width:100%}

/* == N3 Seite: start == */

/* == Ende start == */

/* == N3 Seite: orbit == */

/* == Ende orbit == */

/* == N3 Seite: watchlist == */
/* „auch: {Narrativ}“ unter dem Hauptnarrativ bei aktiver Narrativ-Auswahl (N3 Punkt 6, F-03; setzt site.js). */
.pg #wlt .auch{display:block;margin-top:2px;font:500 10.5px var(--mono);color:var(--dim)}
.pg #wlt .auch[hidden]{display:none}
/* == Ende watchlist == */

/* == N3 Seite: coin == */
/* Diagramm „Kurs und Creator-Breite“ (N3 Punkt 2, F-04 c): zwei Fassungen im DOM, ohne Skript umgeschaltet — unter
   600 px das Hochformat (Schrift real ≥ 11 px), darüber die breite Fassung wie F6. Volle Kartenbreite in beiden. */
.pg .kdia svg{width:100%;height:auto;display:block}
.pg .kdia .kd-m{display:none}
@media (max-width:599px){.pg .kdia .kd-w{display:none}.pg .kdia .kd-m{display:block}}
.pg .kzw{margin:10px 0 0}
/* Narrativ-Icons in den Links (F6 `niN` vor dem Namen) */
.pg .lk a .hx{flex:none}
/* == Ende coin == */

/* == N3 Seite: prognose == */
/* == Ende prognose == */

/* == N3 Seite: narrativ == */
/* Narrativ-Diagramm: Desktop-Fassung, unter 600 px die eigene Mobil-Fassung (N3 §1b F-04 c, K-6; chart_narrativ.py). */
.pg .chart svg.nchart-m{display:none}
@media (max-width:599px){.pg .chart svg.nchart-d{display:none}.pg .chart svg.nchart-m{display:block}}
/* == Ende narrativ == */

/* == N3 Seite: glossar == */
/* Glossar-Übersicht (F-16): Die Filterleiste steht mit `hidden` im HTML und erscheint erst mit Skript (site.js,
   Abschnitt glossar) — ohne Skript sind alle Karten sichtbar und keine Knöpfe ohne Wirkung. */
.pg .ctrl2[hidden]{display:none}
/* == Ende glossar == */

/* == N3 Seite: wissen == */
/* /wissen ohne Artikel (U-6): Rubriken als feste Einträge der F6-Spalte `.widx` — Maße wie die F6-Knöpfe
   (`.widx button`), aber ohne Filter; mobil als Chips wie in F6. */
.widx .wrb{display:block;border-left:2px solid transparent;color:var(--mid);padding:7px 10px;font:14px var(--body)}
.pg .wlist .wleer p{margin:0}
@media (max-width:980px){.widx .wrb{border:1px solid var(--line2);border-radius:999px;padding:6px 12px;font:500 12px var(--mono)}}
/* == Ende wissen == */

/* == N3 Seite: anwendungsfaelle == */
/* F-17: die Filter-Chips (site.js) blenden Fälle über `hidden` aus; `.ucq` ist ein Raster und braucht die Regel. */
.pg .ucq[hidden]{display:none}
/* Eigene Seite je Fall (G, Befund §2.8): die Frage verlinkt in Textfarbe; Fallseite mit der Frage als H1. */
.pg .ucq h2 a{color:inherit}
.pg .ucq h2 a:hover{color:var(--electric)}
.pg .ucfall h1{font-size:clamp(30px,4.4vw,44px)}
/* == Ende anwendungsfaelle == */

/* == N3 Seite: formate == */
/* U-2: Kennzeichnung „Original aus Pulse, Stand …“, Original und Hinweise als eine Zelle — Platz von F6 `.tgb`. */
.pg .tl2 .tlc>.tgz{grid-area:b;max-width:520px;min-width:0}
.pg .tgz .tgo{margin:0}
.pg .tgz .tgo-quelle{margin:0 0 6px}
.pg .tgz .tgo-hinweis{margin:6px 4px 0}
/* „auch im Free-Kanal“ (F6 `.tgb .tgfree`: Mono 10,5 px, Grün) unter der Blase — das Original selbst bleibt unverändert. */
.pg .tgz .tgfree{margin:8px 4px 0;font:500 10.5px var(--mono);color:#86d3a7}
@media(max-width:980px){.pg .tl2 .tlc>.tgz{margin:10px 0}}
/* F6 `.tli.hi` (Format über einen Verweis angesprungen, F6 `?f=`) über den Anker `/formate#f-…`. */
.pg .tli{scroll-margin-top:90px}
.pg .tli:target:after{background:var(--gold);border-color:var(--gold);box-shadow:0 0 14px rgba(201,168,76,.6)}
.pg .tli:target .tlc{border-color:var(--electric);box-shadow:0 0 0 1px var(--electric)}
/* == Ende formate == */

/* == N3 Seite: statisch == */
/* Methodik, Über uns, 404 haben kein F6-Soll (G, Befund §2.12) — nur Anschluss an die F6-Bausteine: Eine Karte `.art`,
   die mit einer Überschrift beginnt, ohne F6-Abstand oben (Über uns „Die Person dahinter“); die Faktentabelle zeigt
   Text statt Zahlen (F6 `table.mkv` rechtsbündig, Mono). */
.pg .art>h2:first-child{margin-top:0}
.pg table.mkv.faktentab td:last-child{text-align:left;font-family:var(--body)}
/* == Ende statisch == */

/* == N4 blog == */
/* Blog (N4 F3 Punkt 4): Rubrik-Filter blendet Einträge über `hidden` aus (site.js, Abschnitt N4 blog; ohne Skript alle
   sichtbar). Quellenliste am Ende des Beitrags wie F6 `.art ul`; die Tabelle „Coins je Narrativ“ mit Abstand im Text. */
.pg .jit[hidden]{display:none}
.pg .art ol.quellen{color:var(--mid);font-size:14px;padding-left:20px}
.pg .art ol.quellen li{margin:0 0 6px}
.pg .art .tw{margin:4px 0 12px}
/* == Ende N4 blog == */
/* == N4 kurs == */
/* Diagrammschrift (N4 F3 Punkt 5): die Mobil-Fassung beider Diagramme (Coin `kd-m`, Narrativ `nchart-m`) gilt bis
   979 px, darüber die breite Fassung — deren Schrift ist auf ihre schmalste Darstellung gerechnet (545 px bei 981 px,
   `diagramm_coin.SCHMALSTE`), real ≥ 11 px. Von 600 bis 979 px bleibt das Hochformat auf Telefonbreite und mittig,
   statt die Karte in voller Höhe zu füllen. Ersetzt die Umschaltung bei 600 px aus N3 (Abschnitte coin, narrativ). */
@media (max-width:979px){
.pg .kdia .kd-w,.pg .chart svg.nchart-d{display:none}
.pg .kdia .kd-m,.pg .chart svg.nchart-m{display:block;max-width:400px;margin:0 auto}
}
/* == Ende N4 kurs == */
/* == N4 op335 == */
/* N4 F3 Punkt 5 (OP-335, K-7): die F6-Selektoren `.lv` (Startseiten-Liste „heute live“, F6 `.pw.home > div.lv`) und
   `.snap` (Orbit-Schnappschuss, F6 `homeSnap` → `svg.snap`) stehen oben begrenzt auf ihren Container bzw. ihr Element —
   statt `table.lv` der Prognose und `.card.snap` (Social-Lage, Kurzantwort, Definition) zurückzusetzen.
   T-10: Kopfzeile einer Coin-Seite nach dem Watchlist-Abgang (Soll T-10) — Gestalt wie der F6-Hinweis `.hint2`. */
.pg .abgang{margin:14px 0 0;padding:8px 12px;border:1px solid var(--line2);border-radius:8px;font:500 12px var(--mono);
  color:var(--mid);width:fit-content;max-width:100%}
/* == Ende N4 op335 == */
/* == G1 pulsebox == */
/* Funnel-Kette Glied 1 Punkt 4 (S-5 neu, DR-140). Pulse-Box: Datumszeile wie Mockup v4 (Abschnitt „Seitenspalte“,
   `.tgc .dt`); die Gründungskreis-Zeile nutzt die F6-Zeile `.tgc .ck`. Fußblock „Was Pulse hier ergänzt“ auf Seiten
   ohne Pulse-Box in der Seitenspalte (Orbit, Watchlist, Narrativ-Übersicht): dieselben zwei Zeilen um die Knöpfe.
   Wissen/Blog: `.scard.frei` mit Hauptknopf „Kostenlos folgen“ und Textlink auf Pulse — in der Seitenspalte gestapelt,
   sonst als Zeile unter dem Inhalt. */
.pg .tgc .dt{font:500 11px var(--mono);color:var(--gold);margin:2px 0 4px;line-height:1.5}
.pg .pfit .dt{font:500 11px var(--mono);color:var(--gold);margin:12px 0 0;line-height:1.5}
.pg .pfit .ck{font:500 10px var(--mono);color:var(--dim);margin-top:8px}
.pg .scard.frei{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;width:fit-content;max-width:100%;margin-top:18px}
.pg .scard.frei .fl{font-size:13.5px;color:var(--mid);text-decoration:underline;text-underline-offset:3px}
.pg .scard.frei .fl:hover{color:var(--electric)}
.pg .side .scard.frei{display:block;width:auto;margin-top:0}
.pg .side .scard.frei .btn{display:block}
.pg .side .scard.frei .fl{display:block;text-align:center;margin-top:10px}
/* == Ende G1 pulsebox == */
/* == G1 rang == */
/* Creator-Rang (S-11, DR-146): Kacheln und Satz in der Social-Lage wie Mockup v4 `.crr`/`.crb` (v3-Block, Werte
   wörtlich); eine Kachel (Narrativ-Seite, Coin ohne Narrativ-Rang nach R-2) als `.crr.eins`. Keine Kursfarbe (R-5).
   Narrativ-Übersicht: Platz je Karte (`.crk`) als eigene Zeile unter dem Kopf (der Name bricht so nicht um). */
.pg .crr{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:10px 14px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.pg .crr.eins{grid-template-columns:auto minmax(0,1fr)}
.pg .crb{background:var(--surface-2);border:1px solid rgba(91,164,201,.35);border-radius:10px;padding:8px 12px;min-width:116px}
.pg .crb small{display:block;font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--pulse)}
.pg .crb b{font:600 20px var(--mono)}.pg .crb b i{font-style:normal;font-size:12px;color:var(--dim);margin-left:2px}
.pg .crb span{display:block;font:500 11px var(--mono);color:var(--mid)}
.pg .crr p{margin:0;font-size:13.5px;color:var(--mid);line-height:1.55}
@media (max-width:980px){.pg .crr,.pg .crr.eins{grid-template-columns:1fr 1fr;align-items:stretch}.pg .crr p{grid-column:1/-1}}   /* stretch: gleich hohe Kacheln, wenn ein Narrativ-Name umbricht */
.pg .ncard .crk{font:600 12px var(--mono);color:var(--text)}
.pg .ncard .crk small{font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--pulse)}
.pg .ncard .crk i{font-style:normal;font-weight:500;color:var(--dim)}
/* == Ende G1 rang == */
/* == G1 wissen == */
/* Funnel-Kette Glied 1 (Darstellung der Glied-3-Inhalte): Wissensartikel, Themen-Hubs, Blog im Format der Welle 1. Nur
   Ergänzungen zu den F6-Bausteinen (`.art`, `.toc`, `.scard`, `.tgc`, `.wreg`/`.wrow`); F6 kennt keinen Kasten
   „In Kürze“, keine Byline und keine Quellen-Metazeile — Gestalt nach den F6-Tokens (Rahmen, Mono-Kicker, Gold für
   Hinweise), wie der Kasten im Mockup v4 (`ul.ik`). */
.pg .vorschau.entwurf{border:1px solid rgba(201,168,76,.55);border-radius:8px;margin:16px 0 0}
.pg .phd .byl{font:500 12px var(--mono);color:var(--mid);margin:10px 0 0}
.pg .phd .byl a{color:var(--mid)}
.pg .art .ikz{border:1px solid rgba(91,164,201,.4);border-left:3px solid var(--electric);border-radius:10px;
  background:rgba(91,164,201,.06);padding:12px 16px 4px;margin:0 0 14px}
.pg .art .ikz ul{color:var(--text);padding-left:18px;margin:6px 0 8px}
.pg .art .ikz li{margin:0 0 6px}
.pg .art .stz,.pg .art .stand{font:500 12.5px var(--mono);color:var(--gold);margin:-4px 0 14px}
.pg .art .stand{color:var(--mid);margin:0 0 12px}
.pg .art h2[id]{scroll-margin-top:84px}
.pg .art .toc{margin:0 0 14px}
.pg .art .danker{border-top:1px solid var(--line);padding-top:12px;margin-top:16px}
.pg .art details{border-top:1px solid var(--line);padding:10px 0}
.pg .art details summary{cursor:pointer;font-weight:600}
.pg .art details p{margin:8px 0 0}
.pg .art ol.quellen .qm{font:500 11.5px var(--mono);color:var(--dim);margin-top:2px}
.pg .art ul.akt{color:var(--mid);padding-left:18px}
.pg table.atab{border-collapse:collapse;font-size:14px;width:100%}
.pg table.atab th{font:500 10.5px var(--mono);color:var(--dim);text-align:left;padding:6px 8px 6px 0;vertical-align:bottom}
.pg table.atab td{padding:9px 8px 9px 0;border-top:1px solid var(--line);vertical-align:top;color:#c9cfd6}
.pg table.ttab td:first-child{font-family:var(--mono);font-size:12.5px;white-space:nowrap}
.pg .tgc.fbox .fz{color:var(--mid);font-size:13px;margin:8px 0 12px}
.pg .tgc.fbox .tl{display:block;margin-top:12px;text-align:center;font-size:13.5px;color:var(--electric)}
.pg .tgc.fbox .tl:hover{text-decoration:underline}
.pg .scard .sl{display:block;padding:6px 0;border-top:1px solid var(--line);color:var(--text);font-size:14px}
.pg .scard .sl:first-of-type{border-top:0}
.pg .scard .sl .hint2{display:block}
.pg .scard .sl:hover{color:var(--electric)}
.pg .scard small a{color:var(--electric)}
.pg .scard .sl.sr{display:flex;justify-content:space-between;gap:10px}
.pg .scard .sl.sr .hint2{display:inline}
.widx .wrb{display:flex;justify-content:space-between;align-items:center}
.widx .wrb em{font:500 11px var(--mono);font-style:normal;color:var(--dim)}
.widx .wrb:hover{color:var(--text);border-left-color:var(--electric)}
.widx .kick.wgk{margin-top:18px}
@media (max-width:640px){
.pg .art .ikz{padding:10px 12px 2px}
.pg table.ttab thead{display:none}
.pg table.ttab tr{display:block;border-top:1px solid var(--line);padding:8px 0}
.pg table.ttab td{display:block;border:0;padding:2px 0}
.pg table.ttab td[data-k]::before{content:attr(data-k) " · ";font:500 10.5px var(--mono);color:var(--dim)}
}
/* == Ende G1 wissen == */
/* == Funnel-Kette Glied 7: Projektprofil (Mockup v4, F6-Variablen und -Muster) == */
.pg .phd .psub{margin:8px 0 10px;color:var(--mid);font-size:15px;line-height:1.45;max-width:560px}
/* Projektprofil */
.pg .pp{padding-bottom:8px}
.pg .pp .pph{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px}
.pg .pp .pph h2{font-family:var(--head);font-weight:400;font-size:28px;letter-spacing:.02em;margin:4px 0 0;line-height:1.05}
.pg .ppall{background:none;border:1px solid var(--line2);color:var(--mid);border-radius:999px;padding:5px 12px;font:500 11px var(--mono);cursor:pointer;white-space:nowrap}
.pg .ppall:hover{border-color:var(--pulse);color:var(--electric)}
.pg .pp details{padding:14px 0}
.pg .pp details summary{display:grid;grid-template-columns:minmax(0,1fr) auto 14px;gap:4px 14px;align-items:baseline}
.pg .pp details summary::after{grid-column:3;grid-row:1}
.pg .pp details summary .q{grid-column:1;grid-row:1;margin:0;font:600 15px/1.35 var(--body);color:var(--text)}
.pg .pp details summary .pv{grid-column:1/3;grid-row:2;font-weight:400;font-size:13.5px;line-height:1.5;color:var(--dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pg .pp details[open] summary .pv{display:none}
.pg .pp details summary:hover .q{color:var(--electric)}
.pg .pp .ppb{padding:6px 0 2px;max-width:680px}
.pg .pp .ppb p{color:#c9cfd6;font-size:14.5px;line-height:1.7;margin:8px 0 0}
.pg .pp .ik{margin:8px 0 12px;padding-left:18px;color:#c9cfd6;font-size:14.5px;line-height:1.65}
.pg .pp .ik li{margin:6px 0}
.pg .pp .fk td{font-size:13.5px}
.pg .pp .fk td:first-child{color:var(--dim);font:500 11.5px var(--mono);width:34%;padding-right:12px}
.pg .pp .fk td:last-child{font-family:var(--body);text-align:left;color:#c9cfd6}
.pg .sq{font:500 11px var(--mono);color:var(--dim);margin-top:12px}
.pg .sq a{color:var(--electric);text-decoration:none}
.pg .bme{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 4px}
.pg .bme div{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.pg .bme small{display:block;font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--pulse)}
.pg .bme b{display:block;font-size:14px;font-weight:600;margin:2px 0}
.pg .bme span{font-size:12.5px;color:var(--mid);line-height:1.45}
.pg .pptl{list-style:none;margin:14px 0 0;padding:0 0 0 14px;border-left:1px solid var(--line2)}
.pg .pptl li{position:relative;padding:0 0 10px 8px;font-size:14px;color:#c9cfd6}
.pg .pptl li:before{content:"";position:absolute;left:-19px;top:6px;width:9px;height:9px;border-radius:50%;background:var(--surface);border:1px solid var(--pulse)}
.pg .pptl li b{display:block;font:500 11px var(--mono);color:var(--electric)}
.pg .pprk{list-style:none;margin:8px 0 0;padding:0}
.pg .pprk li{border-left:2px solid var(--line2);padding:4px 0 4px 12px;margin:8px 0;font-size:14.5px;line-height:1.65;color:#c9cfd6}
.pg .pprk li b{color:var(--text);font-weight:600}
.pg .ins{margin-top:12px;border:1px dashed var(--line2);border-radius:10px;padding:9px 12px;font-size:13px;color:var(--mid)}
.pg .ppf{border-top:1px solid var(--line);padding-top:12px;margin-top:2px;font:500 11.5px var(--mono);color:var(--dim)}
.pg .ppf a{color:var(--mid)}
.pg table.qtab td{font-size:13px;white-space:normal}
.pg table.qtab td:first-child{color:var(--dim);font-family:var(--mono);width:28px}
.pg table.qtab td.l{color:#c9cfd6}
.pg table.qtab tr:target td{background:rgba(125,211,252,.07)}
/* Seitenspalte */
.pg .scard.pptoc a{display:block;color:var(--mid);font-size:13.5px;padding:3px 0;text-decoration:none}
.pg .scard.pptoc a.s{padding-left:12px;font-size:13px;color:var(--dim)}
.pg .scard.pptoc a:hover{color:var(--electric)}
@media (max-width:980px){.pg .bme{grid-template-columns:1fr}.pg .pp details summary{grid-template-columns:minmax(0,1fr) 14px}.pg .pp details summary .pv{grid-column:1/2}}
.pg .ppf{display:flex;flex-wrap:wrap;gap:4px 16px}
/* v4: schlichtes Datum statt Status */
.pg .ppd{font:500 10.5px var(--mono);color:var(--dim);white-space:nowrap}
.pg .pp details summary .ppd{grid-column:2;grid-row:1}
@media (max-width:980px){.pg .pp details summary .ppd{grid-column:1;grid-row:3}}
.pg .pp .pph .sub{margin:2px 0 0}
.pg .pp .ppall[hidden]{display:none}
.pg .scard.wiss a{display:block;color:var(--text);font-size:14px;padding:3px 0;text-decoration:none}
.pg .scard.wiss a:hover{color:var(--electric)}
.pg .pp .ppn{margin-top:10px}
/* == Ende Glied 7 == */
/* == W2 wissen == */
/* NAP-KETTE-W-1 W-2: Vorlage V3 der Wissensartikel (Mockup v4 16.10.2026, Stil A) — die Regeln stehen gesammelt hier; sie
   gelten nur für `.art.w3` (Wissensartikel), `.lin-w` (Einordnungsleiste Wissen), `.zf` (Grafik) und `.rel` (Verwandte
   Artikel), damit Coin-, Narrativ- und Blogseiten unverändert bleiben. Grün und Rot bleiben Kursen vorbehalten. */
.pg .lin.lin-w{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px 12px;margin:10px 0 8px}
.pg .lin-w .li{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;color:var(--text)}
.pg .lin-w .li.on{border:1px solid rgba(91,164,201,.55);background:rgba(91,164,201,.08)}
.pg .lin-w .lk{display:block;font:500 9.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.pg .lin-w b{display:block;font-size:14.5px;font-weight:600}
.pg .lin-w small{font:500 11px var(--mono);color:var(--dim)}
.pg .lin-w .la{color:var(--dim)}
.pg .zkemb{background:#0b1017;border:2.5px solid var(--pulse)}
.pg .zkemb svg{width:34px;height:34px}
.pg .snap .ikl{color:var(--text);padding-left:18px;margin:0 0 12px;font-size:14.5px}
.pg .snap .ikl li{margin:0 0 6px}
.pg .art.w3 .lead2{font-size:16.5px;color:var(--text);margin:0 0 14px}
.pg .art.w3 .toc a{padding:3px 0}   /* Zielgröße ≥ 24 px (WCAG 2.2, Lighthouse target-size) */
.pg .art.w3 .toc .tk2{font:500 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--pulse);margin-bottom:4px}
.pg .art.w3 h2{font-size:21px;margin:30px 0 8px;display:flex;align-items:baseline;gap:10px}
.pg .art.w3 h2 .no{font:600 12px var(--mono);color:var(--gold);letter-spacing:.1em}
.pg .art.w3 h3{font-size:16px;margin:18px 0 4px}
.pg .art.w3 ul.props{list-style:none;padding:0;margin:12px 0}
.pg .art.w3 ul.props li{padding:10px 0 10px 16px;border-left:2px solid rgba(91,164,201,.35);margin-bottom:6px;color:#c9cfd6}
.pg .art.w3 ul.props b{color:var(--electric)}
.pg .art.w3 .einordnung{border:1px solid rgba(201,168,76,.4);border-radius:12px;padding:12px 16px;margin:18px 0;background:linear-gradient(135deg,rgba(201,168,76,.10),rgba(201,168,76,.02))}
.pg .art.w3 .einordnung .tag{color:var(--gold)}
.pg .art.w3 .einordnung p{margin:6px 0 0;color:var(--text)}
.pg .art.w3 details.pro{border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin:12px 0;background:var(--surface-2)}
.pg .art.w3 details.pro summary{font:500 12.5px var(--mono);color:var(--electric)}
.pg .art.w3 dl.begriffe{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin:10px 0}
.pg .art.w3 dl.begriffe div{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.pg .art.w3 dl.begriffe dt a{color:var(--electric);font-weight:600}
.pg .art.w3 dl.begriffe dd{margin:2px 0 0;font-size:14px;color:#c9cfd6}
/* Grafiken (Stil A): SVG-Typografie, Fluss-, Dreh- und Puls-Animation; ohne Skript, `prefers-reduced-motion` aus */
.v text{font-family:var(--body);fill:var(--tx)}
.v .t-disp{font-family:var(--disp);letter-spacing:.06em}
.v .t-mono{font-family:var(--mono);fill:var(--mut)}
.v .t-gold{fill:var(--gold)}
.v .t-el{fill:var(--el)}
.flow{stroke-dasharray:5 9;animation:wflow 1.4s linear infinite}
.flow.slow{animation-duration:2.6s}
@keyframes wflow{to{stroke-dashoffset:-28}}
.spin{transform-box:fill-box;transform-origin:center;animation:wspin 70s linear infinite}
.spin.r{animation-direction:reverse;animation-duration:110s}
.spin.fast{animation-duration:26s}
@keyframes wspin{to{transform:rotate(360deg)}}
.pulse{transform-box:fill-box;transform-origin:center;animation:wpulse 2.8s ease-in-out infinite}
@keyframes wpulse{0%,100%{opacity:.35;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}
.node{cursor:pointer;outline:none}
.node circle.k{transition:stroke-width .2s}
.node:hover circle.k,.node:focus circle.k{stroke-width:3.6}
.node:hover text,.node:focus text{fill:var(--el)}
.node rect.k{transition:stroke-width .2s}
.node:hover rect.k,.node:focus rect.k{stroke-width:3}
@media (prefers-reduced-motion:reduce){.flow,.spin,.pulse{animation:none}.mover{display:none}}
.zst{--tx:#e6edf3;--mut:#8b98a9;--el:#7dd3fc;--ice:#5ba4c9;--disp:'Bebas Neue',sans-serif;--body:'DM Sans',sans-serif;background:radial-gradient(ellipse at 50% 45%,#11202e 0,#0b1119 60%,#0a0e14 100%);border:1px solid var(--line);border-radius:12px;overflow-x:auto}
.zst svg{display:block;width:100%;min-width:560px;height:auto}
.zst svg.prt{display:none;min-width:0;max-width:440px;margin:0 auto}
@media(max-width:600px){.zst svg.lsc{display:none}.zst svg.prt{display:block}.zst{overflow:visible}}
.zf{margin:16px 0}
.zf figcaption{font-size:14px;color:var(--mid);margin:8px 0 0}
.pg .art details.gt{border:1px solid var(--line);border-radius:10px;padding:8px 12px;margin:8px 0 0;background:var(--surface-2)}
.pg .art details.gt summary{font:500 12px var(--mono);color:var(--electric);font-weight:500}
.pg .art details.gt p{color:var(--text);font-size:14.5px}
/* Verwandte Artikel: Karten mit Vorschaubild aus Code (F-2: Sechseck-Symbol) */
.rel{margin:10px 0 0}
.rel h2{font:400 30px/1 var(--head);letter-spacing:.03em;margin:0 0 14px}
.rcards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.rcard{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;color:var(--text);display:flex;flex-direction:column;transition:border-color .2s,transform .2s}
.rcard:hover{border-color:var(--pulse);transform:translateY(-2px)}
.rcard img,.rcard svg{display:block;width:100%;height:auto}
.rb{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px}
.rr{font:500 10px var(--mono);letter-spacing:.12em;color:var(--gold);text-transform:uppercase}
.rb b{font-size:15.5px;line-height:1.3}
.ra{font-size:13.5px;color:var(--mid)}
.rm{font:500 11px var(--mono);color:var(--dim);margin-top:4px}
@media(max-width:980px){.rcards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.rcards{grid-template-columns:1fr}.pg .art.w3 dl.begriffe{grid-template-columns:1fr}}
/* == Ende W2 wissen == */
/* == W2 blog == */
/* Blog-Übersicht als Karten (W-2 Teil C, Muster CoinGecko Learn): Vorschaubild aus Code, Rubrik, Titel, Anriss, Autor und
   Datum; Rubrik-Filter bleibt (site.js, `#jl` blendet Karten über `hidden` aus); Seitenzahlen unten (`/blog/seite/{n}`). */
.pg .bgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;padding:14px 0 10px}
.pg .bcard{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;color:var(--text);display:flex;flex-direction:column;transition:border-color .2s,transform .2s}
.pg .bcard:hover{border-color:var(--pulse);transform:translateY(-2px)}
.pg .bcard[hidden]{display:none}
.pg .bcard img{display:block;width:100%;height:auto}
.pg .bcard .bb{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px}
.pg .bcard h2{font-size:18px;margin:2px 0 0;line-height:1.3}
.pg .bcard:hover h2{color:var(--electric)}
.pg .bcard .bp{color:var(--mid);font-size:14px}
.pg .bcard .bm{font:500 11px var(--mono);color:var(--dim);margin-top:4px}
.pg .pgn{display:flex;gap:8px;justify-content:center;margin:18px 0 6px}
.pg .pgn a,.pg .pgn span{min-width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line2);border-radius:9px;font:500 13px var(--mono);color:var(--mid)}
.pg .pgn a:hover{border-color:var(--pulse);color:var(--electric)}
.pg .pgn span.on{border-color:var(--pulse);color:var(--electric)}
/* == Ende W2 blog == */
/* == W2 links == */
/* AE-39: Links im Fließtext der Wissens- und Blogartikel sind unterstrichen (Farbe allein trägt den Unterschied nicht,
   Lighthouse `link-in-text-block`). Nicht betroffen: Navigation, Brotkrumen, Inhaltsverzeichnis, Karten, Fuß und
   Glossar-Begriffe (`a.gl`, eigene gepunktete Linie). Website-weit bleibt OP-485 offen. */
.pg .art.w3 :is(p,li) a:not(.gl),body[data-nav="blog"] .pg .art :is(p,li) a:not(.gl){text-decoration:underline;text-underline-offset:3px}

/* == W2 wissen-start == */
/* Wissen-Start „Tafel“ (Mockup Livedesign 11.10.2026, Founder: „Tafel gefällt mir“): HTML-Elemente an Koordinaten einer
   1200-Einheiten-Fläche (`--x`, `--y`, Größen über `--u` = Containerbreite/1200). Die Pfade und Plaketten erzeugt
   `tafel.py`; die Hover-Hervorhebung je Thema steht als `<style>` auf der Seite. Ohne Skript, ohne fremde Quelle. */
.tfwrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -4px}
.tf{position:relative;min-width:980px;container-type:inline-size;--u:calc(100cqw/1200);perspective:calc(2200*var(--u));border-radius:14px;border:1px solid var(--line);background:radial-gradient(ellipse 70% 80% at 58% 38%,#18283a 0,#111720 55%,#0d131b 100%);overflow:hidden}
.board{position:absolute;inset:0;transform-origin:52% 50%;transform:rotateX(32deg) rotateZ(-12deg) scale(.88) translateY(calc(-14*var(--u)));transition:transform .9s cubic-bezier(.3,.7,.2,1)}
.tf:hover .board,.tf:focus-within .board,#flach:checked ~ .tfc .board{transform:none}
.tf .a{position:absolute;left:calc(var(--x)*var(--u));top:calc(var(--y)*var(--u))}
.tf .full{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.tf .glow{position:absolute;left:calc(640*var(--u));top:calc(20*var(--u));width:calc(520*var(--u));height:calc(520*var(--u));border-radius:50%;background:radial-gradient(circle at 45% 40%,rgba(125,211,252,.18),rgba(91,164,201,.06) 45%,transparent 70%)}
.tf .lb2{font:500 calc(10.5*var(--u)) var(--mono);letter-spacing:.16em;color:var(--dim)}
.tcard{width:calc(360*var(--u));height:calc(140*var(--u));border-radius:calc(14*var(--u));background:var(--surface-2);border:1px solid var(--line2);box-shadow:0 calc(12*var(--u)) calc(26*var(--u)) rgba(0,0,0,.45);color:var(--text);transition:border-color .25s}
.tcard:hover{border-color:var(--pulse)}
.tcard .sy{position:absolute;left:calc(16*var(--u));top:calc(14*var(--u));width:calc(38*var(--u));height:calc(30*var(--u));border-radius:calc(6*var(--u));background:#0b1017;border:1.5px solid var(--pulse);display:grid;place-items:center;font:400 calc(18*var(--u))/1 var(--head);color:var(--electric)}
.tcard .nm{position:absolute;left:calc(64*var(--u));top:calc(10*var(--u));font:400 calc(26*var(--u))/1.1 var(--head);letter-spacing:.03em}
.tcard .sb{position:absolute;left:calc(64*var(--u));top:calc(38*var(--u));font:500 calc(10*var(--u)) var(--mono);color:var(--dim)}
.tcard .grad{position:absolute;right:calc(16*var(--u));top:calc(16*var(--u));display:flex;gap:calc(3*var(--u))}
.tcard .grad i{width:calc(3.5*var(--u));height:calc(20*var(--u));border-radius:2px;transform:skewX(-14deg);background:color-mix(in srgb,#c9a84c calc(100% - var(--k)*7%),#7dd3fc)}
.tcard .rw{position:absolute;left:calc(16*var(--u));right:calc(16*var(--u));display:flex;align-items:center;gap:calc(10*var(--u));height:calc(20*var(--u));font-size:calc(12*var(--u));color:var(--mid)}
.tcard .rw:nth-of-type(1){top:calc(62*var(--u))}.tcard .rw:nth-of-type(2){top:calc(86*var(--u))}.tcard .rw:nth-of-type(3){top:calc(110*var(--u))}
.tcard .pc{min-width:calc(30*var(--u));text-align:center;font:600 calc(11*var(--u)) var(--mono);background:var(--surface-3);border-radius:calc(6*var(--u));color:var(--text)}
.tcard .rl{width:calc(70*var(--u))}
.tcard .tr{flex:1;height:calc(5*var(--u));background:var(--surface-3);border-radius:3px;overflow:hidden}
.tcard .tr b{display:block;height:100%;background:linear-gradient(90deg,var(--pulse),var(--electric))}
.tf .dot{width:calc(8*var(--u));height:calc(8*var(--u));border-radius:50%;background:var(--electric);box-shadow:0 0 calc(10*var(--u)) var(--electric)}
.tf .ln{fill:none;stroke:rgba(255,255,255,.22);stroke-width:1.1;transition:stroke .25s}
.pill{width:calc(330*var(--u));height:calc(38*var(--u));border-radius:calc(10*var(--u));background:var(--surface-2);border:1px solid var(--line2);box-shadow:0 calc(8*var(--u)) calc(18*var(--u)) rgba(0,0,0,.4);color:var(--text);transition:background .25s,transform .25s,border-color .25s}
.pill.hi{border-color:rgba(91,164,201,.5);background:linear-gradient(90deg,rgba(91,164,201,.16),var(--surface-2))}
.pill:hover{transform:translateX(calc(5*var(--u)));border-color:var(--pulse)}
.pill .ic{position:absolute;left:calc(9*var(--u));top:calc(7*var(--u));width:calc(24*var(--u));height:calc(24*var(--u));border-radius:calc(6*var(--u));background:#0b1017;display:grid;place-items:center;color:var(--electric);font-size:calc(10*var(--u))}
.pill .pt{position:absolute;left:calc(42*var(--u));top:calc(3*var(--u));font-size:calc(12.5*var(--u));font-weight:500;white-space:nowrap;max-width:calc(220*var(--u));overflow:hidden;text-overflow:ellipsis}
.pill .ps{position:absolute;left:calc(42*var(--u));top:calc(20*var(--u));font:500 calc(9*var(--u)) var(--mono);color:var(--dim)}
.pill .lb{position:absolute;left:calc(226*var(--u));top:calc(24*var(--u));display:flex;gap:calc(2*var(--u))}
.pill .lb i{width:calc(3*var(--u));height:calc(8*var(--u));background:rgba(255,255,255,.18)}
.pill .lb i.on{background:var(--electric)}
.pill .bd{position:absolute;right:calc(9*var(--u));top:calc(9*var(--u));font:600 calc(11*var(--u)) var(--mono);background:#0b1017;border-radius:calc(8*var(--u));padding:0 calc(8*var(--u));display:flex;align-items:center;gap:calc(5*var(--u))}
.pill .bd i{width:calc(5*var(--u));height:calc(5*var(--u));border-radius:50%;background:var(--gold)}
.pill .plbl{position:absolute;right:calc(48*var(--u));top:calc(21*var(--u));font:600 calc(8.5*var(--u)) var(--mono);color:var(--gold);border:1px solid rgba(201,168,76,.5);border-radius:999px;padding:0 calc(5*var(--u))}
.tf .lpanel{position:absolute;left:calc(1050*var(--u));top:calc(60*var(--u));width:calc(130*var(--u));height:calc(440*var(--u));border-radius:calc(14*var(--u));background:linear-gradient(180deg,rgba(29,38,52,.6),rgba(17,23,32,.2));border:1px solid var(--line)}
.tf .lad{font:500 calc(9.5*var(--u)) var(--mono);letter-spacing:.18em;color:var(--dim)}
.tf .lad b{display:block;font:400 calc(30*var(--u))/1 var(--head);color:var(--text);letter-spacing:.02em}
.tf .st{fill:none;stroke:url(#gT);stroke-width:1.1;opacity:.65}
.tf .ttl{font:400 calc(26*var(--u)) var(--head);letter-spacing:.06em;color:var(--text)}
.tf .ax{font:500 calc(10.5*var(--u)) var(--mono);color:var(--dim)}
.tf .mk{font:500 calc(11*var(--u)) var(--mono);color:var(--mid);display:flex;align-items:center;gap:calc(6*var(--u));white-space:nowrap}
.tf .mk i{width:calc(10*var(--u));height:calc(10*var(--u));border:1.5px solid var(--mid);border-radius:2px}
.tf .mk:hover{color:var(--electric)}
.tf .mk:hover i{border-color:var(--electric)}
#flach{position:fixed;top:50%;opacity:0}
.tfbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:10px 0 0}
.flach{display:inline-flex;align-items:center;gap:8px;font:500 11.5px var(--mono);color:var(--electric);cursor:pointer;border:1px solid var(--line2);border-radius:999px;padding:4px 12px}
.tfc{padding-bottom:14px}
@media (prefers-reduced-motion:reduce){.board{transition:none}}
@media(max-width:760px){.board{transform:none}}
.pg h2.bh{font:400 30px/1 var(--head);letter-spacing:.03em;margin:4px 0 2px}
.pg h2.bh a{color:inherit}
.thd{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:16px 0 4px}
.thd h3{margin:0;font-size:16px;font-weight:600}
.tlab{font:500 9.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.thd .pchip{margin-left:auto}
.wrow.plan .wr-b b{color:var(--mid);font-weight:500}   /* „bald“ ohne Deckkraft: der Kontrast bleibt ≥ 4,5:1 (Lighthouse) */
.wrow.plan .wr-b>span{font-family:var(--mono);font-size:11.5px;color:var(--gold)}
.pg .thd{scroll-margin-top:90px}
.pg .card[id^="b-"]{scroll-margin-top:90px}
/* == Ende W2 wissen-start == */