@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap');
:root{--ink:#071d3d;--paper:#faf5e9;--orange:#b67e29;--line:#d9d8c8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}header{max-width:1240px;margin:auto;padding:27px 35px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-size:14px;letter-spacing:2px;font-weight:700;text-decoration:none;color:var(--ink)}.brand span{display:block;font-size:10px;letter-spacing:4px;margin-top:5px}.edition,.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700}main{max-width:1160px;margin:48px auto;padding:0 25px;min-height:65vh}h1,h2{font-family:Fraunces,Georgia,serif;font-weight:600;letter-spacing:-2px;line-height:1.04}h1{font-size:clamp(48px,6.6vw,86px);margin:22px 0}h2{font-size:clamp(32px,4.5vw,53px);margin:24px 0}h1 em{color:var(--orange);font-style:normal}p{line-height:1.7;font-size:17px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.hero-copy{padding:25px 0}.pill{display:inline-block;padding:8px 12px;border:1px solid var(--orange);border-radius:30px;color:var(--orange);font-size:11px;letter-spacing:1px;font-weight:bold}.primary{border:0;border-radius:6px;background:var(--orange);color:white;font:700 16px 'DM Sans',sans-serif;padding:18px 28px;cursor:pointer;transition:transform .15s}.primary:hover{transform:translateY(-2px);background:#b53e1c}.small{font-size:12px;color:#64756b}.hero-image{position:relative;background:#e7dec8;border-radius:160px 160px 14px 14px;overflow:hidden;max-height:620px}.hero-image img{width:100%;display:block;aspect-ratio:4/5;object-fit:cover}.photo-label{position:absolute;bottom:24px;left:24px;right:24px;background:var(--paper);padding:17px;border-radius:4px;transform:rotate(-2deg);font-family:Fraunces,Georgia,serif;font-size:23px;text-align:center}.stats{display:flex;gap:24px;margin-top:30px;padding-top:24px;border-top:1px solid var(--line);font-size:12px}.stats strong{display:block;font-size:20px;margin-bottom:4px}footer{text-align:center;font-size:11px;line-height:1.8;color:#738074;padding:30px 20px}.quiz{max-width:760px;margin:auto}.progress-meta{display:flex;justify-content:space-between;font-size:12px;font-weight:700;letter-spacing:1px}.track{height:5px;background:#e3e3d6;margin:15px 0 38px;border-radius:5px}.fill{height:100%;background:var(--orange);border-radius:5px;transition:width .3s}.options{display:grid;gap:12px;margin:30px 0}.option{width:100%;padding:19px 20px;background:#fffdf7;border:1px solid var(--line);border-radius:8px;color:var(--ink);font:500 17px 'DM Sans',sans-serif;text-align:left;display:flex;align-items:center;gap:17px;cursor:pointer}.letter{font-size:13px;border:1px solid var(--line);padding:7px 10px;border-radius:5px}.option:hover,.option.selected{border-color:var(--ink);background:#e9ede2}.option.selected .letter{background:var(--ink);color:white}.nav{display:flex;justify-content:space-between;align-items:center}.plain{border:0;background:none;color:var(--ink);font:600 14px 'DM Sans',sans-serif;cursor:pointer;padding:14px 0}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #d79b22;outline-offset:4px}.result{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.result img{width:100%;border-radius:12px;display:block}.result h1{font-size:clamp(42px,5.5vw,64px)}.checklist{background:#eeeedd;border-radius:8px;padding:22px 25px;margin:24px 0}.checklist h3{margin-top:0}.checklist li{line-height:1.6;margin:6px 0}.actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center}.tag{font-size:12px;font-weight:bold;letter-spacing:1px;color:var(--orange)}.status{font-size:13px;min-height:20px}.fade{animation:arrive .3s ease}@keyframes arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){header{padding:20px}.edition{font-size:9px;letter-spacing:1px}.brand{font-size:11px}main{margin:24px auto;padding:0 20px}.hero,.result{grid-template-columns:1fr;gap:28px}.hero-copy{padding:0}.hero-image{max-height:430px;max-width:440px;width:100%;margin:auto}.hero-image img{object-position:center 40%}.hero h1{margin:18px 0}.result-photo{order:2}.option{font-size:15px;padding:15px}.track{margin-bottom:28px}.stats{gap:25px}.result h1{margin-top:18px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Midland Local branding and presenting sponsor */
.brand{display:block}.brand img{display:block;width:240px;height:auto}.brand span{font-size:9px;letter-spacing:2px;margin-top:8px;text-align:center;color:#071d3d}.header-right{display:flex;align-items:center;gap:32px}.sponsor{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;border-left:1px solid var(--line);padding-left:30px}.sponsor span{color:#59677b;font-size:9px;letter-spacing:2px;font-weight:700}.sponsor img{width:135px;height:auto}.primary{background:#1a3c6e}.primary:hover{background:#102b53}.fill{background:#2d6dcc}.option:hover,.option.selected{background:#e9eff8}.checklist{background:#edf0f5}.tag{color:#93621b}footer a{color:#1a3c6e;font-weight:700;text-decoration:none}footer a:hover{text-decoration:underline}.pill{color:#93621b;border-color:#b88b3c}
@media(max-width:700px){.brand img{width:170px}.brand span{font-size:7px;letter-spacing:1.3px}.header-right{gap:8px}.header-right .edition{display:none}.sponsor{padding-left:14px}.sponsor img{width:100px}.sponsor span{font-size:8px;letter-spacing:1px}header{gap:15px}}@media(max-width:380px){.brand img{width:145px}.sponsor img{width:85px}}