@font-face{font-family:"Luckiest Guy";src:url(/fonts/LuckiestGuy.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible";src:url(/fonts/AtkinsonHyperlegible-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible";src:url(/fonts/AtkinsonHyperlegible-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible";src:url(/fonts/AtkinsonHyperlegible-Italic.woff2) format("woff2");font-style:italic;font-display:swap}
@font-face{font-family:"Courier Prime";src:url(/fonts/CourierPrime-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Courier Prime";src:url(/fonts/CourierPrime-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--paper:#fff6e3;--paper-2:#fde9c2;--ink:#16130f;--red:#d62839;--navy:#1d2c5e;--sky:#3fa7d6;--yellow:#ffc933;--green:#2f9e5b;--muted:#5b5246;
--display:"Luckiest Guy","Arial Black",Impact,sans-serif;--body:"Atkinson Hyperlegible","Trebuchet MS",Verdana,sans-serif;--type:"Courier Prime","Courier New",monospace;
--border:4px solid var(--ink);--shadow:6px 6px 0 var(--ink);color-scheme:light}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:18px;line-height:1.6;background-image:radial-gradient(rgba(22,19,15,.07) 1.2px,transparent 1.3px);background-size:9px 9px;-webkit-text-size-adjust:100%}
a{color:var(--navy)}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:.02em;line-height:1.05;text-wrap:balance;margin:0 0 .4em}
h1{font-size:clamp(38px,7vw,64px);color:#fff;text-shadow:3px 3px 0 var(--ink);-webkit-text-stroke:1.5px var(--ink)}
h2{font-size:clamp(28px,4.5vw,38px)}
h3{font-size:24px}
p{margin:0 0 1em}
:focus-visible{outline:4px solid var(--sky);outline-offset:3px}
.wrap{max-width:1080px;margin:0 auto;padding-inline:16px}
.nav{position:sticky;top:0;z-index:50;background:var(--navy);border-bottom:var(--border)}
.nav .wrap{display:flex;align-items:center;gap:14px;padding-block:10px;flex-wrap:wrap}
.logo{font-family:var(--display);color:var(--yellow);font-size:24px;text-decoration:none;text-shadow:2px 2px 0 var(--ink);white-space:nowrap}
.logo span{color:#fff}
.nav ul{display:flex;gap:4px;list-style:none;margin:0 0 0 auto;padding:0;flex-wrap:wrap}
.nav ul a{display:block;color:#fff;text-decoration:none;font-weight:700;font-size:15px;padding:6px 10px;border-radius:6px}
.nav ul a:hover,.nav ul a[aria-current]{background:rgba(255,255,255,.16)}
.nav .buy{background:var(--yellow);color:var(--ink);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}
@media (max-width:760px){.nav ul{margin-left:0;width:100%;overflow-x:auto;flex-wrap:nowrap}.nav ul a{white-space:nowrap}}
.hero{background:var(--sky);border-bottom:var(--border);padding:44px 0 36px}
.hero .kicker{display:inline-block;background:#fff;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font-family:var(--display);font-size:17px;padding:6px 12px 3px;margin-bottom:14px;transform:rotate(-1.5deg)}
.hero p.lede{font-size:21px;max-width:720px;color:var(--ink);background:rgba(255,255,255,.85);border:3px solid var(--ink);border-radius:10px;padding:12px 16px;margin-top:12px}
.crumbs{font-size:15px;margin:0 0 10px}.crumbs a{color:var(--ink)}
main{padding:36px 0 56px}
.grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:28px;align-items:start}
@media (max-width:860px){.grid{grid-template-columns:1fr}}
.panel{background:#fff;border:var(--border);border-radius:14px;box-shadow:var(--shadow);padding:22px;margin-bottom:24px}
.panel.yellow{background:#fff3c4}.panel.blue{background:#e4f3fb}.panel.red{background:#ffe3e6}
.facts{margin:0;padding:0;list-style:none}
.facts li{border-bottom:2px dashed rgba(22,19,15,.25);padding:8px 0}
.facts li:last-child{border:0}
.facts b{display:block;font-family:var(--type);font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.art{border:var(--border);border-radius:12px;box-shadow:var(--shadow);background:#fff;margin-bottom:24px}
.art figcaption{font-size:14px;color:var(--muted);padding:8px 12px;border-top:2px solid var(--ink)}
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-size:20px;letter-spacing:.03em;padding:12px 18px 8px;border:var(--border);border-radius:10px;box-shadow:var(--shadow);text-decoration:none;color:var(--ink);background:var(--yellow);cursor:pointer}
.btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}
.btn.red{background:var(--red);color:#fff}.btn.white{background:#fff}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.stores{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0;list-style:none}
.stores a{display:inline-block;background:#fff;border:3px solid var(--ink);border-radius:8px;padding:5px 10px;font-weight:700;text-decoration:none;color:var(--ink);font-size:15px}
.quiz fieldset{border:0;padding:0;margin:0}
.quiz legend{font-weight:700;margin-bottom:10px}
.quiz label{display:block;background:#fff;border:3px solid var(--ink);border-radius:8px;padding:8px 12px;margin:6px 0;cursor:pointer}
.quiz input{margin-right:8px}
.quiz .result{font-weight:700;min-height:1.6em;margin-top:8px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
.card{display:block;background:#fff;border:var(--border);border-radius:12px;box-shadow:var(--shadow);text-decoration:none;color:var(--ink);overflow:hidden}
.card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}
.card img{aspect-ratio:4/3;object-fit:cover;object-position:top;width:100%;border-bottom:3px solid var(--ink)}
.card div{padding:12px 14px}
.card .yr{font-family:var(--type);font-weight:700;color:var(--red)}
.card h3{font-size:22px;margin:2px 0 4px}
.card p{font-size:15px;margin:0;color:var(--muted)}
ul.list li{margin-bottom:6px}
form.visit label{display:block;font-weight:700;margin:10px 0 4px}
form.visit input,form.visit textarea,form.visit select{width:100%;font:inherit;padding:10px;border:3px solid var(--ink);border-radius:8px;background:#fff}
form.visit button{margin-top:14px}
.hp{position:absolute;left:-9999px}
table.std{border-collapse:collapse;width:100%;font-size:16px;background:#fff}
table.std th,table.std td{border:2px solid var(--ink);padding:8px;text-align:left;vertical-align:top}
table.std th{background:var(--yellow)}
.tablewrap{overflow-x:auto}
footer{background:var(--ink);color:#fff;padding:28px 0;font-size:15px}
footer a{color:var(--yellow)}
footer .cols{display:flex;flex-wrap:wrap;gap:28px;justify-content:space-between}
footer ul{list-style:none;margin:6px 0 0;padding:0}footer li{margin:4px 0}
.worksheet{display:none}
@media print{.nav,footer,.btns,.quiz,form.visit,.noprint{display:none!important}body{background:#fff}.panel,.art{box-shadow:none}.worksheet{display:block}h1{color:var(--ink);text-shadow:none;-webkit-text-stroke:0}.hero{background:#fff}}