:root{color:#14211d;font-synthesis:none;background:#f3f0e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}main{min-height:100vh}.hero,.planner,.results,.error,footer{width:min(1040px,100% - 32px);margin-inline:auto}.hero{padding:40px 0 26px}.brand{letter-spacing:-.04em;font-size:1.35rem;font-weight:850}.brand span{color:#bd6d31}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:#6c4c32;font-size:.72rem;font-weight:750}h1{letter-spacing:-.045em;max-width:720px;margin:8px 0 10px;font-family:Georgia,serif;font-size:clamp(2.7rem,8vw,5.5rem);line-height:.96}.lede{color:#45554f;max-width:680px;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.55}.fixture-notice,.live-notice{border-radius:999px;padding:9px 13px;font-size:.82rem;display:inline-block}.fixture-notice{background:#fff8e9;border:1px solid #c8945b}.live-notice{color:#174d37;background:#e6f4ed;border:1px solid #4c8f73}.planner{color:#f7f5ef;background:#12261f;border-radius:24px;padding:clamp(22px,5vw,42px);box-shadow:0 20px 60px #10211b29}.planner h2,.results h2{margin-top:0;font-family:Georgia,serif;font-size:2rem}form{grid-template-columns:1.35fr 1fr 1.25fr auto;align-items:end;gap:14px;display:grid}label{letter-spacing:.04em;gap:7px;font-size:.78rem;font-weight:750;display:grid}input,select{color:#14211d;background:#fff;border:1px solid #60746c;border-radius:10px;width:100%;padding:13px 12px}button{color:#14211d;cursor:pointer;background:#e9b949;border:0;border-radius:10px;padding:14px 20px;font-weight:800}button:disabled{opacity:.6}.privacy{color:#bcc8c3;margin:18px 0 0;font-size:.8rem}.results,.error{padding:42px 0}.results-heading,.route-title{justify-content:space-between;align-items:center;gap:20px;display:flex}.source-pill,.risk{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:7px 11px;font-size:.72rem;font-weight:800}.source-pill{color:#734d1c;background:#fff1c6}.route-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.route-card{background:#fff;border:1px solid #d6d2c7;border-radius:18px;padding:24px;position:relative}.route-card.recommended{border:2px solid #2e7056;box-shadow:0 12px 34px #1946351f}.recommend-tag{color:#fff;background:#2e7056;border-radius:15px 15px 0 0;margin:-24px -24px 20px;padding:10px 24px;font-size:.8rem;font-weight:800}.route-title h3{margin:0;font-size:1.3rem}.duration{color:#5b6964}.risk-low{color:#195139;background:#d9efe3}.risk-moderate{color:#755414;background:#fff0bd}.risk-high,.risk-unavailable{color:#7a2f25;background:#f7d9d4}.closure{background:#f4f1e9;border-radius:12px;gap:5px;margin-top:20px;padding:16px;display:grid}.closure span,.closure small{color:#5b6964}.closure p{margin:6px 0}.warnings{color:#5b493b;border-left:4px solid #bd6d31;margin-top:24px;padding-left:16px}.warnings p{margin:7px 0}.error{color:#7a2f25}footer{color:#63716c;padding:20px 0 50px;font-size:.83rem}@media (width<=820px){form{grid-template-columns:1fr 1fr}button{width:100%}}@media (width<=580px){.hero,.planner,.results,.error,footer{width:min(100% - 22px,1040px)}.hero{padding-top:26px}.planner{border-radius:17px}form,.route-grid{grid-template-columns:1fr}.results-heading{align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}
