/* Modern homepage layer for the Saratoga weather template. */
:root { --wx-ink:#17364d; --wx-muted:#5d7485; --wx-line:#d8e5ec; --wx-surface:#fff; --wx-soft:#edf5f8; --wx-blue:#0e668e; --wx-blue-dark:#0c3d63; --wx-aqua:#3199a7; --wx-advisory:#8a6500; --wx-watch:#a84909; --wx-warning:#aa2929; --wx-shadow:0 14px 36px rgba(20,66,92,.09); }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--wx-ink); background:radial-gradient(circle at 10% 0,rgba(49,153,167,.08),transparent 28rem),linear-gradient(180deg,#f6fafc 0,#edf4f7 100%); font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; line-height:1.55; }
#page { width:min(1180px,calc(100% - 32px))!important; max-width:1180px!important; margin:0 auto!important; padding:0!important; background:transparent!important; }
.site-navigation { position:relative; z-index:5; margin:0 0 24px; padding:10px; border:1px solid rgba(14,102,142,.12); border-radius:18px; background:rgba(255,255,255,.91); box-shadow:0 9px 28px rgba(20,66,92,.08); backdrop-filter:blur(12px); }
.site-navigation .leftSideBar { float:none!important; width:auto!important; margin:0!important; padding:0!important; border:0!important; background:transparent!important; }
.site-navigation .sideBarTitle { display:none; }
.site-navigation .leftSideBar>ul { display:flex; gap:5px; overflow-x:auto; margin:0!important; padding:0!important; list-style:none; scrollbar-width:thin; }
.site-navigation .leftSideBar>ul li { flex:0 0 auto; margin:0!important; padding:0!important; border:0!important; list-style:none; }
.site-navigation .leftSideBar>ul a,.site-navigation .leftSideBar>ul .thisPage { display:block; min-height:42px; box-sizing:border-box; padding:10px 14px!important; border:0!important; border-radius:11px; color:var(--wx-ink)!important; background:transparent!important; font-size:.88rem; font-weight:720; line-height:22px; text-decoration:none!important; white-space:nowrap; }
.site-navigation .leftSideBar>ul a:hover { color:var(--wx-blue-dark)!important; background:var(--wx-soft)!important; }
.site-navigation .leftSideBar>ul .thisPage { color:#fff!important; background:linear-gradient(135deg,var(--wx-blue-dark),var(--wx-blue))!important; }
.site-navigation .leftSideBar>p,.site-navigation .leftSideBar>ul~* { display:none!important; }
#main-copy.homepage-content { float:none!important; width:auto!important; min-height:0!important; margin:0!important; padding:0!important; border:0!important; color:var(--wx-ink)!important; background:transparent!important; }
.homepage-intro { display:flex; align-items:center; justify-content:space-between; gap:30px; margin:0 0 24px; padding:clamp(22px,4vw,38px); border:1px solid var(--wx-line); border-radius:24px; background:rgba(255,255,255,.94); box-shadow:var(--wx-shadow); }
.homepage-intro h2 { margin:3px 0 8px!important; color:var(--wx-ink)!important; font-size:clamp(1.55rem,3vw,2.35rem)!important; line-height:1.12!important; letter-spacing:-.035em; }
.homepage-intro p { max-width:700px; margin:0; color:var(--wx-muted); }
.homepage-intro .homepage-kicker { color:var(--wx-blue)!important; font-size:.76rem; font-weight:820; letter-spacing:.11em; text-transform:uppercase; }
.station-freshness { display:inline-flex; align-items:center; gap:8px; margin-top:14px!important; padding:7px 11px; border-radius:999px; font-size:.8rem; font-weight:750; }
.station-freshness::before { width:8px; height:8px; border-radius:50%; background:currentColor; content:""; }
.station-freshness--live { color:#13714c!important; background:#e8f7ef; }
.station-freshness--stale { color:#a43c2c!important; background:#fff0ed; }
.station-freshness--unknown { color:#765b13!important; background:#fff7db; }
.homepage-alert-link { flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:0 18px; border-radius:999px; color:#fff!important; background:linear-gradient(135deg,var(--wx-blue-dark),var(--wx-blue)); box-shadow:0 9px 22px rgba(14,102,142,.2); font-weight:760; text-decoration:none!important; }
.homepage-alert-link:hover { transform:translateY(-1px); filter:brightness(1.06); }
.homepage-sections { margin:0!important; padding:0!important; background:transparent!important; }
.homepage-sections>div,.homepage-sections>section,.homepage-sections>article,.homepage-sections>table { box-sizing:border-box; max-width:100%; }
.homepage-content main,.homepage-content .wx-card,.homepage-content .weather-card { margin-bottom:24px; border:1px solid var(--wx-line)!important; border-radius:22px!important; background:var(--wx-surface)!important; box-shadow:var(--wx-shadow); }
.homepage-content img,.homepage-content iframe { max-width:100%; }
.homepage-content iframe { border:0; border-radius:16px; }
.homepage-content .warningBox,.homepage-content .watchBox,.homepage-content .advisoryBox,.homepage-content .tornadowarningBox { margin:0 0 20px!important; padding:15px 18px!important; border-width:1px!important; border-radius:16px!important; box-shadow:0 8px 24px rgba(20,66,92,.08); }
.homepage-content .advisoryBox { border-color:#e8cf7b!important; color:#614900!important; background:#fff8dc!important; }
.homepage-content .watchBox { border-color:#efb184!important; color:#7f3304!important; background:#fff1e7!important; }
.homepage-content .warningBox { border-color:#e59a9a!important; color:#811f1f!important; background:#fff0f0!important; }
.homepage-content .tornadowarningBox { border-color:#ca6060!important; color:#fff!important; background:#941f27!important; box-shadow:0 10px 26px rgba(148,31,39,.2); }
.homepage-content .advisoryBox a { color:var(--wx-advisory)!important; }
.homepage-content .watchBox a { color:var(--wx-watch)!important; }
.homepage-content .warningBox a { color:var(--wx-warning)!important; }
.homepage-content .tornadowarningBox a { color:#fff!important; }
.homepage-content a:focus-visible,.site-navigation a:focus-visible { outline:3px solid var(--wx-aqua)!important; outline-offset:3px; }
@media(max-width:760px){ #page{width:min(100% - 20px,1180px)!important}.homepage-intro{align-items:flex-start;flex-direction:column;gap:18px;border-radius:19px}.homepage-alert-link{width:100%;box-sizing:border-box}.site-navigation{margin-bottom:18px;border-radius:14px} }
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
@media print{body{background:#fff}#page{width:100%!important}.homepage-intro{border:1px solid #bbb;box-shadow:none}.homepage-alert-link{color:#000!important;background:#fff;box-shadow:none}}