:root{--blue:#0b66c3;--ink:#13243a;--soft:#5b6b80;--bg:#f4f7fb;--card:#fff;--accent:#e8a317;--line:#e3eaf2}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.5}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
.wsg-top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 20px;background:linear-gradient(120deg,#0b3c78,#0a7a8c);color:#fff}
.wsg-top .brand{color:#fff;font-weight:800;font-size:20px}
.wsg-top nav a{color:#dce9f5;margin-left:14px;font-size:14px}
main{max-width:960px;margin:0 auto;padding:18px 18px 40px}
.crumb{max-width:960px;margin:10px auto 0;padding:0 18px;color:var(--soft);font-size:13px}
.crumb a{color:var(--soft)}
h1{font-size:30px;margin:10px 0 4px}
h2{font-size:21px;margin:28px 0 12px}
.sub{color:var(--soft);margin:0 0 14px}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 2px 10px rgba(20,40,70,.04)}
.now{display:flex;flex-wrap:wrap;align-items:center;gap:18px}
.now .big{font-size:26px;font-weight:700}
.now .temps{font-size:34px;font-weight:800}
.now .temps .tmin{color:var(--soft);font-size:24px;margin-left:8px}
.now .facts{list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px;margin:0;padding:0;color:var(--ink)}
.days .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}
.day{text-align:center;padding:14px 8px}
.day .dname{font-weight:700;text-transform:capitalize}
.day .demoji{font-size:34px;margin:6px 0}
.day .dlabel{color:var(--soft);font-size:13px;min-height:32px}
.day .dtemp{font-weight:700;margin-top:6px}
.day .dtemp span{color:var(--accent)}
.day .drain{color:var(--soft);font-size:12px;margin-top:4px}
.prose p{max-width:70ch}
.links{list-style:none;padding:0;margin:0}
.links li{padding:4px 0}
.links.cols{column-width:220px;column-gap:24px}
.related{margin-top:28px}
.wsg-foot{max-width:960px;margin:0 auto;padding:26px 18px;color:var(--soft);font-size:13px;border-top:1px solid var(--line)}
@media(max-width:560px){h1{font-size:24px}.now .temps{font-size:28px}}