:root{--ink:#172522;--muted:#61706a;--paper:#f8f8f1;--green:#c8ee7d;--line:#dde2d6;--orange:#ffab7c}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.5}a{color:inherit}button,input,textarea,select{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}header,main,footer{max-width:1160px;margin:auto;padding:28px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-weight:900;font-size:25px;letter-spacing:-1.2px;display:flex;align-items:center;gap:4px}.brand>span:not(.brand-icon):not(.dot){font-size:12px;letter-spacing:-.3px;max-width:23px;line-height:1.1}.brand-icon{background:var(--ink);color:var(--green);border-radius:12px;width:35px;height:35px;display:grid;place-items:center;margin-right:6px}.dot{color:#639434}nav{display:flex;gap:25px;font-size:14px;font-weight:700}nav a{text-decoration:none}.intro{max-width:730px;padding:55px 0 36px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#52733d}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,7.4vw,80px);line-height:1.03;letter-spacing:-3.5px;margin:15px 0 22px}h1 span{background:var(--green);padding:0 8px;border-radius:8px}h2{font-size:clamp(25px,3.5vw,36px);line-height:1.2;letter-spacing:-1px;margin-bottom:10px}.intro>p:last-child{font-size:18px;color:var(--muted);max-width:540px}.matchup{background:white;border:1px solid var(--line);border-radius:24px;padding:26px;margin-bottom:32px;box-shadow:0 10px 45px #17252206}.poll-heading{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.poll-heading p:not(.eyebrow){color:var(--muted)}.pill{border-radius:30px;background:#eef5e7;padding:8px 13px;font-size:12px;white-space:nowrap}.choices{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:12px 0 22px}.choice{border:2px solid transparent;background:#ecf2e7;padding:0;border-radius:18px;overflow:hidden;text-align:left;color:var(--ink);transition:transform .2s,border-color .2s}.choice-b{background:#fff0e5}.choice:hover:not(:disabled){transform:translateY(-4px);border-color:var(--ink)}.choice.selected{border-color:var(--ink)}.choice img{width:100%;height:320px;display:block;object-fit:cover}.choice-bottom{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;gap:10px}.choice-bottom small{display:block;letter-spacing:2px;font-size:9px;color:var(--muted)}.choice-bottom strong{font-size:25px;letter-spacing:-.8px}.vote-label{font-size:12px;font-weight:800}.versus{position:absolute;top:43%;left:50%;transform:translate(-50%,-50%) rotate(-8deg);background:var(--ink);color:white;width:55px;height:55px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-style:italic;border:4px solid white}.trap{display:none}#vote-message{text-align:center;font-size:14px;color:var(--muted);margin:12px}#results{max-width:700px;margin:24px auto}.result-row{margin:12px 0}.result-row>div{display:flex;justify-content:space-between}progress{appearance:none;width:100%;height:12px;border:0;border-radius:10px;overflow:hidden;margin:7px 0;background:#edf0e8}progress::-webkit-progress-bar{background:#edf0e8}progress::-webkit-progress-value{background:#97c94f;transition:width .8s}progress::-moz-progress-bar{background:#97c94f}#bar-b::-webkit-progress-value{background:var(--orange)}#bar-b::-moz-progress-bar{background:var(--orange)}.results-total{text-align:center;font-size:12px;color:var(--muted)}.poll-footer{border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.share{border:1px solid var(--line);background:white;border-radius:20px;padding:9px 14px;font-size:12px;font-weight:700;color:var(--ink)}.credit{color:var(--muted);font-size:11px;margin:15px 0 0}.sponsors{margin:32px 0}.sponsor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px}.sponsor{display:flex;align-items:center;gap:20px;border:1px solid var(--line);background:white;border-radius:16px;padding:20px;text-decoration:none}.sponsor img{width:130px;height:70px;object-fit:contain}.sponsor p{font-size:12px;color:var(--muted);margin:5px 0}.sponsor span{font-size:11px;font-weight:700}.archive{margin:60px 0 35px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.section-heading>a{font-size:13px;white-space:nowrap}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.archive-card{border:1px solid var(--line);background:white;border-radius:16px;overflow:hidden;text-decoration:none;transition:transform .2s}.archive-card:hover{transform:translateY(-3px)}.archive-images{display:flex}.archive-images img{width:50%;height:145px;object-fit:cover}.archive-copy{padding:18px}.archive-copy small{font-size:10px;color:var(--muted)}.archive-copy h3{font-size:19px;margin:10px 0}.archive-copy p{font-size:11px;color:var(--muted);margin:0}footer{border-top:1px solid var(--line);margin-top:35px;font-size:12px;color:var(--muted)}footer strong{font-size:19px;color:var(--ink)}footer p{max-width:580px;margin:10px 0}.skip{position:absolute;left:10px;top:-100px;background:white;padding:10px;z-index:5}.skip:focus{top:10px}:focus-visible{outline:3px solid #397e85;outline-offset:4px}.prose{max-width:760px;padding-top:55px}.prose h1{font-size:48px}.prose h2{font-size:25px;margin-top:30px}.prose p{color:var(--muted)}.empty{padding:55px;background:white;border-radius:24px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.stats>div{padding:25px;background:white;border:1px solid var(--line);border-radius:16px}.stats strong{display:block;font-size:36px;letter-spacing:-1px}.stats span{font-size:12px;color:var(--muted)}.tabs{display:flex;gap:20px;align-items:center;margin:25px 0}.tabs>a{text-decoration:none}.tabs [aria-current]{font-weight:800;text-decoration:underline}.primary{display:inline-block;background:var(--ink);color:white;border:0;border-radius:10px;padding:12px 18px;font-weight:700;text-decoration:none}.tabs .primary{margin-left:auto}.notice{padding:15px;background:#f1f5d9;border:1px solid #c8d6a3;border-radius:10px}.admin-card{background:white;padding:26px;border:1px solid var(--line);border-radius:16px;margin:25px 0}.editor{display:grid;gap:18px}.editor label{display:block;font-weight:700;font-size:13px}.editor input:not([type=checkbox]),.editor textarea,.editor select{display:block;width:100%;padding:12px;margin-top:7px;border:1px solid #c7cfc4;border-radius:8px;background:white;color:var(--ink)}.editor textarea{min-height:90px}.editor p{font-size:12px;color:var(--muted);margin-bottom:0}.editor .check{display:flex;gap:10px;align-items:center}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.thumbnail{height:100px;width:160px;object-fit:contain;margin:10px 0}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;background:white}table{border-collapse:collapse;width:100%;font-size:13px}td,th{padding:18px;text-align:left;border-bottom:1px solid var(--line)}th{font-size:11px;color:var(--muted);text-transform:uppercase}td small{display:block;color:var(--muted)}summary{cursor:pointer;font-weight:700}details .editor{margin-top:20px}[hidden]{display:none!important}@media(max-width:760px){header,main,footer{padding:20px}.brand{font-size:20px}nav{gap:15px;font-size:12px}.intro{padding:35px 0 20px}h1{letter-spacing:-2px}.matchup{padding:18px;border-radius:18px}.choices{gap:12px}.choice img{height:240px}.choice-bottom{padding:12px;display:block}.choice-bottom strong{font-size:20px}.vote-label{display:block;margin-top:7px}.versus{width:43px;height:43px;font-size:12px}.archive-grid{grid-template-columns:repeat(2,1fr)}.archive-images img{height:120px}.poll-heading{display:block}.pill{display:inline-block;margin-bottom:10px}.sponsor img{width:100px}.stats{gap:10px}.stats>div{padding:13px}.stats strong{font-size:27px}.form-grid{grid-template-columns:1fr}.section-heading h1{font-size:45px}.prose h1{font-size:40px}}@media(max-width:430px){header{gap:10px}.brand-icon{display:none}.brand{font-size:18px}nav{gap:10px;font-size:11px}.choice img{height:190px}.choice-bottom strong{font-size:17px}.archive-grid{grid-template-columns:1fr}.archive-images img{height:150px}.poll-footer{align-items:flex-start;gap:10px}.section-heading{align-items:flex-start}.stats span{font-size:10px}.tabs{gap:13px;font-size:12px}.sponsor{gap:12px;padding:16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Approved Meta Variation 4 branding. Shared public/admin header only. */
header .brand, .public-page header .brand { flex:0 0 auto; line-height:1; letter-spacing:normal; }
header .brand-logo { display:block; width:156px; height:auto; }
header .brand:focus-visible { outline:2px solid currentColor; outline-offset:6px; border-radius:2px; }
@media(max-width:600px) {
 header .brand-logo { width:128px; }
 header nav { gap:14px; flex-wrap:wrap; justify-content:flex-end; }
}
@media(max-width:360px) {
 header .brand-logo { width:112px; }
 header nav { gap:8px; font-size:12px; }
}


.admin-page .header-inner{display:flex;align-items:center;justify-content:space-between;width:100%;gap:20px}
.admin-page .tabs{flex-wrap:wrap}.admin-page .submission-text{overflow-wrap:anywhere}.admin-page .admin-card h3{overflow-wrap:anywhere}