:root{--ink:#173d31;--green:#237451;--soft:#edf4ee;--cream:#f8f7ef;--muted:#557062;--line:#dbe8de;--shadow:0 16px 38px #153c2b13}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 system-ui,-apple-system,'Segoe UI',sans-serif}a{color:var(--green)}a:hover{text-decoration:underline}.wrap{width:min(1140px,calc(100% - 36px));margin-inline:auto}.site-header{background:#fff;position:sticky;top:0;z-index:10;box-shadow:0 2px 14px #193e2b10}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:76px;flex-wrap:wrap;padding-block:12px}.brand{font-weight:850;font-size:23px;text-decoration:none;color:var(--ink);white-space:nowrap}.brand em{font-style:normal;color:var(--green)}.brand-icon{background:var(--green);border-radius:10px;color:#fff;padding:2px 9px;margin-right:6px}.site-nav{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.site-nav a{color:var(--ink);font-size:13px;font-weight:700;text-decoration:none;padding:6px 8px;border-radius:9px}.site-nav a:hover,.site-nav a[aria-current=page]{background:var(--soft)}select,input,button{font:inherit}select,input{background:#fff;color:var(--ink);border:1px solid #cbdad0;border-radius:11px;padding:11px}.site-nav select{padding:7px;font-size:13px}.hero{padding:72px 0 48px;background:linear-gradient(135deg,#e8f1e7,#f7f5e8)}.eyebrow{color:var(--green);font-size:12px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.hero h1{font-size:clamp(35px,5vw,58px);line-height:1.1;letter-spacing:-.035em;max-width:880px;margin:12px 0}.hero p{max-width:790px;color:var(--muted);font-size:18px}.hero-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;background:var(--green);color:white!important;text-decoration:none!important;padding:12px 19px;border-radius:11px;font-weight:750;cursor:pointer}.button.alt{background:white;color:var(--ink)!important;border:1px solid var(--line)}.section{padding:48px 0 64px}.section h2{font-size:clamp(25px,3vw,34px);margin:0 0 14px}.muted{color:var(--muted)}.notice{background:#fff9e7;border:1px solid #eadbb1;padding:15px 18px;border-radius:13px;margin:18px 0;color:#665125}.panel{background:white;border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:var(--shadow)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.card{background:white;border:1px solid var(--line);border-radius:18px;padding:23px;box-shadow:var(--shadow)}.card h3{margin:5px 0 8px;font-size:20px}.card p{margin:8px 0;color:var(--muted)}.card small{color:var(--muted)}.card .emoji{font-size:35px;line-height:1.4}.card .meta{font-size:13px;color:#527663;font-weight:700}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 24px}.toolbar select,.toolbar input{min-width:220px}.toolbar button{min-width:130px}.weather-current{display:grid;grid-template-columns:1fr 1fr;gap:20px}.weather-temp{font-size:clamp(48px,7vw,80px);line-height:1.1;font-weight:800;letter-spacing:-.05em}.weather-condition{font-size:19px}.weather-icon{font-size:48px}.weather-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric{padding:15px;background:var(--soft);border-radius:12px}.metric strong{display:block;font-size:23px}.forecast{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:20px}.forecast .card{padding:15px;text-align:center}.forecast .emoji{font-size:30px}.forecast .meta{font-size:12px}.forecast .temp{font-weight:800}.faq-placeholder{padding:36px;border:2px dashed #b7d0bd;border-radius:18px;background:#f4faf4;text-align:center}.faq-item{background:white;border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:10px}.faq-item summary{cursor:pointer;font-weight:750}.faq-item p{white-space:pre-line;color:var(--muted)}.detail-hero{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.detail-hero .badge{padding:6px 12px;border-radius:20px;background:#d6e8d9;color:#24593d;font-weight:700;font-size:13px}.detail-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:25px 0}.detail-stat{padding:17px;background:var(--soft);border-radius:14px}.detail-stat strong{display:block;font-size:18px}.detail-actions{display:flex;flex-wrap:wrap;gap:10px}.site-footer{background:#173d31;color:#eaf4ec;padding:36px 0}.site-footer a{color:#eaf4ec}.footer-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px}.site-footer small{color:#bdd0c2}.status{padding:14px;border-radius:11px;background:var(--soft);margin:12px 0}.status.error{background:#fff0ee;color:#963f31}.site-footer a{text-decoration:none}.site-footer a:hover{text-decoration:underline}@media(max-width:900px){.forecast{grid-template-columns:repeat(auto-fit,minmax(135px,1fr))}.weather-current{grid-template-columns:1fr}}@media(max-width:620px){.site-header{position:static}.site-header .wrap{align-items:flex-start}.site-nav{gap:4px}.site-nav a{padding:5px;font-size:12px}.site-nav select{max-width:120px}.hero{padding:48px 0 34px}.panel{padding:18px}.weather-metrics{grid-template-columns:1fr 1fr}.toolbar select,.toolbar input{width:100%;min-width:0}.toolbar{align-items:stretch}}


/* v24: consistent, readable guide navigation at all viewport widths. */
.site-header .wrap{max-width:1440px}
.site-nav{justify-content:flex-end}
.site-nav a{white-space:nowrap}
@media(max-width:1150px){.site-header .wrap{justify-content:center}.site-header .brand{margin-right:auto}.site-nav{flex:1 0 100%;justify-content:center;gap:6px 9px}}
@media(max-width:620px){.site-header .wrap{gap:8px}.site-header .brand{margin-right:0}.site-nav{justify-content:flex-start;overflow:visible}.site-nav a{white-space:normal;padding:7px 9px;background:#f4f8f4}.site-nav select{max-width:none}}