@font-face{font-family:"Alfa Slab One";src:url(/assets/fonts/AlfaSlabOne-Regular.ttf) format("truetype");font-display:swap}
@font-face{font-family:"Literata";src:url(/assets/fonts/Literata-Variable.ttf) format("truetype");font-weight:200 900;font-display:swap}
@font-face{font-family:"Literata";src:url(/assets/fonts/Literata-Italic-Variable.ttf) format("truetype");font-weight:200 900;font-style:italic;font-display:swap}
@font-face{font-family:"Caveat";src:url(/assets/fonts/Caveat-Variable.ttf) format("truetype");font-weight:400 700;font-display:swap}
@font-face{font-family:"Courier Prime";src:url(/assets/fonts/CourierPrime-Regular.ttf) format("truetype");font-display:swap}
@font-face{font-family:"Courier Prime";src:url(/assets/fonts/CourierPrime-Bold.ttf) format("truetype");font-weight:700;font-display:swap}
:root{--paper:#F4EBD9;--kraft:#EADFC6;--ink:#2B2118;--soft:#5A4A3A;--tomato:#D2462B;--grass:#5E7D2E;--mustard:#E2A72E;--tomato-t:#B5381F;--grass-t:#4C6824;
--head:"Alfa Slab One",Rockwell,"Courier New",Georgia,serif;--body:"Literata",Georgia,"Times New Roman",serif;--mono:"Courier Prime","Courier New",Courier,monospace;--hand:"Caveat","Comic Sans MS","Segoe Print",cursive}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:1.0625rem/1.65 var(--body)}
img{max-width:100%;height:auto}
a{color:var(--tomato-t);text-underline-offset:.15em}
a:hover{color:var(--ink)}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 6px var(--mustard)}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--paper);padding:.5rem 1rem;z-index:9}
.skip:focus{left:1rem}
.site-header{padding:1rem;border-bottom:3px solid var(--ink);display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}
.brand img{width:220px;display:block}
nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem 1rem;font-family:var(--mono);font-weight:700}
nav a{color:var(--ink);text-decoration:none;padding:.25rem 0;display:inline-block}
nav a[aria-current]{text-decoration:underline 3px var(--tomato)}
main{max-width:46rem;margin:0 auto;padding:1.25rem 1rem 3rem}
h1,h2,h3{font-family:var(--head);font-weight:400;line-height:1.15}
h1{font-size:clamp(2rem,7vw,3rem);margin:.5rem 0 1rem;text-shadow:3px 3px 0 var(--mustard)}
h2{font-size:1.5rem;margin-top:2.5rem}
h2 a{color:inherit}
.kicker,.meta,.fine,th{font-family:var(--mono)}
.kicker{color:var(--soft);margin:0}
.hand{font-family:var(--hand);font-size:1.6rem;color:var(--tomato-t);margin:.25rem 0;transform:rotate(-2deg);display:inline-block}
.lede{font-size:1.15rem}
.hero{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}
.squint img{width:160px;display:block}
.btn,button{display:inline-block;background:var(--tomato-t);color:#fff;font:700 1.05rem var(--mono);padding:.7rem 1.2rem;border:2px solid var(--ink);border-radius:4px;text-decoration:none;box-shadow:4px 4px 0 var(--mustard);cursor:pointer}
.btn:hover,button:hover{background:var(--ink);color:var(--paper)}
.cards{list-style:none;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr))}
.card a{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.25rem;background:var(--kraft);border:2px solid var(--ink);padding:1rem .5rem;color:var(--ink);text-decoration:none;height:100%}
.card a:hover{box-shadow:4px 4px 0 var(--mustard)}
.tool{font-family:var(--head);font-size:1.15rem}
.stamp{width:96px}
.mini .stamp{width:72px}
.signup{background:var(--kraft);border:3px solid var(--ink);padding:1rem 1.25rem;margin-top:2.5rem;box-shadow:6px 6px 0 var(--mustard)}
.signup h2{margin-top:.5rem}
label{display:block;font-family:var(--mono);font-weight:700}
.opt{font-weight:400;color:var(--soft)}
input[type=email],input[type=text]{width:100%;font:inherit;padding:.6rem;border:2px solid var(--ink);background:#fffaf0;color:var(--ink);border-radius:3px}
.fine{font-size:.85rem;color:var(--soft)}
.table-wrap{overflow-x:auto;border:2px solid var(--ink);margin:1rem 0;background:var(--kraft)}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--soft);vertical-align:top}
thead th{background:var(--ink);color:var(--paper)}
.verdict-head{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin:1rem 0}
.verdict-head .squint img{width:140px}
.stamps{display:flex;gap:.5rem}
.score{font-family:var(--mono);font-size:1.25rem;margin:0}
.score .num{font-family:var(--head);font-size:2.5rem}
.note{font-size:.9rem;color:var(--soft);border-top:2px dashed var(--soft);padding-top:1rem;margin-top:2rem}
blockquote{margin:1rem 0;padding:.75rem 1rem;border-left:5px solid var(--grass);background:var(--kraft)}
.pager ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;font-family:var(--mono)}
.archive{padding-left:0;list-style:none}
#sources li,.sources li{overflow-wrap:anywhere}
main li{overflow-wrap:anywhere}
.site-footer{border-top:3px solid var(--ink);padding:1.25rem 1rem;font-size:.9rem;color:var(--soft);text-align:center}
@media (min-width:48rem){
 .site-header{flex-direction:row;justify-content:space-between;align-items:center;padding:1rem 2rem}
 .hero{flex-direction:row;align-items:center}
 .squint img{width:220px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}