/* Static SEO pages (scripts/build-seo-pages.mjs). Self-contained: no web fonts, no inline styles
   (the pages' CSP is style-src 'self'). Ball colours are the app's per-game --gm/--gb tokens. */
:root{
  --bg:#FBF7F1;--bg2:#FFFFFF;--bg3:#F3ECE2;--fg:#1D1218;--sub:#5E4E56;--border:#E6DCCF;
  --gold:#B8860B;--gold2:#E9B44C;--link:#8A5A00;--shadow:0 1px 2px rgba(30,10,20,.06),0 6px 18px rgba(30,10,20,.06);
  --gm:#E9B44C;--gm-txt:#2A1608;--gb:#194F90;--gb-txt:#FFF;
  color-scheme:light dark;
}
@media (prefers-color-scheme:dark){
  :root{--bg:#160A12;--bg2:#21121B;--bg3:#2C1A25;--fg:#F6EEF2;--sub:#C4B0BB;--border:#3B2632;--gold:#E9B44C;--gold2:#F5CE7B;--link:#F5CE7B;--shadow:0 1px 2px rgba(0,0,0,.35),0 8px 22px rgba(0,0,0,.28)}
}
[data-game="lotto"]{--gm:#CC2060;--gm-txt:#FFF;--gb:#F4F0E8;--gb-txt:#171018}
[data-game="viking"]{--gm:#2146C7;--gm-txt:#FFF;--gb:#111B45;--gb-txt:#FFF}
[data-game="euro"]{--gm:#F3C316;--gm-txt:#172340;--gb:#194F90;--gb-txt:#FFF}
[data-game="powerball"]{--gm:#F6F7F8;--gm-txt:#15171A;--gb:#D71E28;--gb-txt:#FFF}
[data-game="mega"]{--gm:#F7F7F5;--gm-txt:#16191D;--gb:#F2B705;--gb-txt:#231700}
[data-game="euromillions"]{--gm:#17499E;--gm-txt:#FFF;--gb:#F1C40F;--gb-txt:#1F1800}
[data-game="superenalotto"]{--gm:#098B4A;--gm-txt:#FFF;--gb:#D42136;--gb-txt:#FFF}
[data-game="lottomax"]{--gm:#1B4FB8;--gm-txt:#FFF;--gb:#D41F3A;--gb-txt:#FFF}
[data-game="powerballau"]{--gm:#2548BA;--gm-txt:#FFF;--gb:#7B239B;--gb-txt:#FFF}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;overflow-wrap:break-word}
a{color:var(--link)}
a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--gold2);outline-offset:2px}
.wrap{width:min(100% - 32px,1040px);margin-inline:auto}
.top{background:linear-gradient(135deg,#3A0E24,#160A12);color:#fff}
.top-in{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 0}
.brand{display:inline-flex;align-items:center;gap:10px;color:#fff;font-weight:800;text-decoration:none;font-size:17px}
.brand img{border-radius:8px}
.topnav{display:flex;flex-wrap:wrap;gap:4px 14px}
.topnav a{color:#F5CE7B;text-decoration:none;font-weight:700;font-size:14px;padding:6px 0}
.topnav a[aria-current="page"],.topnav a:hover{text-decoration:underline}
.crumbs{margin:18px 0 6px;font-size:13px;color:var(--sub)}
.crumbs a{color:var(--sub)}
.crumbs .sep{margin:0 6px}
h1{font-size:clamp(26px,5vw,38px);line-height:1.2;margin:6px 0 10px}
h2{font-size:clamp(19px,3.4vw,24px);line-height:1.3;margin:0 0 12px}
h3{font-size:16px;margin:14px 0 8px}
.lead{font-size:17px;color:var(--sub);max-width:780px;margin:0 0 14px}
.cta{margin:14px 0}
.btn{display:inline-block;min-height:46px;padding:13px 20px;text-align:center;border:0;border-radius:999px;background:linear-gradient(160deg,#F5CE7B,#E9B44C);color:#2A1608;font-family:inherit;font-weight:800;font-size:15px;line-height:1.2;text-decoration:none;cursor:pointer}
.btn[hidden]{display:none}
.card{background:var(--bg2);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:18px;margin:16px 0}
.note,.legend{font-size:14px;color:var(--sub)}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px 18px;margin:0}
.facts div{border-bottom:1px solid var(--border);padding:6px 0}
.facts dt{font-size:13px;color:var(--sub)}
.facts dd{margin:0;font-weight:700}
.latest{font-weight:700;margin:0 0 8px}
.balls{display:inline-flex;flex-wrap:wrap;gap:6px;vertical-align:middle}
.ball{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--gm);color:var(--gm-txt);font-weight:800;font-size:14px;box-shadow:inset 0 -3px 6px rgba(0,0,0,.18),0 1px 2px rgba(0,0,0,.2);font-variant-numeric:tabular-nums}
.ball.x{background:var(--gb);color:var(--gb-txt)}
.balls.lg .ball{width:42px;height:42px;font-size:16px}
.balls.sm .ball,.ball.sm{width:28px;height:28px;font-size:12px}
.balls.sm{gap:4px}
.gen-out .balls{display:flex;margin:8px 0}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
table{border-collapse:collapse;width:100%;font-size:14px}
th,td{text-align:left;padding:7px 8px;border-bottom:1px solid var(--border);vertical-align:middle}
thead th{font-size:12.5px;color:var(--sub);font-weight:700}
.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.overview th[scope="row"]{white-space:nowrap}
.draws td:first-child{white-space:nowrap}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:5px;margin:8px 0}
.cell{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:46px;border-radius:10px;border:1px solid var(--border);font-variant-numeric:tabular-nums}
.cell b{font-size:14px}
.cell small{font-size:11px;opacity:.85}
.cell.h0{background:var(--bg3)}
.cell.h1{background:rgba(233,180,76,.16)}
.cell.h2{background:rgba(233,180,76,.32)}
.cell.h3{background:rgba(233,180,76,.5)}
.cell.h4{background:rgba(214,120,40,.62);color:#fff}
.cell.h5{background:rgba(184,40,40,.8);color:#fff}
.gen-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}
.gen-controls label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--sub)}
.gen-controls label[hidden]{display:none}
.gen-controls select{min-height:44px;min-width:120px;padding:0 10px;border-radius:12px;border:1px solid var(--border);background:var(--bg3);color:var(--fg);font:inherit;font-size:16px}
.gen-out{min-height:10px;margin-top:8px}
.tools{padding-left:20px}
.tools li{margin:4px 0}
.chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.chips a{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border:1px solid var(--border);border-radius:999px;background:var(--bg3);color:var(--fg);text-decoration:none;font-weight:700;font-size:14px}
details{border-top:1px solid var(--border);padding:10px 0}
details:first-of-type{border-top:0}
summary{cursor:pointer;font-weight:700}
details p{margin:8px 0 0;color:var(--sub)}
.results{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:0 16px}
.result h2 a{color:var(--fg);text-decoration:none}
.foot{margin-top:28px;padding:20px 0 30px;border-top:1px solid var(--border);background:var(--bg2);font-size:14px}
.foot h2{font-size:14px;margin:12px 0 6px;color:var(--sub)}
.foot ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px 14px}
.foot a[aria-current]{font-weight:800;color:var(--fg);text-decoration:none}
.disc,.meta{color:var(--sub);font-size:13px}
@media (max-width:520px){
  .card{padding:14px;border-radius:14px}
  .ball{width:30px;height:30px;font-size:13px}
  .balls.lg .ball{width:36px;height:36px;font-size:15px}
  th,td{padding:6px 5px}
}