/* Shared look for the static info pages (Prime Time: ultramarine field, bone type, vermilion straps). */
:root { --field:#2B1BFF; --ink:#0D0D14; --verm:#FF4A1C; --bone:#F4EFE6; --muted:#CFC9FF; --line:rgba(207,201,255,.28); }
* { box-sizing: border-box; }
html { background: var(--field); }
body { margin: 0; background: var(--field); color: var(--bone); font: 400 17px/1.6 Archivo, system-ui, sans-serif; }
::selection { background: #FFD23F; color: var(--ink); }
a { color: var(--bone); text-decoration-thickness: 2px; text-underline-offset: 4px; text-decoration-color: var(--verm); }
a:focus-visible { outline: 3px solid #FFD23F; outline-offset: 3px; }
.wrap { max-width: 720px; margin: 0 auto; padding: 28px 20px 80px; }
.bug { display: inline-flex; align-items: center; gap: 10px; background: var(--ink); padding: 8px 12px; border-radius: 3px; font: 800 12px Archivo; letter-spacing: .14em; text-transform: uppercase; text-decoration: none; }
.bug i { width: 8px; height: 8px; border-radius: 50%; background: var(--verm); }
h1 { font: 900 clamp(48px, 10vw, 88px)/.9 'Big Shoulders Display', sans-serif; text-transform: uppercase; margin: 36px 0 16px; }
.lede { font-size: 20px; max-width: 36ch; margin: 0 0 28px; }
.strap { display: flex; margin: 0 -20px 36px; text-decoration: none; }
.strap b { background: var(--verm); color: var(--ink); font: 800 12px Archivo; letter-spacing: .14em; text-transform: uppercase; padding: 14px 14px 14px 20px; display: flex; align-items: center; }
.strap span { background: var(--bone); color: var(--ink); font-weight: 600; padding: 12px 16px; flex: 1; }
h2 { font: 900 30px/1.05 'Big Shoulders Display', sans-serif; text-transform: uppercase; margin: 40px 0 10px; padding-top: 18px; border-top: 1px solid var(--line); }
h3 { font: 800 17px Archivo; margin: 22px 0 4px; }
p, li { max-width: 68ch; }
ol, ul { padding-left: 22px; }
li { margin: 8px 0; }
.muted { color: var(--muted); }
.foot { margin-top: 48px; }