/* FieldGrid v1.1 "Matchday sheet". Own design system: see F:\Clients\sportsforceparks.biz\DESIGN.md.
   Type: Unbounded (display, wide geometric) + Instrument Sans (text/UI), both self-hosted, OFL (fonts/OFL-*.txt).
   Palette: pitch turf + chalk white + cone orange; four pool colours. Layout: a 1200px "touchline frame". */
@font-face{font-family:"Unbounded";src:url(fonts/unbounded-var.woff2) format("woff2");font-weight:200 900;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(fonts/instrument-sans-var.woff2) format("woff2");font-weight:400 700;font-stretch:75% 100%;font-display:swap}
:root{
  --turf:#0d3a2c;--turf-2:#14513d;--turf-3:#1b6b4f;--turf-ink:#06231a;
  --chalk:#fff;--chalk-2:rgba(255,255,255,.76);--chalk-line:rgba(255,255,255,.22);
  --paper:#f4f6f1;--sheet:#fff;--ink:#0f1a15;--ink-2:#46564e;--rule:#d6ddd5;--rule-2:#b9c4ba;
  --cone:#c2410c;--cone-2:#9a3412;--cone-soft:#fff1e6;
  --ok:#17663f;--err:#a4161a;--err-soft:#fdecec;--focus:#f59e0b;
  --pa-bg:#e0eaff;--pa:#1e3a8a;--pb-bg:#ffe8d6;--pb:#8a2c0a;--pc-bg:#eee8ff;--pc:#4c1d95;--pd-bg:#d7f5ee;--pd:#0f544b;
  --display:"Unbounded","Arial Black","Segoe UI",system-ui,sans-serif;
  --text:"Instrument Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --r:4px;--frame:1200px;--gut:clamp(16px,4vw,40px)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:16px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16.5px/1.6 var(--text);font-variant-numeric:tabular-nums}
img,svg{max-width:100%}
a{color:var(--turf-3);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--turf);text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.12;letter-spacing:-.02em;color:var(--ink)}
h1{font-size:clamp(1.6rem,4.2vw,2.5rem);margin:.1em 0 .5em}
h2{font-size:clamp(1.15rem,2.2vw,1.4rem);margin:1.8em 0 .6em}
h3{font-size:1rem;margin:0 0 .4em}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nowrap{white-space:nowrap}
.mute{color:var(--ink-2)}
.skip{position:absolute;left:-999px;top:8px;z-index:20;background:var(--chalk);color:var(--ink);padding:10px 14px;font-weight:600}
.skip:focus{left:8px}

/* The frame: content sits between two touchlines on wide screens */
.frame,.wrap{max-width:var(--frame);margin:0 auto;padding-left:var(--gut);padding-right:var(--gut)}
.narrow{max-width:860px}
.pad{padding-top:clamp(28px,5vw,56px);padding-bottom:clamp(40px,6vw,72px)}
main{display:block;min-height:50vh}
@media (min-width:1280px){main{background:linear-gradient(var(--rule),var(--rule)) calc(50% - 600px) 0/1px 100% no-repeat,linear-gradient(var(--rule),var(--rule)) calc(50% + 600px) 0/1px 100% no-repeat}}

