/* LIVEPULSE-Welt auf fantasticmarco.de: gemeinsamer Look für /livepulse und /livepaper.
   Marco, 05.10.2026: beide Seiten angleichen, LIVEPULSE in die Navbar, darunter eine
   Unterleiste „Übersicht · Livepaper“.

   Wird NACH dem Seitenstil geladen und greift nur unter body.lp-seite, damit keine andere
   Seite von fm.css-Nachbarn etwas abbekommt.

   Schriften selbst gehostet (kein Abruf bei Google beim Besuch), lateinische Untermenge mit
   Umlauten und ß, SIL Open Font License. */
@font-face{font-family:"Chakra Petch";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/chakra-petch-600.woff2) format("woff2")}
@font-face{font-family:"Chakra Petch";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/chakra-petch-700.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:100 800;font-display:swap;src:url(fonts/jetbrains-mono-var.woff2) format("woff2")}

body.lp-seite{
  --head:"Chakra Petch","Inter var",ui-sans-serif,system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
}
/* Überschriften kantig-technisch wie im LIVEPULSE-Cockpit. Chakra Petch hat nur 600/700,
   deshalb 700 ausdrücklich — eine 800 würde der Browser künstlich fetten. */
body.lp-seite :is(h1,h2,h3,.sec-h){font-family:var(--head);font-weight:700;letter-spacing:-.005em}
body.lp-seite .ctacard h3,body.lp-seite .hitl h3,body.lp-seite .chan b{font-family:var(--head);font-weight:700;letter-spacing:.005em}
body.lp-seite :is(.lstat .lv,.pstep .pnum){font-family:var(--head);font-weight:700}

/* Unterleiste unter der Navbar */
.lp-sub{position:sticky;top:70px;z-index:30;border-bottom:1px solid var(--line);
  background:rgba(7,9,10,.82);backdrop-filter:blur(8px) saturate(1.2);-webkit-backdrop-filter:blur(8px) saturate(1.2)}
.lp-sub-row{display:flex;align-items:center;gap:6px;height:46px;overflow-x:auto;scrollbar-width:none}
.lp-sub-row::-webkit-scrollbar{display:none}
.lp-sub-marke{font-family:var(--mono);font-size:.7rem;letter-spacing:.26em;text-transform:uppercase;color:var(--acc);font-weight:600;margin-right:14px;white-space:nowrap;display:inline-flex;align-items:center;gap:9px}
.lp-sub-marke::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--acc);box-shadow:0 0 8px rgba(61,255,143,.9)}
.lp-sub a{font-family:var(--mono);font-size:.78rem;letter-spacing:.04em;color:var(--ink-2);padding:7px 12px;border-radius:8px;white-space:nowrap;display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;transition:color .15s,border-color .15s,background .15s}
.lp-sub a:hover{color:var(--ink);border-color:var(--line)}
.lp-sub a[aria-current="page"]{color:var(--ink);border-color:color-mix(in srgb,var(--acc) 45%,transparent);background:rgba(61,255,143,.08)}
.lp-sub-live{font-style:normal;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:#04121a;background:var(--acc);border-radius:4px;padding:1px 5px;font-weight:700}
@media(max-width:520px){.lp-sub-marke{display:none}}
/* Sprungziele unter Navbar + Unterleiste (70 + 46) nicht verdecken */
body.lp-seite [id]{scroll-margin-top:130px}