/* site.css — Sightlines shared chrome: design tokens, nav, page header, action buttons, pills, feedback.
   ONE place to edit the brand. Linked at the END of every <head> (after each page's own <style>), which is
   exactly where nav.js used to append these rules as an inline <style> — so the cascade is unchanged:
   page rules in <body> still win, page <style> in <head> still loses, for equal specificity.
   Colour defaults sit on `html` (specificity 0,0,1) so any page that sets its own :root palette keeps it;
   fonts and widths sit on :root as the canonical override they always were. Extracted 2026-09-06 (slice 1). */

/* ── colour defaults (the values 16 of 19 pages already agree on; override on :root per page for a theme) ── */
html{--bg:#0b0b0e;--bg2:#121218;--card:#16161c;--ink:#f3efe6;--dim:#8d8a82;--line:#26262e;--amber:#e8b04b;--amber-soft:#caa15a;
  --pan:#15151c;--bd:#26262e;--mut:#8d8a82;--gold:#caa15a}   /* admin-page aliases */

/* ── from nav.js: nav (desktop + mobile sheet), :root fonts/widths, .pagehead, .action-row / .sl-btn, .sl-sheet, brandbar footer ── */
.g7nav{display:flex;align-items:center;gap:2px;flex-wrap:wrap;padding:8px 18px;background:#0e0e13;border-bottom:1px solid #26262e;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;box-shadow:0 1px 0 rgba(0,0,0,.4)}.g7nav a{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:8px;color:#b8b4ab;font-size:13px;font-weight:500;letter-spacing:.2px;text-decoration:none;line-height:1;transition:background .14s,color .14s}.g7nav a svg{width:17px;height:17px;flex:0 0 auto;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.g7nav a:hover{color:#f3efe6;background:rgba(232,176,75,.10)}.g7nav a.current{color:#e8b04b;background:rgba(232,176,75,.13)}.g7nav a.current svg{stroke:#e8b04b}.g7nav-taste{margin-left:auto;color:#caa15a}.g7nav-taste svg{stroke:#caa15a}.g7nav-taste+.g7nav-binge{margin-left:0}.g7nav-binge{margin-left:auto;color:#e8b04b;border:1px solid rgba(232,176,75,.30)}.g7nav-binge:hover{color:#f3efe6;background:rgba(232,176,75,.14)}.g7nav-binge svg{stroke:#e8b04b}.g7nav-m,.g7nav-sheet,.g7nav-sheet-bd{display:none}@media(max-width:600px){.g7nav{display:none}.g7nav-m{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1101;padding:9px 14px;background:#0e0e13;border-bottom:1px solid #26262e;font-family:"Inter",-apple-system,system-ui,sans-serif;box-shadow:0 1px 0 rgba(0,0,0,.4)}.g7nav-m-home{color:#f3efe6;font-family:var(--serif,Georgia,serif);font-size:20px;font-weight:600;letter-spacing:-.3px;text-decoration:none}.g7nav-m-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:-8px -10px -8px 0;background:none;border:0;color:#e7e2d6;cursor:pointer;border-radius:9px}.g7nav-m-toggle svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round}.g7nav-m-toggle[aria-expanded="true"]{background:rgba(232,176,75,.13);color:#e8b04b}.g7nav-sheet-bd.open{display:block;position:fixed;inset:0;z-index:1099;background:rgba(0,0,0,.4)}.g7nav-sheet.open{display:block;position:fixed;top:var(--g7nav-h,52px);left:0;right:0;z-index:1100;max-height:calc(100vh - var(--g7nav-h,52px));overflow-y:auto;background:#16161c;border-bottom:1px solid #33333c;padding:6px 8px 12px;box-shadow:0 14px 34px rgba(0,0,0,.6)}.g7nav-sheet a{display:flex;align-items:center;gap:14px;padding:12px 14px;min-height:44px;color:#d8d3c8;font-family:"Inter",-apple-system,system-ui,sans-serif;font-size:15px;font-weight:500;text-decoration:none;border-radius:9px}.g7nav-sheet a svg{width:20px;height:20px;flex:0 0 auto;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.g7nav-sheet a:active{background:rgba(232,176,75,.10);color:#f3efe6}.g7nav-sheet a.current{color:#e8b04b;background:rgba(232,176,75,.12)}.g7nav-sheet a.current svg{stroke:#e8b04b}.g7nav-sheet a.g7nav-binge{margin-left:0;border:0}body{padding-bottom:58px}}:root{--serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;--sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--w-read:760px;--w-wide:1040px;--ph-title:clamp(30px,5vw,46px)}.pagehead{margin:0 0 22px}.pagehead .kicker{font-family:var(--sans);font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--amber-soft,#caa15a);font-weight:700;margin:0 0 12px}.pagehead h1,.pagehead .ph-t{font-family:var(--serif);font-size:var(--ph-title);line-height:1.04;font-weight:600;letter-spacing:-.5px;margin:0 0 12px;color:var(--ink,#f3efe6)}.pagehead .dek{font-family:var(--sans);font-size:18px;line-height:1.5;color:var(--dim,#8d8a82);margin:0 0 22px;max-width:640px}.action-row,.lfacts{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:0 0 22px}.sl-btn,.action-row button,.action-row a.sl-btn,.lfacts button,.lfacts a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;box-sizing:border-box;padding:10px 16px;border-radius:9px;font:600 13.5px/1 var(--sans);cursor:pointer;text-decoration:none;white-space:nowrap;color:#d8cfa8;background:rgba(202,161,90,.12);border:1px solid rgba(202,161,90,.32);transition:background .14s,color .14s}.sl-btn:hover,.action-row button:hover,.action-row a.sl-btn:hover,.lfacts button:hover,.lfacts a:hover{background:rgba(202,161,90,.22);color:#fff}.sl-btn--primary{color:#1a1407;background:#e8b04b;border-color:transparent;font-weight:700}.sl-btn--primary:hover{filter:brightness(1.06);color:#1a1407;background:#e8b04b}.sl-btn[disabled],.action-row button[disabled]{opacity:.5;cursor:default}@media(max-width:600px){.action-row,.lfacts{gap:8px}.sl-btn,.action-row button,.action-row a.sl-btn{flex:1 1 auto;min-width:0}}.sl-sheet-fab,.sl-sheet-bd,.sl-sheet-close{display:none}@media(max-width:640px){.sl-sheet-fab{display:inline-flex;align-items:center;gap:6px;position:fixed;left:50%;transform:translateX(-50%);bottom:calc(14px + env(safe-area-inset-bottom));z-index:1201;min-height:46px;padding:11px 24px;border-radius:24px;background:#e8b04b;color:#1a1407;border:0;font:700 14px/1 var(--sans);box-shadow:0 6px 22px rgba(0,0,0,.5);cursor:pointer}.sl-sheet-fab.hide{display:none}.sl-sheet{position:fixed !important;left:0 !important;right:0 !important;bottom:0 !important;top:auto !important;width:auto !important;height:auto !important;max-height:84vh;overflow-y:auto;margin:0 !important;border:0 !important;border-top:1px solid #33333c !important;border-radius:16px 16px 0 0;background:#141319;padding:16px 14px calc(30px + env(safe-area-inset-bottom)) !important;transform:translateY(103%);transition:transform .26s ease;z-index:1202;box-shadow:0 -12px 40px rgba(0,0,0,.6)}.sl-sheet.open{transform:none}.sl-sheet-bd.open{display:block;position:fixed;inset:0;z-index:1200;background:rgba(0,0,0,.45)}.sl-sheet-close.open{display:inline-flex;align-items:center;gap:6px;position:fixed;top:12px;right:12px;z-index:1203;min-height:40px;padding:8px 16px;border-radius:20px;background:#16161c;color:#e7e2d6;border:1px solid #3a3a44;font:700 13px/1 var(--sans);cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.5)}body.sl-sheet-lock{overflow:hidden}}body:has(> footer.g7-brandbar){min-height:100vh;display:flex;flex-direction:column}body > footer.g7-brandbar{margin-top:auto}

/* ── from nav.js: #sl-pill (list pill) + .sl-add (poster add buttons) ── */
#sl-pill{position:fixed;right:16px;bottom:16px;z-index:1000;display:none;align-items:center;gap:8px;flex-wrap:wrap;max-width:calc(100vw - 32px);justify-content:flex-end;background:#e0b04b;color:#1a1500;font:600 13px/1 system-ui,sans-serif;border-radius:22px;padding:9px 7px 9px 15px;box-shadow:0 4px 16px rgba(0,0,0,.35);max-width:calc(100vw - 32px);flex-wrap:wrap}#sl-pill .sl-n{font-weight:700;opacity:.7;white-space:nowrap;padding-right:8px;margin-right:7px;border-right:1px solid rgba(0,0,0,.28)}#sl-pill a{color:#1a1500;text-decoration:none;font-weight:700;padding:3px 8px;border-radius:12px;background:rgba(0,0,0,.10);white-space:nowrap}#sl-pill a:hover{background:rgba(0,0,0,.20)}#sl-pill button{background:rgba(0,0,0,.18);color:#1a1500;border:0;width:22px;height:22px;border-radius:50%;cursor:pointer;font-size:12px;line-height:1}.sl-add{position:absolute;top:6px;right:6px;z-index:5;width:24px;height:24px;border-radius:50%;border:0;cursor:pointer;background:rgba(20,18,12,.72);color:#fff;font:700 15px/23px system-ui;text-align:center;padding:0;opacity:.85;transition:.15s}.sl-add:hover{opacity:1;background:#111}.sl-add.on{background:#e0b04b;color:#1a1500}

/* ── from nav.js: #sl-mine-pill ── */
#sl-mine-pill{position:fixed;right:16px;bottom:16px;z-index:1000;display:none;background:#16161c;border:1px solid #33333c;border-radius:20px;padding:8px 14px;font:600 13px/1 system-ui,sans-serif;box-shadow:0 4px 16px rgba(0,0,0,.35)}#sl-mine-pill a{color:#e0b04b;text-decoration:none}

/* ── from nav.js: #sl-fb feedback widget ── */
#sl-fb-btn{position:fixed;left:16px;bottom:16px;z-index:1000;background:#16161c;border:1px solid #33333c;border-radius:20px;padding:8px 13px;font:600 13px/1 system-ui,sans-serif;color:#caa15a;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.35);display:inline-flex;align-items:center;gap:6px}#sl-fb-btn:hover{color:#e8b04b;background:#1b1b22}#sl-fb-bd{position:fixed;inset:0;z-index:2001;background:rgba(0,0,0,.45)}#sl-fb{position:fixed;z-index:2002;left:50%;top:50%;transform:translate(-50%,-50%);background:#16161c;border:1px solid #33333c;border-radius:14px;padding:20px 20px 18px;box-shadow:0 10px 44px rgba(0,0,0,.6);font-family:system-ui,sans-serif;width:420px;max-width:92vw}#sl-fb h3{font-family:Georgia,serif;font-size:19px;margin:0 0 4px;color:#f3efe6}#sl-fb .fbsub{font-size:13px;color:#8d8a82;line-height:1.5;margin:0 0 14px}#sl-fb label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.9px;color:#8d8a82;margin:0 0 4px}#sl-fb textarea,#sl-fb input[type=email]{width:100%;background:#141319;border:1px solid #2a2a33;border-radius:9px;color:#e7e2d6;font:14px/1.5 system-ui,sans-serif;padding:10px;resize:vertical}#sl-fb textarea{height:120px;margin-bottom:12px}#sl-fb input[type=email]{margin-bottom:14px}#sl-fb .fbhp{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;opacity:0}#sl-fb .fbrow{display:flex;gap:10px;align-items:center;justify-content:flex-end}#sl-fb .fbcancel{background:none;border:0;color:#8d8a82;font-size:14px;cursor:pointer;padding:8px 10px}#sl-fb .fbsend{background:#e0b04b;color:#1a1500;border:0;border-radius:9px;padding:10px 20px;font-weight:700;font-size:14px;cursor:pointer}#sl-fb .fbsend:disabled{opacity:.55;cursor:default}#sl-fb .fberr{color:#e2a06a;font-size:13px;margin:2px 0 0;flex:1}#sl-fb .fbthanks{font-size:15px;color:#e7e2d6;line-height:1.5;padding:6px 0 4px}

/* ── from nav.js: hide fixed pills while the mobile keyboard is up ── */
@media(max-width:640px){html.sl-kbd #sl-fb-btn,html.sl-kbd #sl-pill{opacity:0!important;pointer-events:none!important}}