/* Independence band: first thing on every page */
.indep{background:var(--turf-ink);color:var(--chalk)}
.indep-in{display:flex;align-items:center;gap:10px;padding-top:9px;padding-bottom:9px}
.indep p{margin:0;font-size:.9rem;line-height:1.45}
.indep strong{color:#ffd8bf}
.indep-ico{flex:none;width:20px;height:20px;fill:none;stroke:#ffd8bf;stroke-width:1.8;stroke-linecap:round}

/* Masthead */
.mast{background:var(--sheet);border-bottom:1px solid var(--rule)}
.mast-in{display:flex;align-items:center;justify-content:space-between;gap:12px 28px;flex-wrap:wrap;min-height:72px;padding-top:10px;padding-bottom:10px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}
.brand:hover{color:var(--ink)}
.mark{width:44px;height:31px;flex:none}
.m-turf{fill:var(--turf)}.m-line{fill:none;stroke:#fff;stroke-width:1.6}.m-dot{fill:#ff9a5c}
.brand-w{font-family:var(--display);font-weight:700;font-size:1.25rem;letter-spacing:-.03em}
.nav{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px}
.nav a{color:var(--ink);text-decoration:none;font-weight:500;font-size:.98rem;padding:8px 12px;border-radius:var(--r);position:relative}
.nav a:hover{background:var(--paper)}
.nav a[aria-current]::after{content:"";position:absolute;left:12px;right:12px;bottom:2px;height:2px;background:var(--cone)}
.nav a.nav-desk{background:var(--turf);color:var(--chalk);font-weight:600;margin-left:6px}
.nav a.nav-desk:hover{background:var(--turf-2)}
.nav a.nav-desk[aria-current]::after{background:#ff9a5c}

/* Preview notice */
.pv{background:var(--cone-soft);border-bottom:1px solid #f3cfb5}
.pv-in{display:flex;align-items:flex-start;gap:12px;padding-top:10px;padding-bottom:10px}
.pv p{margin:0;font-size:.93rem;line-height:1.5}
.pv a{color:var(--cone-2);font-weight:600}
.cone{flex:none;width:22px;height:22px;margin-top:1px}
.cone .c1{fill:var(--cone)}.cone .c2{fill:#fff}.cone .c3{fill:var(--turf)}

/* Type helpers */
.eyebrow,.kicker{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cone-2)}
.eyebrow::before,.kicker::before{content:"";width:26px;height:2px;background:currentColor}
.display{font-size:clamp(2.1rem,6.4vw,4.6rem);font-weight:650;letter-spacing:-.045em;line-height:1.02;margin:0 0 .35em;max-width:14ch}
.display-s{font-size:clamp(1.8rem,4.6vw,3rem);letter-spacing:-.04em;margin:0 0 .3em}
.lede,.hero-lede{font-size:clamp(1.08rem,1.8vw,1.35rem);line-height:1.5;color:var(--ink);max-width:56ch}
.small{font-size:.92rem;color:var(--ink-2)}
.dim{color:var(--ink-2);font-size:.88rem}
.free{font-weight:700;color:var(--ok)}

/* Buttons: square-shouldered, like line markings */
.btn{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:10px 20px;border:2px solid var(--turf);border-radius:var(--r);background:var(--sheet);color:var(--turf);font:600 1rem/1.2 var(--text);text-decoration:none;cursor:pointer}
.btn:hover{background:#e9f1ea;color:var(--turf)}
.btn-main{background:var(--turf);color:var(--chalk)}
.btn-main:hover{background:var(--turf-2);color:var(--chalk)}
.btn-line{background:transparent}
.btn-ghost{border-color:transparent;background:transparent;text-decoration:underline;text-underline-offset:3px;padding-left:8px;padding-right:8px}
.btn-ghost:hover{background:transparent;text-decoration-thickness:2px}
.btn-danger{background:var(--err);border-color:var(--err);color:#fff}
.btn-danger:hover{background:#7f1013;color:#fff}
.btn-sm{min-height:38px;padding:6px 14px;font-size:.92rem}
.danger,.btn-ghost.danger{color:var(--err)!important}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 22px}
.actions{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center;margin:20px 0}
.inline{display:inline-block;margin:0}
.actions .inline{margin:0}

/* Money line */
.price-line{display:block;max-width:760px;margin:18px 0;padding:12px 16px;background:var(--sheet);border:1px solid var(--rule);border-top:3px solid var(--turf);font-size:.95rem;line-height:1.5}
.tag{display:inline-block;margin-right:6px;font-family:var(--display);font-size:.72rem;font-weight:600;letter-spacing:.02em;color:var(--chalk);background:var(--turf);padding:3px 8px;border-radius:2px}
.free-box{margin:12px 0 0;padding:8px 12px;background:var(--cone-soft);border-left:3px solid var(--cone);font-size:.92rem}

/* Notes */
.note{margin:14px 0;padding:12px 16px;background:var(--sheet);border:1px solid var(--rule);border-left:4px solid var(--turf-3)}
.note p{margin:.2em 0}
.note-err{border-left-color:var(--err);background:var(--err-soft)}
.plain{padding-left:1.2em}
ul.plain li{margin:4px 0}

/* HOME: hero */
.hero{background:transparent}
.hero-in{padding-top:clamp(44px,8vw,104px);padding-bottom:clamp(40px,6vw,72px)}
.hero .price-line{margin-bottom:0}

/* HOME: the pitch board */
.pitch{background:var(--turf) url(pitch.svg) center/cover no-repeat;color:var(--chalk);padding:clamp(40px,6vw,80px) 0}
.pitch-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 40px;margin-bottom:26px}
.pitch-kicker{margin:0 0 8px;font-size:.82rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#ffc9a6}
.pitch-title{margin:0;color:var(--chalk);font-size:clamp(1.5rem,3.6vw,2.4rem);letter-spacing:-.035em}
.pitch-stats{display:flex;margin:0;border:1px solid var(--chalk-line)}
.pitch-stats div{padding:10px 18px;border-left:1px solid var(--chalk-line);text-align:center}
.pitch-stats div:first-child{border-left:0}
.pitch-stats dt{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--chalk-2)}
.pitch-stats dd{margin:2px 0 0;font-family:var(--display);font-weight:600;font-size:1.5rem;line-height:1.1}
.board-scroll{overflow-x:auto}
.mini-grid{width:100%;border-collapse:separate;border-spacing:0 8px;margin:-8px 0;font-size:1rem}
.mini-grid thead th{padding:4px 16px 2px;text-align:left;font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--chalk-2)}
.mini-grid tbody th{width:9.5em;padding:14px 16px;text-align:left;font-family:var(--display);font-weight:500;font-size:.95rem;color:var(--chalk);white-space:nowrap;border-top:1px solid var(--chalk-line);border-bottom:1px solid var(--chalk-line);border-left:3px solid #ff9a5c;background:rgba(6,35,26,.55)}
.mini-grid td{padding:14px 18px;background:var(--sheet);color:var(--ink);font-weight:600;border-left:1px solid var(--rule)}
.mini-grid td:last-child{border-radius:0 var(--r) var(--r) 0}
.mini-grid td.empty{background:rgba(255,255,255,.1);color:var(--chalk-2);font-weight:500;font-style:italic}
.pitch-note{margin:24px 0 0;max-width:78ch;color:var(--chalk-2);font-size:.95rem}

/* HOME: sections */
.sec-head{max-width:780px;margin-bottom:clamp(28px,4vw,48px)}
.sec-title{margin:0;font-size:clamp(1.45rem,3.4vw,2.35rem);letter-spacing:-.035em;line-height:1.12}
.sec-title .mute{color:#5b6a62}
.sec-title-s{margin:0;font-size:1.3rem;letter-spacing:-.03em}
.run{padding:clamp(56px,8vw,104px) 0;background:var(--sheet);border-bottom:1px solid var(--rule)}
.rail{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;position:relative}
.rail::before{content:"";position:absolute;left:22px;right:22px;top:22px;height:2px;background:repeating-linear-gradient(90deg,var(--turf-3) 0 14px,transparent 14px 22px)}
.stop{position:relative}
.stop-dot{position:relative;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--turf);color:var(--chalk);font-family:var(--display);font-weight:600;box-shadow:0 0 0 6px var(--sheet)}
.stop-when{margin:22px 0 6px;font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--cone-2)}
.stop h3{font-size:1.2rem;letter-spacing:-.025em;margin-bottom:.5em}
.stop p:last-child{margin:0;color:var(--ink-2)}
.costs{padding:clamp(56px,8vw,104px) 0}
.fineprint{margin-top:22px;max-width:90ch}

/* Plans: comparison sheet (wide) / stack (narrow) */
.sheet-wrap{background:var(--sheet);border:1px solid var(--rule)}
.sheet{width:100%;border-collapse:collapse;table-layout:fixed}
.sheet th,.sheet td{padding:14px 18px;border-top:1px solid var(--rule);text-align:left;vertical-align:top;font-size:.95rem}
.sheet thead th,.sheet thead td{border-top:0;padding-top:22px;padding-bottom:22px;vertical-align:bottom}
.sheet tbody th{font-weight:600;color:var(--ink);width:30%}
.sheet thead th{font-weight:400}
.sheet .col-plus{background:#eef5ef;border-left:2px solid var(--turf);border-right:2px solid var(--turf)}
.sheet thead .col-plus{border-top:6px solid var(--turf)}
.sheet tbody tr:last-child .col-plus{border-bottom:2px solid var(--turf)}
.plan-n{display:block;font-family:var(--display);font-weight:600;font-size:1rem;letter-spacing:-.02em}
.plan-amt{display:block;margin-top:8px;font-family:var(--display);font-weight:650;font-size:2.1rem;letter-spacing:-.04em;line-height:1.05;color:var(--turf)}
.plan-amt small,.splan-amt small{font-family:var(--text);font-size:.95rem;font-weight:500;letter-spacing:0;color:var(--ink-2)}
.plan-per{display:block;margin-top:6px;font-size:.9rem;color:var(--ink-2);min-height:2.9em}
.tick{color:var(--ok);font-weight:700;font-size:1.1rem}
.dash{color:#8a958e}
.sheet-free .free-box{margin:0}
.stack{display:none}
.splan{background:var(--sheet);border:1px solid var(--rule);padding:20px;margin:0 0 14px}
.splan-plus{border:2px solid var(--turf);border-top-width:6px}
.splan-n{margin:0;font-size:1.05rem}
.splan-amt{margin:8px 0 0;font-family:var(--display);font-weight:650;font-size:2rem;letter-spacing:-.04em;color:var(--turf)}
.splan-per{margin:2px 0 0;color:var(--ink-2)}
.splan ul{margin:12px 0 0;padding-left:1.1em}
.splan li{margin:4px 0}

/* Inner pages */
.page-head{padding:clamp(36px,6vw,72px) 0 8px}
.page-body{padding-top:20px;padding-bottom:clamp(48px,7vw,88px)}
.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:20px 48px;margin-top:clamp(40px,6vw,72px)}
.ruled{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.ruled li{padding:12px 0;border-bottom:1px solid var(--rule)}
.pad>h1:first-child,.pad>.kicker:first-child+h1{font-size:clamp(1.8rem,4.4vw,2.9rem);letter-spacing:-.04em}
.pad h2{padding-top:.9em;border-top:1px solid var(--rule)}
.pad ol,.pad ul:not(.plain):not(.checks):not(.evlist){padding-left:1.3em}
.pad ol li,.pad ul li{margin:6px 0}
.narrow p,.narrow li{max-width:70ch}
.crumbs{margin:0 0 6px;font-size:.92rem}
.summary{display:inline-block;margin:4px 0 10px;padding:8px 14px;background:var(--turf);color:var(--chalk);font-weight:600;font-size:.98rem}

/* Schedule grid */
.gridwrap{overflow-x:auto;background:var(--sheet);border:1px solid var(--rule);margin:14px 0}
.grid,.st{border-collapse:collapse;width:100%}
.grid th,.grid td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--rule);vertical-align:middle}
.grid thead th{background:var(--turf);color:var(--chalk);font-size:.76rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.grid tbody th{white-space:nowrap;font-weight:600;font-size:.95rem;background:#f7f9f6;border-right:1px solid var(--rule)}
.grid tbody tr:last-child>*{border-bottom:0}
.grid td{min-width:12em}
.slotn{display:inline-grid;place-items:center;min-width:1.8em;height:1.8em;margin-right:6px;border-radius:2px;background:var(--ink);color:var(--chalk);font-family:var(--display);font-size:.72rem;font-weight:600}
.pool{display:inline-block;margin-right:6px;padding:1px 7px;border-radius:2px;font-size:.74rem;font-weight:700;letter-spacing:.02em;background:var(--pa-bg);color:var(--pa);white-space:nowrap}
.pool.p1{background:var(--pb-bg);color:var(--pb)}.pool.p2{background:var(--pc-bg);color:var(--pc)}.pool.p3{background:var(--pd-bg);color:var(--pd)}
.v{color:var(--ink-2);font-size:.85em;padding:0 2px}
.sc{display:inline-block;margin-left:6px;padding:1px 8px;background:var(--ink);color:var(--chalk);font-family:var(--display);font-size:.8rem;font-weight:600;border-radius:2px}
.empty{color:var(--ink-2);font-style:italic}
.checks{list-style:none;padding:0;margin:0;display:grid;gap:0;max-width:820px;border-top:2px solid var(--ink)}
.checks li{padding:10px 0;border-bottom:1px solid var(--rule)}
.checks li span[aria-hidden]{display:inline-grid;place-items:center;width:1.5em;height:1.5em;margin-right:8px;border-radius:50%;background:var(--ok);color:#fff;font-size:.8rem;font-weight:700}
.checks li.bad span[aria-hidden]{background:var(--err)}
.checks li.bad{color:var(--err)}
.teams{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.team{background:var(--sheet);border:1px solid var(--rule);border-top:4px solid var(--turf-3);padding:14px 16px}
.team h3{margin:0 0 6px;font-size:.98rem}
.team ol{margin:0;padding-left:1.3em;font-size:.93rem}
.team li{margin:3px 0}

/* Forms */
.sched-form{background:var(--sheet);border:1px solid var(--rule);padding:clamp(16px,3vw,28px);margin-top:8px}
.formgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 20px}
.formgrid .wide{grid-column:1/-1}
label{display:block;margin:10px 0;font-weight:600;font-size:.95rem}
input,select,textarea{display:block;width:100%;max-width:100%;margin-top:6px;padding:11px 12px;border:1px solid var(--rule-2);border-bottom:2px solid var(--ink-2);border-radius:2px;background:#fff;color:var(--ink);font:16px/1.4 var(--text)}
textarea{font-family:var(--text);min-height:9em}
input:focus,select:focus,textarea:focus{outline:3px solid var(--focus);outline-offset:1px;border-bottom-color:var(--turf)}
input[readonly]{background:#f7f9f6}

/* Desk */
.keybox{margin:16px 0;padding:16px 18px;background:var(--sheet);border:2px dashed var(--turf-3)}
.keybox p{margin:.2em 0}
.keyrow{display:flex;gap:8px;align-items:center;margin:8px 0}
.keyrow input{margin:0;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.86rem;min-width:0}
.evlist{list-style:none;padding:0;margin:0;border-top:2px solid var(--ink)}
.evlist li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding:12px 0;border-bottom:1px solid var(--rule)}
.evlist a{font-weight:600}
.pools{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}
.pools>*,.standing,.teams>*,.gamelist>*,.sheet-wrap,.board-scroll{min-width:0}
.standing h3{margin:0 0 6px}
.standing .gridwrap{margin:0}
.st th,.st td{padding:8px 10px;border-bottom:1px solid var(--rule);text-align:right;white-space:nowrap}
.st th[scope=row],.st thead th:nth-child(2){text-align:left}
.st thead th{background:var(--ink);color:var(--chalk);font-size:.74rem;letter-spacing:.08em}
.st tbody tr:first-child td:first-child{color:var(--cone-2);font-weight:700}
.lot{display:inline-block;margin-left:6px;padding:0 6px;background:var(--cone-soft);color:var(--cone-2);font-size:.75rem;font-weight:600}
.gamelist{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(min(100%,460px),1fr))}
.game{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 14px;background:var(--sheet);border:1px solid var(--rule);border-left:4px solid var(--turf-3)}
.gmeta{flex:1 1 100%;font-size:.88rem;color:var(--ink-2)}
.gteam{display:flex;align-items:center;gap:8px;margin:0;font-weight:600}
.gteam input{width:3.4em;margin:0;text-align:center;font-family:var(--display);font-weight:600;padding:8px 4px}
.game .btn{margin-left:auto}
.danger-line{margin:0}
.pages-dim{color:var(--ink-2)}

/* Footer */
.foot{background:var(--turf-ink);color:var(--chalk-2);padding:clamp(40px,6vw,64px) 0 28px;border-top:6px solid var(--turf-3)}
.foot a{color:var(--chalk)}
.foot-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.4fr);gap:28px 48px}
.foot-name{margin:0 0 8px;font-family:var(--display);font-weight:700;font-size:1.3rem;color:var(--chalk);letter-spacing:-.03em}
.foot-tag{margin:0;max-width:30ch}
.foot-links{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.foot-links a{text-decoration:none;padding:2px 0}
.foot-links a:hover{text-decoration:underline}
.foot-indep{padding:16px 18px;border:1px solid var(--chalk-line);border-left:4px solid #ff9a5c}
.foot-indep-h{margin:0 0 6px;font-family:var(--display);font-weight:600;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:#ffc9a6}
.fine{margin:0;font-size:.9rem;line-height:1.55;color:var(--chalk)}
.powered{grid-column:1/-1;margin:8px 0 0;padding-top:20px;border-top:1px solid var(--chalk-line);font-weight:600;color:var(--chalk)}

/* Responsive */
@media (max-width:960px){
  .rail{grid-template-columns:1fr;gap:28px;padding-left:0}
  .rail::before{left:22px;right:auto;top:22px;bottom:22px;width:2px;height:auto;background:repeating-linear-gradient(180deg,var(--turf-3) 0 14px,transparent 14px 22px)}
  .stop{padding-left:68px}
  .stop-dot{position:absolute;left:0;top:0}
  .stop-when{margin-top:10px}
  .foot-in{grid-template-columns:1fr 1fr}
  .foot-indep{grid-column:1/-1}
  .two-col{grid-template-columns:1fr}
}
@media (max-width:800px){
  .sheet-wrap{display:none}
  .stack{display:block}
  .formgrid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  body{font-size:16px}
  .mast-in{min-height:0}
  .nav{width:100%;gap:2px}
  .nav a{padding:8px 9px;font-size:.93rem}
  .nav a.nav-desk{margin-left:auto}
  .pitch-stats{width:100%}
  .pitch-stats div{flex:1;padding:8px 6px}
  .pitch-stats dd{font-size:1.2rem}
  .mini-grid{font-size:.9rem}
  .mini-grid tbody th{width:auto;padding:12px 10px;font-size:.8rem}
  .mini-grid td{padding:12px 10px}
  .mini-grid thead th{padding:4px 10px 2px}
  .pools{grid-template-columns:1fr}
  .foot-in{grid-template-columns:1fr}
  .cta .btn{flex:1 1 100%;justify-content:center}
  .keyrow{flex-wrap:wrap}
  .game .btn{margin-left:0}
}
@media (max-width:400px){
  .formgrid{grid-template-columns:1fr}
  .nav a{padding:7px 7px;font-size:.9rem}
  .indep p,.pv p{font-size:.86rem}
}
/* v1.2.0 AdEngine banner (adengine.us): one labelled slot between </main> and the footer on public pages only
   (partials/adengine_slot.php). The label and the reserved height (16px label + 4px + 90 or 250) sit on the <ins>, so the
   banner moves nothing when it lands and a slot tag.js hides takes its label and its spacing with it. Pages end on paper
   padding and the footer has no top margin, so the only spacing the slot adds is below it. No !important on display:
   tag.js hides an unfilled slot with an inline display:none. On wide screens the touchlines carry on past the slot. */
.ae-slot{display:flow-root;margin:0;padding:0 var(--gut)}
.ae-slot ins.adengine{display:block;max-width:728px;min-height:110px;margin:0 auto clamp(40px,6vw,64px);text-align:center;text-decoration:none}
.ae-slot ins.adengine::before{content:"Advertisement";display:block;margin-bottom:4px;font:600 11px/16px var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.ae-slot ins.adengine a{display:inline-block;vertical-align:top}
.ae-slot:has(> ins.adengine[style*="none"]){display:none}
@media (max-width:767px){.ae-slot ins.adengine{max-width:300px;min-height:270px}}
@media (min-width:1280px){.ae-slot{background:linear-gradient(var(--rule),var(--rule)) calc(50% - 600px) 0/1px 100% no-repeat,linear-gradient(var(--rule),var(--rule)) calc(50% + 600px) 0/1px 100% no-repeat}}

@media print{
  .indep,.mast,.pv,.foot,.noprint,.skip,.price-line,.ae-slot{display:none!important}
  body,main{background:#fff!important}
  .gridwrap{overflow:visible;border:0}
  .grid thead th{background:#fff;color:#000;border-bottom:2px solid #000}
  .summary{background:#fff;color:#000;padding:0}
  .frame,.wrap{max-width:none}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
