body:has(.sw-board) main{max-width:none!important;padding:20px 24px!important}.sw-board{color:var(--text)}.sw-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.sw-heading h1{font-size:26px;margin:0}.sw-heading>div{display:flex;align-items:center;gap:14px;font-size:12px}.sw-heading button{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:9px;padding:12px}.sw-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.sw-metrics article{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:13px;padding:18px;background:linear-gradient(var(--tint),var(--tint)),var(--surface);color:var(--accent)}.sw-metrics strong{font-size:38px}.sw-metrics small{font-size:17px;margin-left:5px}.sw-temperature{--accent:#ea580c;--tint:rgba(234,88,12,.1)}.sw-humidity{--accent:#3b82f6;--tint:rgba(59,130,246,.1)}.sw-wind{--accent:#8b5cf6;--tint:rgba(139,92,246,.1)}.sw-rain{--accent:#06b6d4;--tint:rgba(6,182,212,.1)}.sw-main{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px}.sw-main h2{font-size:18px;margin:0 0 14px}.sw-points,.sw-forecast{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:20px}.sw-point-list{display:grid;gap:12px}.sw-point-list article{border:1px solid var(--border);border-radius:12px;text-align:center;padding:24px 14px}.sw-point-list h3{margin:0 0 16px;font-size:20px}.sw-point-list strong{font-size:34px;color:#ea580c}.sw-point-list article>div{display:flex;flex-direction:column;gap:12px;margin-top:20px}.sw-hours{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin-bottom:24px}.sw-hours article,.sw-days article{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:var(--surface-soft);border:1px solid var(--border);border-radius:12px;padding:16px 8px}.sw-icon{font-size:30px}.sw-hours strong{font-size:25px;color:#ea580c}.sw-hours dl{font-size:12px;width:100%;margin:0}.sw-hours dl div{display:flex;justify-content:space-between;margin-top:8px}.sw-hours dd{margin:0;color:#3b82f6}.sw-days{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sw-days article>div{display:flex;gap:20px;font-size:24px}.sw-high{color:#ea580c}.sw-low{color:#0ea5e9}.sw-board:fullscreen{background:var(--background);padding:24px;box-sizing:border-box;height:100vh;display:flex;flex-direction:column}.sw-board:fullscreen .sw-main{flex:1;min-height:0}.sw-board:fullscreen .sw-forecast{display:flex;flex-direction:column}.sw-board:fullscreen .sw-hours,.sw-board:fullscreen .sw-days{flex:1}.sw-board:fullscreen .sw-hours{min-height:0}.sw-board:fullscreen .sw-days{min-height:0}@media(max-width:1200px){.sw-hours{grid-template-columns:repeat(4,1fr)}.sw-main{grid-template-columns:220px 1fr}}@media(max-width:700px){.sw-heading{align-items:flex-start;flex-direction:column;gap:12px}.sw-heading>div{flex-wrap:wrap}.sw-main{grid-template-columns:1fr}.sw-metrics{grid-template-columns:repeat(2,1fr)}.sw-hours{grid-template-columns:repeat(2,1fr)}.sw-days{grid-template-columns:1fr}}
