/* fc-page.css — the ONE page frame for Fantasy Coach AI content pages.
   ---------------------------------------------------------------------------
   Extracted 2026-08-08 from the (previously per-page, previously drifting)
   inline styles. A width or rhythm decision is now ONE edit here instead of
   fourteen. Scope: the CONTENT pages + the generated player/comparison shell.
   The draft room (mock-draft, ff-draft-room, my/draft-room) deliberately does
   NOT load this file — its layout is contracted in ff-room.css/ff-mobile.css
   and must never be restyled from here. Page-specific components stay inline
   on their pages. */
html,body{ background:var(--bg); color:var(--text); }
.wrap{ max-width:1140px; margin:0 auto; padding:0 16px 48px; }
.hero{ padding:56px 0 30px; }
.hero h1{ font-family:var(--display); font-size:clamp(26px,5vw,40px); line-height:1.05; margin:0 0 8px; }
.hero .lede{ color:var(--muted); font-size:16px; line-height:1.6; max-width:760px; }
h2{ font-family:var(--display); font-size:20px; margin:26px 0 10px; }
.fmts{ display:flex; gap:8px; flex-wrap:wrap; margin:14px 0; }
.fmt{ padding:9px 15px; border-radius:999px; border:1px solid var(--border); background:transparent;
  color:var(--muted); font-weight:700; font-size:13px; cursor:pointer; min-height:40px; }
.fmt.on{ background:var(--brand); border-color:var(--brand); color:var(--bg); }
table.pt{ width:100%; border-collapse:collapse; font-size:13.5px; }
table.pt th{ font-size:10.5px; text-transform:uppercase; letter-spacing:.05em; color:var(--muted); text-align:left; padding:8px 6px; border-bottom:1px solid var(--border); }
table.pt td{ padding:8px 6px; border-bottom:1px solid color-mix(in srgb,var(--border) 55%,transparent); }
.num{ text-align:right; font-variant-numeric:tabular-nums; }
.mut{ color:var(--muted); }
.up{ color:var(--ok); font-weight:700; } .dn{ color:var(--bad); font-weight:700; }
.method{ border-top:1px solid var(--border); margin-top:34px; padding:20px 0 40px; font-size:13px; color:var(--muted); line-height:1.7; }
.topnav{ display:flex; justify-content:flex-end; align-items:center; gap:12px; padding:14px 0 0; font-size:13.5px; min-height:34px; }