:root{--af-space-1: 4px;--af-space-2: 8px;--af-space-3: 12px;--af-space-4: 16px;--af-space-5: 24px;--af-space-6: 32px;--af-radius-sm: 6px;--af-radius-md: 8px;--af-font-size-sm: .875rem;--af-font-size-md: 1rem;--af-font-size-lg: 1.25rem;--af-line-height: 1.45;--af-touch-target-min: 44px;--af-control-height: 40px;--af-content-width-md: 760px;--af-content-width-lg: 1180px;--af-shell-gap: var(--af-space-4)}html,body{min-height:100%}body{margin:0}[data-app-shell]{--af-shell-max-content-width: 1180px;--af-shell-sidebar-width: 280px;--af-shell-secondary-width: 320px;--af-shell-header-height: 64px;--af-shell-safe-area-top: env(safe-area-inset-top);--af-shell-safe-area-bottom: env(safe-area-inset-bottom);--af-shell-safe-area-left: env(safe-area-inset-left);--af-shell-safe-area-right: env(safe-area-inset-right);box-sizing:border-box;min-height:100svh;min-height:100dvh;display:grid;grid-template:"header header header" auto "navigation navigation navigation" auto "sidebar main secondary" minmax(0,1fr) "footer footer footer" auto / var(--af-shell-sidebar-width) minmax(0,1fr) var(--af-shell-secondary-width);overflow:hidden;padding-left:var(--af-shell-safe-area-left);padding-right:var(--af-shell-safe-area-right);font:400 var(--af-font-size-md) / var(--af-line-height) system-ui,sans-serif}[data-app-shell] *,[data-app-shell] *:before,[data-app-shell] *:after{box-sizing:border-box}[data-shell-region=header]{grid-area:header;min-height:calc(var(--af-shell-header-height) + var(--af-shell-safe-area-top));padding:calc(var(--af-space-3) + var(--af-shell-safe-area-top)) var(--af-space-5) var(--af-space-3)}[data-shell-region=navigation]{grid-area:navigation;display:flex;gap:var(--af-space-2);overflow-x:auto;padding:var(--af-space-2) var(--af-space-5);-webkit-overflow-scrolling:touch}[data-shell-region=sidebar]{grid-area:sidebar;min-width:0;overflow:auto;padding:var(--af-space-4)}[data-shell-region=main]{grid-area:main;min-width:0;min-height:0;overflow:auto;padding:var(--af-space-5)}[data-shell-region=secondary-panel]{grid-area:secondary;min-width:0;overflow:auto;padding:var(--af-space-4)}[data-shell-region=footer]{grid-area:footer;padding:var(--af-space-3) var(--af-space-5) calc(var(--af-space-3) + var(--af-shell-safe-area-bottom))}[data-shell-content]{width:min(100%,var(--af-shell-max-content-width));margin-inline:auto}[data-shell-action],[data-shell-region=navigation] a,[data-shell-region=navigation] button{min-height:var(--af-touch-target-min);min-width:var(--af-touch-target-min)}[data-shell-mode=mobile]{grid-template:"header" auto "main" minmax(0,1fr) "navigation" auto "footer" auto / minmax(0,1fr)}[data-shell-mode=mobile] [data-shell-region=sidebar],[data-shell-mode=mobile] [data-shell-region=secondary-panel]{display:none}[data-shell-mode=mobile] [data-shell-region=navigation],[data-shell-mode=responsive] [data-shell-region=navigation]{padding-bottom:calc(var(--af-space-2) + var(--af-shell-safe-area-bottom))}@media(max-width:899px){[data-shell-mode=responsive]{grid-template:"header" auto "main" minmax(0,1fr) "navigation" auto "footer" auto / minmax(0,1fr)}[data-shell-mode=responsive] [data-shell-region=sidebar],[data-shell-mode=responsive] [data-shell-region=secondary-panel]{display:none}[data-shell-region=header],[data-shell-region=main],[data-shell-region=footer]{padding-left:max(var(--af-space-4),var(--af-shell-safe-area-left));padding-right:max(var(--af-space-4),var(--af-shell-safe-area-right))}}@media(min-width:900px){[data-shell-mode=desktop] [data-shell-region=navigation],[data-shell-mode=responsive] [data-shell-region=navigation]{justify-content:flex-start}}:root{color:#111c2f;background:#f4f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}body{margin:0;min-width:320px;background:#f4f8fb}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}.app-shell{min-height:100vh;color:#111c2f}.topbar{position:sticky;top:0;z-index:20;height:68px;display:flex;align-items:center;gap:30px;padding:0 34px;background:#ffffffe6;border-bottom:1px solid rgba(17,28,47,.1);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;margin-right:auto;font-size:18px}.brand span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;background:#111c2f;font-size:12px}.topbar a{text-decoration:none;font-weight:700;font-size:14px;color:#111c2f}.hero{position:relative;min-height:86svh;overflow:hidden;display:grid;align-items:center;padding:72px 48px 110px}.hero-photo,.hero-overlay{position:absolute;inset:0;width:100%;height:100%}.hero-photo{object-fit:cover;object-position:center}.hero-overlay{background:linear-gradient(90deg,#f4f8fbf5,#f4f8fbd1,#f4f8fb2e 68%,#111c2f1f),linear-gradient(0deg,#f4f8fb,#f4f8fb00 22%)}.hero-copy{position:relative;z-index:2;width:min(720px,100%);min-width:0}.eyebrow{margin:0 0 14px;color:#23577c;font-size:13px;font-weight:900;letter-spacing:0;text-transform:uppercase}.hero h1{margin:0;max-width:660px;font-size:clamp(48px,7.2vw,104px);line-height:.94;letter-spacing:0}.hero-copy>p:not(.eyebrow){max-width:640px;margin:24px 0 0;color:#34506d;font-size:20px;line-height:1.55}.search-panel{display:grid;grid-template-columns:minmax(240px,1fr) 180px 190px 132px;gap:12px;align-items:end;margin-top:34px;padding:14px;width:min(920px,100%);background:#ffffffe6;border:1px solid rgba(17,28,47,.12);border-radius:8px;box-shadow:0 24px 70px #1a395c33}.search-panel label{display:grid;gap:7px;min-width:0}.search-panel span{font-size:12px;font-weight:900;color:#2f4965}.search-panel input,.search-panel select{width:100%;height:48px;border:1px solid #c9d8e6;border-radius:7px;padding:0 14px;background:#fff;color:#10203a}.search-panel input:focus,.search-panel select:focus,button:focus-visible{outline:3px solid rgba(30,107,214,.28);outline-offset:2px}.search-button,.detail-content button,.watchlist header button,.proof-panel button{height:48px;border:0;border-radius:7px;padding:0 18px;background:#1468d7;color:#fff;font-weight:900;box-shadow:0 10px 22px #1468d73d}.quick-searches{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.quick-searches button{max-width:100%;border:1px solid rgba(17,28,47,.14);border-radius:999px;padding:10px 14px;background:#ffffffd1;color:#213b57;font-weight:800;white-space:normal}.sport-strip{position:relative;z-index:3;display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:14px;width:min(980px,calc(100% - 48px));margin:-70px auto 34px;padding:14px;background:#0d1b2aeb;border-radius:8px;box-shadow:0 24px 70px #09162247}.sport-strip button{display:grid;gap:8px;justify-items:center;min-height:86px;border:1px solid transparent;border-radius:7px;background:transparent;color:#fff;font-weight:900}.sport-strip button span{color:#9db4c9;font-size:13px;text-transform:uppercase}.sport-strip button.active,.sport-strip button:hover{background:#ffffff1a;border-color:#ffffff29}.results-grid,.detail-layout,.watchlist,.health{width:min(1540px,calc(100% - 56px));margin:0 auto 44px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}.section-heading h2,.detail-content h2,.proof-panel h2,.health h2{margin:0;font-size:clamp(28px,3vw,44px);line-height:1;letter-spacing:0}.section-heading>p{margin:0;color:#45617f;font-size:15px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.event-card,.detail-card,.proof-panel,.watchlist,.health article{background:#fff;border:1px solid rgba(17,28,47,.1);border-radius:8px;box-shadow:0 18px 45px #23466914}.event-card{overflow:hidden}.image-mark,.detail-visual{min-height:150px;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 20%,#fff3ad 0 34px,transparent 35px),linear-gradient(140deg,#b7daf1 0 30%,#5f9278 31% 62%,#2d4e5e 63% 100%)}.image-mark:before,.detail-visual:before{content:"";position:absolute;inset:42% -5% auto 0;height:54%;background:linear-gradient(150deg,transparent 0 25%,rgba(255,255,255,.75) 26% 39%,transparent 40% 100%)}.image-mark span{position:absolute;left:14px;bottom:12px;padding:6px 9px;border-radius:999px;background:#ffffffd6;color:#10203a;font-weight:900;font-size:12px}.image-mark.trail,.trail .image-mark,.detail-visual.trail{background:radial-gradient(circle at 72% 18%,#fff0a7 0 30px,transparent 31px),linear-gradient(135deg,#bed7e5 0 28%,#7e9f66 29% 57%,#3b5037 58% 100%)}.image-mark.road,.road .image-mark,.detail-visual.road{background:radial-gradient(circle at 78% 18%,#fff0a7 0 32px,transparent 33px),linear-gradient(150deg,#cde3ee 0 35%,#7aa579 36% 67%,#72786c 68% 100%)}.image-mark.city,.city .image-mark,.detail-visual.city{background:radial-gradient(circle at 75% 20%,#ffe9a8 0 30px,transparent 31px),linear-gradient(135deg,#badcf0 0 28%,#90b9c8 29% 50%,#e3e7df 51% 100%)}.card-body{padding:18px;display:grid;gap:9px}.card-body h3{margin:0;font-size:20px;line-height:1.12}.card-body p{margin:0;color:#35516d;line-height:1.35}.card-body small{color:#637993;font-weight:700}.status{width:fit-content;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.status.open{color:#076536;background:#dff7e9}.status.soon{color:#8b4f00;background:#fff0d2}.status.closed{color:#8a1616;background:#ffe0df}.status.quiet{color:#30465d;background:#e8eff5}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.card-actions button,.icon-button{height:40px;border-radius:7px;border:1px solid #1468d7;background:#1468d7;color:#fff;font-weight:900}.card-actions .secondary{background:#fff;color:#1468d7}.detail-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:20px}.detail-card{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);overflow:hidden}.detail-visual{min-height:480px}.detail-content,.proof-panel{padding:28px}.detail-content p,.proof-panel p,.health p{color:#3f5b77;line-height:1.55}dl{display:grid;grid-template-columns:140px 1fr;gap:10px 18px;margin:24px 0}dt{font-weight:900;color:#183351}dd{margin:0;color:#3a5672}dd a{display:inline-block;margin:0 10px 7px 0;color:#1468d7;font-weight:800}.proof-panel{align-self:start}.watchlist{padding:28px}.watch-table{display:grid;border:1px solid #dce7f1;border-radius:8px;overflow:hidden}.watch-row{display:grid;grid-template-columns:minmax(220px,1.2fr) 130px 190px minmax(220px,1fr) 48px;gap:16px;align-items:center;min-height:70px;padding:14px 16px;border-bottom:1px solid #e6eef6}.watch-row:last-child{border-bottom:0}.watch-row span:first-child{font-weight:900}.watch-row small{display:block;margin-top:3px;color:#667d95;font-weight:600}.icon-button{width:40px;padding:0;background:#fff;color:#1468d7}.empty{grid-column:1 / -1;padding:26px;color:#536b86}.health{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:48px}.health article{padding:24px}.health h2{font-size:24px}@media(max-width:1080px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout,.detail-card,.health{grid-template-columns:1fr}.detail-visual{min-height:320px}.search-panel{grid-template-columns:1fr 1fr}.query-field{grid-column:1 / -1}}@media(max-width:720px){.topbar{height:auto;min-height:62px;padding:12px 16px;gap:14px;overflow:hidden}.brand{font-size:16px;white-space:nowrap}.topbar a{font-size:13px;white-space:nowrap}.topbar a:nth-of-type(n+2){display:none}.hero{min-height:auto;padding:64px 18px 92px;align-items:end}.hero-copy{width:calc(100vw - 36px);max-width:calc(100vw - 36px)}.hero-overlay{background:linear-gradient(0deg,#f4f8fb,#f4f8fbe6 38%,#f4f8fb47),linear-gradient(90deg,#f4f8fbf0,#f4f8fb40)}.hero-photo{object-position:62% center}.hero h1{font-size:clamp(42px,14vw,64px);max-width:96vw}.hero-copy>p:not(.eyebrow){width:calc(100vw - 36px);max-width:calc(100vw - 36px);font-size:16px;margin-top:16px;overflow-wrap:anywhere}.search-panel{grid-template-columns:1fr;padding:12px;margin-top:22px}.search-button{width:100%}.sport-strip{grid-template-columns:repeat(2,1fr);width:calc(100% - 24px);margin-top:-46px}.results-grid,.detail-layout,.watchlist,.health{width:calc(100% - 24px)}.section-heading{display:grid;align-items:start}.cards{grid-template-columns:1fr}.watch-row{grid-template-columns:1fr;gap:8px}dl{grid-template-columns:1fr}}
