/* Global Portal explainer — static storyboard (signed story, approved
   2026-09-03). Animation deferred until the scenes are remade with Chris.
   Palette and type ride on portal.css tokens; no new colours. */

.hero-how{color:var(--blue);font:600 14px/1 var(--font-body);text-decoration:none;border-bottom:2px solid var(--green)}
.hero-how:hover{border-bottom-color:var(--blue)}

/* ── storyboard (default content; stays for reduced-motion and no-JS) ── */
.xp-board{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.xp-panel{background:var(--surface);border:1px solid var(--border-card);border-radius:12px;padding:20px 18px}
.xp-panel .n{font:700 12px/1 var(--font-display);color:var(--green);letter-spacing:.08em}
.xp-panel h3{font:700 16px/1.3 var(--font-display);color:var(--on-surface);margin:10px 0 8px}
.xp-panel p{font:400 13.5px/1.55 var(--font-body);color:var(--on-surface-var);margin:0}
@media (max-width:900px){.xp-board{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.xp-board{grid-template-columns:1fr}}