*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#244d70;color:var(--text);font-family:var(--font);font-size:18px;line-height:1.45}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:600;line-height:1.2}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button,select,input{border:1px solid var(--border);border-radius:15px;background:rgba(43,79,108,.3)}button:hover,a.button:hover{background:rgba(141,228,246,.16)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}img{max-width:100%;height:auto}button img{pointer-events:none}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:absolute;top:-100px;left:20px;z-index:10;background:#14334c;padding:12px}.skip-link:focus{top:10px}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:44px;padding:10px 21px;border:1px solid var(--border);border-radius:17px;text-decoration:none;font-size:16px;font-weight:500}.primary{background:var(--accent);color:#052432;border-color:transparent;border-radius:28px}.primary:hover{background:#b3f0fb!important}.quiet{background:rgba(43,79,108,.25)}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:52px;min-height:50px;padding:10px}.text-button{background:none;border:0;padding:6px 0;min-height:38px;color:var(--muted);font-size:16px;text-align:left}.text-button:hover{background:none;color:var(--accent)}.text-button span{margin-left:12px}#preview{position:relative;isolation:isolate;background:linear-gradient(#246195,#3b8cbd 57%,#a6cbd7)}.sky{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none;background:linear-gradient(#245f96,#66afd2 72%,#adcbd6)}.sky canvas{width:100%;height:100%;display:block}.site-header{height:71px;padding:0 var(--gutter) 0 calc(var(--gutter) + 40px);display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(204,231,252,.14);background:rgba(27,76,117,.13)}.brand{display:flex;align-items:center;gap:16px;white-space:nowrap;text-decoration:none;font-size:25px;font-weight:600}.site-header nav{display:flex;align-items:center;gap:30px;font-size:16px}.site-header nav>a:not(.button){text-decoration:none}.site-header nav>a:hover{color:var(--accent)}.opening-content{padding:0 var(--gutter)}.toolbar{display:flex;align-items:center;justify-content:flex-end;gap:18px;min-height:88px}.search-wrap{position:relative;width:min(522px,43%)}.search-wrap input{width:100%;height:52px;padding:0 18px 0 66px;font-size:20px;background:rgba(37,74,105,.23)}.search-symbol{position:absolute;left:19px;top:15px;pointer-events:none}.search-results,.search-status{position:absolute;top:58px;left:0;width:100%;z-index:5;background:#203f5a;border:1px solid var(--border);border-radius:15px;box-shadow:0 12px 30px #09263e80}.search-results{list-style:none;padding:6px;margin:0;max-height:340px;overflow:auto}.search-results button{display:block;width:100%;text-align:left;border:0;border-radius:9px;padding:12px;font-size:16px;min-height:48px;background:none}.search-results button[aria-current=true],.search-results button:hover{background:#386782}.search-results small{display:block;color:var(--muted)}.search-status{padding:14px;font-size:16px}.toolbar select{height:52px;padding:0 18px;width:102px;font-size:20px}.toolbar #freshness{font-size:14px;min-width:129px}.toolbar #motion{margin-left:10px;min-height:52px;white-space:nowrap}.current-layout{display:grid;grid-template-columns:430px 1fr;min-height:253px;padding:0 40px 19px;gap:0}.current h2{font-size:34px}.current #context{font-size:21px}.temperature{font-size:124px;line-height:.97;font-weight:300;letter-spacing:-4px;margin-top:5px}.condition{font-size:27px;font-weight:500;line-height:1.2;margin-bottom:6px}.current #feels{font-size:20px}.descriptor{padding-top:50px;max-width:700px}.descriptor h1{font-size:34px;letter-spacing:-.5px;white-space:nowrap}.descriptor p{font-size:27px;color:#a4e7fa;line-height:1.35;margin-top:5px}.forecast-status{font-size:15px;margin:0 40px 10px;color:#e2eff8;min-height:0}.forecast-status:has(#status-text:empty){display:none}.forecast-status .text-button{margin-left:16px}.notice{padding:18px;background:#203f5a}.panel{background:var(--panel);border:1px solid rgba(209,231,251,.35);border-radius:var(--radius)}.panel h2{font-size:25px}.hourly-panel{padding:10px 28px 9px;height:258px}.panel-heading{display:flex;justify-content:space-between;align-items:center}.panel-heading .icon-button{border:0;background:none;min-height:30px;padding:0;min-width:32px}.hourly-rail{display:flex;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#87c9df44 transparent;gap:0;scroll-snap-type:x proximity;padding:9px 0 5px;min-height:177px}.hour-card{position:relative;flex:0 0 12.5%;min-width:132px;display:flex;align-items:center;flex-direction:column;gap:7px;min-height:166px;border:0;border-radius:15px;background:none;scroll-snap-align:start;padding:6px 8px}.hour-card::after{content:"";position:absolute;right:0;top:15px;bottom:15px;width:1px;background:#b7cbdc25}.hour-card[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--accent);background:#316b8c55}.hour-card img{width:53px;height:53px;margin-top:3px}.hour-card strong{font-size:28px;font-weight:500;line-height:1.1}.hour-card small{font-size:16px;display:flex;gap:8px;align-items:center}.hour-card small img{width:19px;height:23px;margin:0}.hour-card .hour-label{font-size:18px}.panel-hint{font-size:15px;color:var(--muted);padding-left:4px;margin-top:3px}.forecast-bottom{display:grid;grid-template-columns:1.35fr 1fr;gap:12px;margin-top:11px;align-items:start}.daily-panel{min-height:274px;padding:14px 32px 4px}.daily-row{display:grid;grid-template-columns:78px 58px 1fr 44px minmax(90px,1.2fr) 44px;align-items:center;gap:12px;min-height:38px;border-bottom:1px solid #b7cbdc25;font-size:18px}.daily-row:last-child{border:0}.daily-row img{width:38px;height:36px}.daily-row .day-condition{font-size:16px;color:var(--muted)}.range{height:8px;border-radius:10px;background:#adcbe326;position:relative}.range i{display:block;position:absolute;height:8px;min-width:2px;border-radius:10px;background:linear-gradient(90deg,#7dc3fb,#8cdeec,#ffe17c)}.daily-row .high{text-align:right}.metrics-panel{padding:14px 30px;min-height:274px}.metrics{display:grid;grid-template-columns:1fr 1fr;margin:10px 0 0}.metrics>div{display:grid;grid-template-columns:76px 1fr;grid-template-rows:auto auto;align-content:center;min-height:96px;padding:10px 12px;border-bottom:1px solid #b7cbdc33}.metrics>div:nth-child(odd){border-right:1px solid #b7cbdc33;padding-left:4px}.metrics>div:nth-last-child(-n+2){border-bottom:0}.metrics img{width:52px;height:52px;grid-row:1/3;align-self:center}.metrics dt{font-size:16px;color:var(--muted)}.metrics dd{margin:0;font-size:23px;font-weight:500}.tour-anchor{display:flex;justify-content:center;align-items:center;gap:8px;padding:10px;margin:16px -26px 0;border-top:1px solid #235d8855;font-size:16px;color:#163f63;text-decoration:none;min-height:46px}.tour-anchor svg{width:20px;height:20px}.empty{color:var(--muted);padding:15px 0;font-size:17px}.desktop-tour{background:radial-gradient(ellipse at 70% 0,#326d9a55,transparent 60%),#244d70}.data-note{text-align:center;padding:12px var(--gutter);font-size:13px;color:var(--muted)}.section-wrap{margin:0 auto;max-width:1536px;padding:50px var(--gutter)}.tour-intro{display:grid;grid-template-columns:.54fr 1fr;gap:40px;align-items:center;padding-top:42px;padding-bottom:24px}.intro-copy{padding-left:14px}.intro-copy h2{font-size:58px;letter-spacing:-1.4px;margin-bottom:16px}.lead{font-size:29px;line-height:1.4}.feature-list{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:24px}.feature-list li{position:relative;padding-left:40px;font-size:19px}.feature-list li:before{content:"";position:absolute;left:0;top:7px;width:19px;height:19px;border:2px solid var(--text);border-radius:4px}.feature-list li:nth-child(2):before{border-radius:9px 9px 3px 3px}.feature-list li:nth-child(3):before{box-shadow:inset 0 0 0 4px #244d70;background:var(--text)}.gallery{min-width:0;scroll-margin-top:25px}.gallery-tabs{display:flex;justify-content:center;margin:0 auto 14px;padding:5px;border:1px solid var(--border);border-radius:13px;width:max-content;max-width:100%;background:#305d8255}.gallery-tabs button{border:0;min-height:38px;border-radius:11px;padding:5px 20px;font-size:16px;background:none}.gallery-tabs button[aria-pressed=true],.showcase-controls button[aria-pressed=true]{background:var(--accent);color:#072733}.image-button{border:1px solid var(--border);border-radius:16px;padding:0;display:block;background:#23455e;overflow:hidden;width:100%}.image-button img{display:block;width:100%;height:auto}.image-button:hover{border-color:var(--accent)}figcaption{font-size:14px;text-align:center;margin-top:9px;color:#e0eefa}.original-link{font-size:13px;color:var(--muted);display:block;text-align:center;margin-top:4px}.map-tour{display:grid;grid-template-columns:2.15fr 1fr;gap:38px;align-items:center;border-top:1px solid var(--border);margin:0 var(--gutter);padding:22px 16px 40px}.map-tour h2,.effects-tour h2{font-size:32px;margin-bottom:14px;letter-spacing:-.6px}.map-tour p,.effects-tour p{font-size:22px;line-height:1.4;margin-bottom:18px}.secondary{color:var(--muted)!important;font-size:16px!important}.large-link{font-size:22px;color:var(--accent)}hr{border:0;border-top:1px solid var(--border);margin:27px 0}.effects-tour{display:grid;grid-template-columns:1fr 1.9fr;gap:70px;border-top:1px solid var(--border);align-items:center}.effects-tour video{display:block;width:100%;height:auto;border:1px solid var(--border);border-radius:16px;background:#142c3f}.showcase{position:relative;isolation:isolate;min-height:355px;max-width:none;display:grid;place-items:center;border-block:1px solid var(--border);overflow:hidden}.showcase-content{position:relative;text-align:center;text-shadow:0 1px 12px #0c304d}.showcase h2{font-size:38px;margin-bottom:12px}.showcase p{font-size:16px}.showcase-controls{display:flex;gap:10px;justify-content:center;margin:24px 0 18px}.showcase-controls button{min-height:44px;min-width:90px;padding:8px 17px;border-radius:12px;background:#244b70bf}.install{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:75px;padding-bottom:70px}.install h2{font-size:44px;margin-bottom:16px}.install p{margin-bottom:20px;max-width:600px}.install h3{font-size:24px;margin-bottom:14px}.install .button{margin-top:8px}.install pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#173c58;border:1px solid var(--border);border-radius:12px;padding:20px;font-size:15px;color:var(--accent);margin:18px 0}summary{cursor:pointer;min-height:44px;color:var(--accent)}details p{font-size:16px}footer{border-top:1px solid var(--border);padding-top:28px;padding-bottom:30px;font-size:13px;color:var(--muted)}.footer-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.footer-top .brand{font-size:20px;color:var(--text)}footer nav{display:flex;flex-wrap:wrap;gap:22px}footer p{margin-top:10px;max-width:1100px}dialog{width:min(1400px,94vw);max-height:94vh;overflow:auto;background:#17394f;border:1px solid var(--border);border-radius:16px;color:var(--text);padding:18px}dialog::backdrop{background:#071b2ded;backdrop-filter:blur(6px)}dialog form{text-align:right;margin-bottom:15px}dialog img{display:block;width:100%;height:auto}dialog p{margin:14px 0}dialog a{color:var(--accent)}
@media(min-width:1450px){.toolbar{gap:18px}.descriptor{padding-top:50px}.current-layout{min-height:260px}.hourly-panel{height:258px}.hourly-rail{min-height:181px}.current-layout{grid-template-columns:430px 1fr}}
@media(max-width:1250px){.site-header{padding-left:var(--gutter)}.site-header nav{gap:20px}.current-layout{padding-inline:18px;grid-template-columns:370px 1fr}.descriptor h1{font-size:29px;white-space:normal}.descriptor p{font-size:24px}.current h2{font-size:29px}.daily-panel{padding-inline:20px}.daily-row{grid-template-columns:66px 40px 1fr 35px minmax(50px,1fr) 35px;gap:8px}.metrics-panel{padding-inline:20px}.metrics>div{grid-template-columns:55px 1fr;padding-inline:10px}.metrics dd{font-size:20px}.metrics img{width:43px}.intro-copy h2{font-size:44px}.lead{font-size:25px}.feature-list li{font-size:17px}.tour-intro{gap:26px}.gallery-tabs button{padding-inline:16px}}
@media(max-width:1000px){.site-header nav{gap:15px}.site-header nav>a:not(.button){font-size:14px}.brand{font-size:21px;gap:10px}.brand img{width:40px}.toolbar{flex-wrap:wrap;justify-content:flex-start;padding:17px 0;gap:12px}.search-wrap{flex:1;width:auto;min-width:330px}.toolbar #motion{margin-left:0}.toolbar #freshness{min-width:0}.current-layout{grid-template-columns:1fr 1.25fr;min-height:280px;gap:20px;padding-inline:0}.current h2{font-size:26px}.descriptor h1{font-size:27px}.descriptor p{font-size:22px}.temperature{font-size:112px}.current #feels{font-size:17px}.forecast-bottom{grid-template-columns:1.2fr 1fr}.daily-row{grid-template-columns:60px 35px 36px minmax(40px,1fr) 36px}.day-condition{display:none}.metrics>div{grid-template-columns:1fr;text-align:center;padding:12px 5px;min-height:107px}.metrics img{display:none}.metrics dt{font-size:15px}.metrics dd{font-size:19px}.tour-intro{grid-template-columns:1fr;padding-top:30px}.intro-copy{padding:0}.feature-list{grid-template-columns:1fr 1fr 1fr;gap:20px}.feature-list li{padding-left:0}.feature-list li:before{display:none}.gallery{margin-top:12px}.map-tour{grid-template-columns:1.6fr 1fr;padding-inline:0}.map-tour h2,.effects-tour h2{font-size:26px}.map-tour p,.effects-tour p{font-size:18px}.effects-tour{gap:35px}.install{gap:35px}}
@media(max-width:799px){.forecast-bottom{grid-template-columns:1fr}.daily-row{grid-template-columns:65px 42px 1fr 38px minmax(70px,1.2fr) 38px}.day-condition{display:block}.metrics>div{grid-template-columns:65px 1fr;text-align:left;min-height:85px}.metrics img{display:block}.metrics-panel{min-height:235px}.metrics dd{font-size:22px}.current-layout{min-height:0;grid-template-columns:1fr;gap:20px;padding-bottom:24px}.descriptor{padding:0;max-width:640px}.descriptor h1{font-size:27px}.descriptor p{font-size:21px}.temperature{font-size:108px}.condition{font-size:25px}.current h2{font-size:30px}.current #feels{font-size:18px}.hourly-panel{padding-inline:16px;height:252px}.hour-card{min-width:130px}.forecast-status{margin-inline:0}.map-tour,.effects-tour{grid-template-columns:1fr;gap:26px}.map-tour{padding-top:28px}.effects-tour{padding-top:35px}.install{grid-template-columns:1fr}.footer-top{flex-direction:column;align-items:flex-start}.site-header{height:auto;min-height:72px;flex-wrap:wrap;padding-block:12px;gap:12px}.site-header nav{margin-left:auto}.site-header nav>a:not(.button){display:none}.feature-list{grid-template-columns:1fr;gap:12px}.section-wrap{padding-block:35px}.intro-copy h2{font-size:42px}.gallery-tabs{width:100%}.gallery-tabs button{flex:1;padding:8px;font-size:14px}.showcase{min-height:340px}.install h2{font-size:36px}}
@media(max-width:500px){body{font-size:16px}.brand{font-size:19px;gap:7px}.brand img{width:32px}.site-header{padding-inline:18px}.site-header .button{font-size:13px;padding-inline:13px;min-height:42px}.opening-content{padding-inline:18px}.toolbar{gap:10px}.search-wrap{min-width:100%;flex-basis:100%;width:100%}.search-wrap input{font-size:17px;padding-left:52px}.search-symbol{left:16px}.toolbar select{height:46px;min-width:72px;width:72px;font-size:18px;padding-inline:12px}.toolbar .icon-button{min-width:44px;min-height:46px}.toolbar #freshness{font-size:12px;flex:1}.toolbar #motion{min-height:46px;font-size:13px;padding-inline:12px;gap:7px}.toolbar #motion svg{width:16px}.current h2{font-size:26px}.current #context{font-size:17px}.descriptor h1{font-size:24px;letter-spacing:-.4px}.descriptor p{font-size:19px}.daily-panel{padding-inline:15px}.daily-row{grid-template-columns:53px 34px 1fr 32px minmax(40px,1fr) 32px;gap:6px;font-size:16px}.daily-row .day-condition{font-size:12px;line-height:1.1}.daily-row img{width:31px}.panel h2{font-size:22px}.metrics-panel{padding-inline:16px}.metrics>div{grid-template-columns:45px 1fr;padding-inline:7px}.metrics img{width:35px}.metrics dd{font-size:18px}.metrics dt{font-size:14px}.hour-card{min-width:122px}.tour-anchor{margin-inline:0}.section-wrap{padding-inline:22px}.map-tour{margin-inline:22px;padding-inline:0}.intro-copy h2{font-size:38px}.lead{font-size:23px}.showcase-controls{gap:7px}.showcase-controls button{min-width:60px;padding-inline:12px;font-size:14px}.showcase h2{font-size:30px}.showcase p{font-size:14px}.gallery-tabs button{font-size:12px;padding-inline:5px}.install{gap:28px}.install pre{font-size:13px}.footer-top nav{gap:14px}dialog{padding:12px}}
@media(max-width:359px){.site-header{gap:8px}.brand{font-size:17px}.site-header .button{font-size:11px;padding:9px}.toolbar #motion{flex-basis:100%}.daily-row{grid-template-columns:47px 28px 30px minmax(50px,1fr) 30px}.daily-row .day-condition{display:none}.descriptor h1{font-size:22px}.metrics dd{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Result status stays separate from the actionable result list. */
.search-wrap:has(.search-results:not([hidden])) .search-status{position:relative;top:0;background:#203f5a;margin:5px 0 0;padding:6px 10px;font-size:13px;box-shadow:none}
.search-wrap:has(.search-results:not([hidden])) .search-results{top:91px}
.map-attribution{font-size:12px!important;text-align:center;color:var(--muted);margin-top:7px!important}
@media(min-width:800px) and (max-width:1000px),(max-width:359px){.daily-row .day-condition{display:block;position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}}
.current #context{line-height:1.2}.temperature{line-height:.90}.current-layout{padding-bottom:10px}
@media(min-width:1001px){.tour-intro{align-items:start}.intro-copy{padding-top:65px}.gallery #gallery-enlarge{height:420px}.gallery #gallery-image{height:100%;object-fit:cover;object-position:top}.gallery #gallery-image[data-full=true]{object-fit:contain}.map-tour>.image-button{height:auto}.map-tour figure>.image-button{aspect-ratio:1.29}.map-tour figure>.image-button img{height:100%;object-fit:cover;object-position:top}}
@media(max-width:799px){.current-layout{padding-bottom:24px}.temperature{line-height:.97}}
.feature-list li:before{display:none}.feature-list li{padding-left:55px}.feature-list svg{position:absolute;left:0;top:-5px;width:35px;height:35px;stroke-width:2}
@media(min-width:1001px){.gallery #gallery-enlarge{height:550px}}
@media(max-width:1000px){.feature-list li{padding-left:42px}.feature-list svg{width:28px;height:28px;top:0}}
/* Stable contrast when mobile descriptors and showcase text cross pale clouds. */
.showcase-content{padding:24px 30px;background:rgba(18,52,79,.70);border:1px solid #c4d7e72e;border-radius:18px}
@media(max-width:799px){.descriptor{background:rgba(20,54,80,.70);padding:14px 18px;margin-inline:-18px;border-block:1px solid #b7cbdc22}.descriptor p{color:#c4eef9}}
/* The editable location title is the only visible city name. */
.location-header{min-width:0}.location-header #context{font-size:21px;line-height:1.2;margin-top:8px}
.toolbar{min-height:115px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;padding-inline:40px;justify-content:stretch}
.preview-tools{display:flex;align-items:center;gap:18px;align-self:start;margin-top:18px}
.toolbar .search-wrap{width:100%;max-width:522px;min-width:0}
.toolbar .search-wrap input{font-size:34px;font-weight:600;padding:0 48px 0 0;background:transparent;border-color:transparent;border-radius:8px;text-overflow:ellipsis}
.toolbar .search-wrap input:hover{background:#244b701f}
.toolbar .search-wrap input:focus{background:#244b7033;border-bottom-color:var(--accent)}
.toolbar .search-symbol{left:auto;right:14px;opacity:.75}
.toolbar .search-wrap:focus-within .search-symbol{display:none}
.current-layout{min-height:234px}.descriptor{padding-top:25px}
@media(max-width:1250px){.toolbar{padding-inline:18px;gap:20px}.toolbar .search-wrap input{font-size:29px}}
@media(max-width:1100px){.toolbar{grid-template-columns:1fr;padding:17px 0 8px;gap:8px}.preview-tools{flex-wrap:wrap;gap:12px;align-self:auto;margin-top:0}.toolbar .search-wrap{max-width:none}.current-layout{min-height:240px}}
@media(max-width:799px){.current-layout{min-height:0}.descriptor{padding:14px 18px}}
@media(max-width:500px){.toolbar .search-wrap{flex-basis:auto}.toolbar .search-wrap input{font-size:26px;padding-right:38px}.toolbar .search-symbol{right:9px}.preview-tools{gap:10px}.location-header #context{font-size:17px}}
.agent-install{margin-top:26px;padding-top:26px;border-top:1px solid var(--border)}
.agent-install h3{font-size:23px}.agent-install>p{font-size:16px;margin-bottom:14px}
.agent-install textarea{display:block;width:100%;min-height:245px;resize:vertical;padding:16px;border:1px solid var(--border);border-radius:12px;background:#173c58;color:var(--text);font:15px/1.55 var(--font)}
.prompt-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:12px}.prompt-actions .button{margin:0}.prompt-actions p{font-size:14px;color:var(--muted);margin:0}
.metrics dd{overflow-wrap:anywhere}
.showcase-content{max-width:100%;min-width:0}.showcase-controls{flex-wrap:wrap}
.toolbar #units{width:148px;min-width:148px}
@media(max-width:500px){.toolbar #units{width:132px;min-width:132px}}
.install{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 40px;align-items:start}
.install-intro,.repo-highlight,.install-card{min-width:0}
.repo-highlight{padding:26px 30px;border:1px solid var(--border);border-radius:18px;background:#305d8240}
.install .eyebrow{color:var(--accent);font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:12px}
.repo-highlight h3{font-size:29px}.repo-highlight>p:not(.eyebrow){font-size:18px}
.repo-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px}
.repo-actions .button{margin-top:0}
.support-links{display:grid;gap:4px}
.star-link,.heart-link{display:inline-flex;align-items:center;gap:9px;min-height:25px;color:var(--accent);text-decoration:none;font-size:16px}
.star-link svg,.heart-link svg{width:22px;height:22px;flex:0 0 22px}
.star-link svg{color:var(--gold)}.heart-link svg{color:#ffa5a9}
.star-link:hover,.heart-link:hover{text-decoration:underline}
.support-links a:focus-visible{outline-width:2px;outline-offset:0}
.install-options{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.install-card{padding:28px;border:1px solid var(--border);border-radius:18px;background:#173c5840}
.install-card h3{font-size:25px}.install-card>p:not(.eyebrow){font-size:17px}
.agent-install{margin:0;border-top:1px solid var(--border)}
@media(max-width:799px){.install,.install-options{grid-template-columns:1fr}.install{gap:26px}.install-options{gap:20px}.repo-highlight,.install-card{padding:22px}}
.showcase-content{width:min(600px,100%)}
.showcase-controls{margin:0 0 16px}
.directory-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:0 0 16px;color:var(--accent);font-size:16px}
.directory-link img{width:20px;height:20px;flex:0 0 20px}
.directory-link>span:last-child{flex-shrink:0}
/* Native language names remain readable without downloading fonts. */
.language-control{flex:0 1 auto;min-width:0}.language-control select{font:inherit;color:var(--text);background:#244d70;border:1px solid var(--border);border-radius:8px;max-width:180px;padding:7px;line-height:1.5}.site-header{gap:16px}.site-header nav{margin-left:auto}html:lang(hi) body{line-height:1.65}html:lang(hi) .condition{line-height:1.45} .install-prompt{line-height:1.6}
@media(max-width:800px){.site-header{height:auto;min-height:70px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.language-control{margin-left:auto}.language-control select{max-width:150px}.site-header nav{order:3;width:100%;justify-content:flex-end;margin-left:0}.descriptor h1{overflow-wrap:anywhere}}
#install-prompt{font-family:var(--font);line-height:1.65}.toolbar #units{width:auto;min-width:92px;max-width:170px}.site-header{height:auto;min-height:71px;padding-block:10px}.site-header nav{flex-wrap:wrap;justify-content:flex-end}.descriptor h1{white-space:normal}.hour-label{white-space:normal;line-height:1.4}.gallery-tabs{width:100%}.gallery-tabs button{min-width:0;overflow-wrap:anywhere;line-height:1.45}.daily-row .day-condition{overflow-wrap:anywhere;line-height:1.35}.daily-row{min-height:44px;height:auto;padding-block:5px}.metrics dd{overflow-wrap:anywhere}html:lang(hi) h1,html:lang(hi) h2,html:lang(hi) h3{line-height:1.45}
.preview-tools #freshness{flex:0 1 auto;min-width:100px;max-width:220px;line-height:1.5}.preview-tools #motion{white-space:normal;max-width:240px}.preview-tools #motion span{min-width:0}.preview-tools{flex-wrap:wrap}.hourly-panel{height:auto;min-height:258px}.hourly-panel .panel-heading{gap:16px}.panel-heading h2{min-width:0}.hour-label{min-height:1.4em}.daily-row>span:first-child{overflow-wrap:anywhere;line-height:1.4}
@media(max-width:500px){.preview-tools #freshness{flex:1 1 130px;min-width:100px}.preview-tools #motion{flex:0 1 auto;max-width:100%;margin-left:0}.hourly-panel{min-height:252px}}
.forecast-bottom>.panel,.metrics>div{min-width:0}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics dt{overflow-wrap:anywhere;hyphens:auto}.metrics>div{grid-template-columns:55px minmax(0,1fr)}html:lang(zh-Hans){--font:system-ui,"Noto Sans CJK SC","Noto Sans",Arial,sans-serif}html:lang(ja){--font:system-ui,"Noto Sans CJK JP","Noto Sans",Arial,sans-serif}
@media(max-width:1000px) and (min-width:800px){.metrics>div{grid-template-columns:minmax(0,1fr)}}@media(max-width:500px){.metrics>div{grid-template-columns:45px minmax(0,1fr)}}
.language-control{position:relative;width:62px;flex:0 0 62px}.language-control #language{width:62px;max-width:62px;min-height:40px;padding:7px;color:transparent}.language-control #language option{color:#f0f5fc;background:#244d70}.language-control #language-flag{position:absolute;left:10px;top:50%;transform:translateY(-50%);font:22px/1 "Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",sans-serif;pointer-events:none}.language-control #language:focus-visible{outline:3px solid #8de4f6;outline-offset:4px}
.language-control::after{content:"";position:absolute;right:9px;top:calc(50% - 4px);width:6px;height:6px;border-right:1.5px solid #f0f5fc;border-bottom:1.5px solid #f0f5fc;transform:rotate(45deg);pointer-events:none}
/* Align the native popup inward when its compact anchor sits at the right edge. */
.site-header #language{direction:rtl}.site-header #language option{direction:ltr;text-align:left}
html:lang(zh-Hant){--font:system-ui,"Noto Sans CJK TC","Noto Sans",Arial,sans-serif}html:lang(ko){--font:system-ui,"Noto Sans CJK KR","Noto Sans",Arial,sans-serif}
.language-links{margin-top:24px;font-size:14px;line-height:1.6}.language-links ul{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;margin:0;padding:0}.language-links a{display:inline-block;padding-block:4px}
/* Static loading copy must fit before JavaScript replaces it with weather. */
.current-layout>.current,.current-layout>.descriptor{min-width:0}.condition{overflow-wrap:anywhere}
@media(max-width:799px){.current-layout{grid-template-columns:minmax(0,1fr)}}