:root{--red:#C8102E;--blue:#0038B8;--ink:#12131A;--ink2:#2B2D3A;--mid:#5A5D70;--muted:#8A8DA0;
--bg:#F7F7FA;--surface:#FFF;--surface2:#F0F1F5;--border:#E2E3EC;--gold:#B8860B;
--fh:'Oswald',sans-serif;--fb:'Source Sans 3',sans-serif;}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--fb);background:var(--bg);color:var(--ink);line-height:1.6}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:840px;margin:0 auto;padding:0 1.2rem}
.top{background:var(--surface);border-bottom:1.5px solid var(--border);padding:.9rem 0}
.top .wrap{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.logo{font-family:var(--fh);font-weight:700;font-size:1.15rem;color:var(--ink)}
.logo span{color:var(--red)}
.nav{display:flex;gap:1rem;margin-left:auto;font-family:var(--fh);font-size:.82rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.nav a{color:var(--mid)}
.crumb{font-size:.78rem;color:var(--muted);padding:.9rem 0}
.crumb a{color:var(--mid)}
.hero{background:linear-gradient(135deg,#1B1F3B,#2D3561);color:#fff;padding:2.2rem 0}
.eyebrow{font-family:var(--fh);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:.5rem}
h1{font-family:var(--fh);font-size:clamp(1.7rem,4vw,2.6rem);font-weight:700;line-height:1.1;letter-spacing:-.01em}
.by{font-size:1.05rem;color:rgba(255,255,255,.75);margin-top:.4rem}
.by a{color:#9FB4FF}
.stats{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.4rem 0}
.stat{background:var(--surface);border:1.5px solid var(--border);border-radius:10px;padding:.7rem 1rem;min-width:92px}
.stat b{display:block;font-family:var(--fh);font-size:1.5rem;font-weight:700;line-height:1}
.stat span{font-family:var(--fh);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.sec{font-family:var(--fh);font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--mid);margin:1.8rem 0 .6rem;padding-bottom:.35rem;border-bottom:2px solid var(--border)}
table{width:100%;border-collapse:collapse;background:var(--surface);border:1.5px solid var(--border);border-radius:10px;overflow:hidden;font-size:.9rem}
th{background:var(--surface2);font-family:var(--fh);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mid);text-align:left;padding:.6rem .8rem}
td{padding:.55rem .8rem;border-top:1px solid var(--border)}
td.n{font-family:ui-monospace,monospace;text-align:center;width:56px}
.p1{color:var(--gold);font-weight:700}
.cta{display:inline-block;background:var(--red);color:#fff;font-family:var(--fh);font-weight:600;letter-spacing:.03em;
padding:.7rem 1.3rem;border-radius:99px;margin:1.4rem 0}
.cta:hover{background:#a01722;text-decoration:none}
.note{font-size:.85rem;color:var(--mid);background:var(--surface2);border-left:3px solid var(--gold);padding:.7rem .9rem;border-radius:0 8px 8px 0;margin:1rem 0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;margin-top:.6rem}
.card{background:var(--surface);border:1.5px solid var(--border);border-radius:8px;padding:.6rem .8rem;font-size:.88rem}
.card b{display:block;color:var(--ink)}
.card small{color:var(--muted)}
footer{margin-top:3rem;padding:1.6rem 0;border-top:1.5px solid var(--border);font-size:.8rem;color:var(--muted);text-align:center}

.with-tag{display:inline-block;margin-left:.4rem;font-size:.7rem;color:var(--muted);background:var(--surface2);
  border:1px solid var(--border);border-radius:99px;padding:.05rem .45rem;vertical-align:middle}
.with-tag a{color:var(--blue)}