/* LatentWorlds brand, from "Brand Communication Assets.pdf": white and light-grey ground, black text,
   grey second tone, a #FFDD00 yellow used as a highlighter behind small text, a light Helvetica-style
   grotesque. Corners are rounded (requested). The PDF's font is outlined, so Helvetica Neue is the match
   by eye: confirm the real one. */
:root{
  --bg:#fff;--fg:#111;--mut:#777;--muted:#777;--card:#f3f3f3;--surface:#f3f3f3;--line:#e2e2e2;
  --accent:#ffdd00;--accent-ink:#111;--y:#ffdd00;--hl:#ffdd00;--acc:#111;
  --bar:#111;--bar2:#cfcfcf;--warn:#b3261e;--ok:#1b6e3a;
  --ff:"Helvetica Neue",Helvetica,"Neue Haas Grotesk Text Pro",Arial,sans-serif;--fm:var(--ff);color-scheme:light}
html{background:#fff}
body{font-family:var(--ff);font-weight:400;-webkit-font-smoothing:antialiased;background:var(--bg);color:var(--fg)}
h1,h2{font-family:var(--ff);font-weight:300;letter-spacing:-.025em}
h3{font-weight:500}
/* yellow is a highlighter chip behind text, as in the PDF */
.pill,.warn,.callout,.sat{background:var(--accent);color:var(--accent-ink);border-radius:12px}
.pill{border-radius:999px}
.warn,.callout{padding:14px 18px}
.btn,button{background:var(--accent);color:var(--accent-ink);border:0;border-radius:999px;font-weight:500}
.btn:hover,button:hover{background:var(--fg);color:var(--bg)}
.card,.box,a.c,select,input,.bar .t,.bar .t i{border-radius:20px}
a.c:hover{background:var(--accent);color:var(--fg)}a.c:hover span{color:var(--fg)}
select,input{border-radius:999px;padding-inline:14px}
table{border-collapse:separate;border-spacing:0;border-radius:16px;overflow:hidden}
/* frosted sticky bar, Apple style */
.strip{background:rgba(255,221,0,.82);color:#111;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-radius:999px;padding:10px 20px}
.seq li:before{border-radius:50%}