:root{--ink:#071b49;--blue:#006fe6;--muted:#49618b;--border:#e7edf4;--green:#00a649;--bg:#f7f9fc;--radius:9px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:16px}body{margin:0;background:linear-gradient(#fff,var(--bg));font:14px/1.4 Arial,'Segoe UI',sans-serif;color:var(--ink)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.container{width:calc(100% - 80px);max-width:1320px;margin:0 auto}.ico{width:25px;height:25px;flex-shrink:0;vertical-align:middle}.plain{padding:0;border:0;background:transparent;display:inline-flex;align-items:center;gap:9px;min-height:40px}.skip{position:absolute;top:-100px;background:#fff;z-index:100;padding:10px}.skip:focus{top:0}:focus-visible{outline:3px solid #0877df;outline-offset:3px}h1,h2,h3,p{margin:0}h2{font-size:20px;line-height:1.25;letter-spacing:-.6px}h3{font-size:16px}.masthead{height:66px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);min-width:265px}.brand:hover{text-decoration:none}.brand>svg{width:55px;height:45px}.brand strong{font-size:29px;letter-spacing:-1.25px;line-height:1}.brand strong b{color:#0070d8}.brand small{display:block;font-size:11px;line-height:1.2;margin-top:1px}.search{height:43px;display:flex;align-items:center;border:1px solid #d9e2ef;border-radius:7px;flex:1;background:#f8f9fc;position:relative;gap:12px;padding:0 14px}.search>.ico{width:19px;color:var(--muted)}.search input{border:0;background:transparent;width:100%;min-width:0;outline:none;color:var(--ink);font-size:12px}.search input::placeholder{color:var(--muted)}.search:focus-within{outline:2px solid var(--blue)}.search-results{position:absolute;top:100%;left:0;right:0;background:white;z-index:50;border:1px solid var(--border);box-shadow:0 8px 20px #17396722}.search-results button{display:block;width:100%;padding:12px;border:0;background:white;text-align:left}.search-results button:hover{background:#eaf4ff}.locate,.favorites{font-size:12px;white-space:nowrap}.locate .ico,.favorites .ico{width:20px}.menu{margin-left:auto}.menu .ico{width:22px}.nav-bg{background:linear-gradient(90deg,#f8fafc,#f0f5fb)}.navigation{height:48px;display:flex;align-items:center;gap:38px;font-size:13px;white-space:nowrap}.navigation a{color:var(--ink)}.nav-cta{margin-left:auto;border:1px solid #7aacec;background:#f5faff;border-radius:7px;color:var(--blue);padding:8px 12px;box-shadow:0 2px 8px #276bd014;white-space:nowrap}.nav-cta.orange{background:#ff780a;color:white;border-color:#ff9a47}.local-hero{position:relative;background-image:linear-gradient(to bottom,transparent 28%,#f7f9fc00 53%,#f7f9fc 99%),linear-gradient(90deg,#336a9270,#336a9200),url('hero-mi.png');background-size:cover;background-position:center 48%;padding-top:24px;padding-bottom:20px}.breadcrumb{color:#e1eef7;font-size:12px;margin-bottom:9px}.local-title{display:flex;gap:18px;align-items:center;color:white}.local-title h1{font-size:48px;line-height:1.15;letter-spacing:-1px;text-shadow:0 1px 1px #20446122}.local-title button{color:white}.local-title .ico{width:27px;height:27px}.local-sub{display:flex;align-items:center;justify-content:space-between;color:#e2edf7;font-size:16px;min-height:33px;margin:3px 0 13px}.webcam{border:0;background:#203f6088;color:white;border-radius:6px;padding:7px 10px;font-size:12px}.weather-grid{display:grid;grid-template-columns:1fr 1.02fr;gap:17px}.panel{background:#fffffffa;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 3px 12px #38649705;min-width:0}.current{padding:0;overflow:hidden}.current-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px}.current-top>b{font-weight:400;font-size:16px}.current-top>span{font-size:11px;color:var(--muted)}.current-center{display:grid;grid-template-columns:1fr .9fr;gap:16px;padding:4px 20px 17px;align-items:center}.temperature{display:flex;align-items:center;gap:18px}.big-sun{width:97px;height:110px}.temperature>div>strong{font-size:70px;line-height:1;letter-spacing:-4px;font-weight:700;display:block}.temperature>div>b{display:block;font-size:17px;margin-top:2px}.temperature>div>span{color:var(--muted);font-size:16px}.temperature>div>span b{color:var(--ink)}.minmax{color:var(--muted);font-size:14px;margin-bottom:12px}.minmax>span{margin-left:9px}.hot{color:#ff1724}.cold{color:#006de0}.weather-copy p{font-size:16px;line-height:1.3}.weather-metrics{display:flex;border-top:1px solid var(--border);min-height:67px;align-items:stretch;padding:0 4px}.weather-metrics>div{display:flex;gap:8px;padding:10px 10px;border-right:1px solid var(--border);flex:1;align-items:flex-start}.weather-metrics>div:last-child{border:0}.weather-metrics>.extra-metric{padding-left:8px;padding-right:8px}.weather-metrics .ico{width:23px;height:27px;color:#526d97;margin-top:3px}.weather-metrics span{font-size:11px;line-height:1.25;color:var(--muted);white-space:nowrap}.weather-metrics b{display:block;font-size:14px;color:var(--ink);margin-top:2px}.weather-metrics small{font-size:11px;display:block}.confidence{display:grid;grid-template-columns:1.14fr 1fr;gap:14px;padding:14px 10px 14px 18px;align-content:center}.confidence h2{font-size:17px;white-space:nowrap}.info{font-size:16px;color:#587caa;min-height:24px;margin-left:7px}.confidence-body{display:flex;align-items:center;gap:17px;margin-top:17px}.ring{width:133px;height:133px;flex-shrink:0;border-radius:50%;background:conic-gradient(from -5deg,#00a749 0deg,#00b35a 320deg,#c7e9df 320deg,#c7e9df 360deg);position:relative}.ring:before{content:'';position:absolute;inset:11px;border-radius:50%;background:#fff}.score{display:flex;align-items:baseline;gap:6px;white-space:nowrap}.score strong{font-size:37px;letter-spacing:-1.4px;color:#080f20}.score span{font-size:23px;color:#202532}.green{color:var(--green)}.confidence-body b.green{font-size:18px}.confidence-body p{font-size:12px;margin-top:7px;line-height:1.3}.models{display:grid;gap:8px}.model-box{background:linear-gradient(#f8f9fb,#f7f8fa);border:1px solid #edf1f7;border-radius:8px;padding:10px 13px}.model-box h3{font-size:14px;letter-spacing:-.3px;margin-bottom:7px}.model-row{display:grid;grid-template-columns:1fr 30px 30px 30px;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);font-size:12px}.model-row:last-child{border:0;padding-bottom:0}.model-row .ico{width:23px;height:23px}.soft{border:0;background:#edf4fb;border-radius:7px;color:var(--blue);padding:8px 12px;min-height:33px}.models .soft{color:var(--ink);font-size:12px}.period-tabs{display:flex;align-items:stretch;justify-content:space-around;background:white;border:1px solid var(--border);border-radius:7px;height:40px;overflow-x:auto;margin-bottom:15px}.period-tabs button{background:transparent;border:0;border-bottom:3px solid transparent;white-space:nowrap;padding:7px 24px;font-size:13px}.period-tabs button.active{border-color:#006be0;font-weight:700}.forecast-grid{display:grid;grid-template-columns:1fr 1fr .72fr;grid-template-areas:'hourly hourly rain' 'hourly hourly sunmoon' 'activities activities activities' 'daily daily other';gap:14px}.hourly{grid-area:hourly;padding:15px}.rain{grid-area:rain;padding:14px 16px}.sunmoon{grid-area:sunmoon;padding:12px 16px}.activities{grid-area:activities;padding:12px 15px 9px}.daily{grid-column:1;grid-row:4;width:148%}.trend{grid-column:2;grid-row:4;margin-left:50%;padding:12px 15px}.radar{grid-column:3;grid-row:4;padding:12px 15px}.section-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.section-head h2{margin-right:auto}.segmented{display:flex;border:1px solid var(--border);background:#f6f8fb;border-radius:7px;padding:2px}.segmented button{border:0;background:transparent;padding:4px 14px;font-size:11px;border-radius:6px;min-height:24px}.segmented button.active{background:#0877dc;color:white;box-shadow:inset 0 0 3px #0354b5}.hour-scroll{overflow-x:auto}.hour-track{min-width:660px}.hours-row{display:grid;grid-template-columns:repeat(12,1fr);text-align:center}.hours-row>div{display:flex;flex-direction:column;align-items:center;border-right:1px solid #f0f3f7;gap:7px}.hours-row small{font-size:11px;color:var(--muted)}.hours-row>div:first-child small{font-weight:700;color:var(--ink)}.hours-row .ico{width:24px;height:24px}.hours-row b{font-size:13px}.temp-chart{display:block;width:100%;height:55px;margin-top:3px}.numeric-row{display:grid;grid-template-columns:repeat(12,1fr);text-align:center;font-size:11px;color:var(--muted);min-height:32px;align-items:start;padding-top:7px}.numeric-row>span{font-size:10px;white-space:nowrap;text-align:left}.numeric-row b{font-weight:400}.numeric-row i{display:block;font-style:normal;font-size:18px;color:#173665;margin-top:7px}.rain>div{display:flex;align-items:center;gap:17px;margin-top:17px}.rain .ico{width:55px;height:50px}.rain p{font-size:13px;line-height:1.3}.text-link{border:0;padding:0;background:transparent;color:var(--blue);font-size:12px;min-height:32px;text-align:left}.rain>.text-link{margin-top:7px}.sun-times{display:flex;gap:14px;border-bottom:1px solid var(--border);padding:10px 0 8px}.sun-times>div{display:flex;align-items:center;gap:10px;flex:1}.sun-times .ico{width:37px;height:33px}.sun-times span,.moon-row>span{font-size:11px;color:var(--muted)}.sun-times b,.moon-row b{display:block;font-size:15px;color:var(--ink);font-weight:400}.sun-times>div:last-child .ico{filter:hue-rotate(325deg)}.moon-row{display:flex;gap:12px;width:100%;text-align:left;padding-top:7px}.moon-disc{background:radial-gradient(circle at 35% 40%,#66707d,#bac0ca 50%,#202b3a 53%,#111827 100%);width:37px;height:37px;border-radius:50%;color:transparent!important;flex-shrink:0}.moon-row i{margin-left:auto;font-size:22px;font-style:normal;display:none}.activities .section-head{margin-bottom:10px;gap:18px}.activities h2{margin-right:0;white-space:nowrap}.activities .section-head p{font-size:12px;color:var(--muted)}.activities .section-head .text-link{margin-left:auto}.activity-scroll{display:grid;grid-template-columns:repeat(8,1fr);gap:7px}.activity{display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid var(--border);border-radius:8px;padding:9px 3px;min-width:0}.activity:first-child{border-color:#1381ee;box-shadow:inset 0 0 3px #b1d7ff}.activity>.ico{width:35px;height:36px;margin-bottom:6px;color:#00a25c}.activity>b{font-size:12px;white-space:nowrap;letter-spacing:-.4px}.activity>div{font-size:14px;line-height:1.2}.activity strong{font-size:23px;letter-spacing:-.5px}.activity em{font-size:14px;font-style:normal;margin-top:2px}.activity small{font-size:11px;color:var(--muted);margin-top:4px;white-space:nowrap}.amber{color:#d59800}.days-scroll{display:flex;padding:0 2px}.daily{padding:12px 14px}.daily h2,.radar h2,.trend h2{font-size:17px}.day{flex:1;min-width:0;text-align:center;font-size:12px;border-right:1px solid var(--border);padding:0 6px}.day:last-child{border:0}.day>b{display:block;font-size:11px;font-weight:400}.day>small{display:block;font-size:9px;color:var(--muted)}.day>.ico{display:block;width:28px;height:28px;margin:9px auto}.day>div:not(.bar){display:flex;gap:7px;justify-content:center;font-size:12px}.precip{display:flex;justify-content:center;align-items:center;font-size:11px;color:var(--muted);margin-top:9px}.precip .ico{width:14px;height:15px}.bar{height:6px;border-radius:5px;background:#dbe7e9;overflow:hidden;margin:8px 0 4px}.bar i{display:block;height:100%}.day>strong{font-size:11px}.day>strong small{font-size:8px;font-weight:400}.trend>div{display:flex;gap:12px;align-items:start;margin:24px 0}.trend .ico{width:29px;height:31px;color:#376999;background:#eff5fb;border-radius:5px;padding:4px}.trend p{font-size:12px;line-height:1.35}.image-button{border:0;background:transparent;padding:0;display:block;width:100%;border-radius:7px;overflow:hidden}.crop{position:relative;overflow:hidden;width:100%;background:#d4e8f8}.crop img{position:absolute;max-width:none;height:auto;display:block}.radar .crop{border-radius:6px}.bottom{display:none}.mobile-only{display:none!important}.demo-note{padding:18px 0 24px;font-size:11px;color:var(--muted);line-height:1.6}dialog{color:var(--ink);border:1px solid var(--border);border-radius:12px;width:min(650px,calc(100% - 32px));max-height:85dvh;padding:24px;box-shadow:0 15px 80px #08275744}dialog::backdrop{background:#0a234c77}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.dialog-head button{border:1px solid var(--border);background:#f1f6fb;border-radius:5px;min-height:40px;min-width:40px}dialog p{margin:10px 0;line-height:1.5}dialog input,dialog select{padding:10px;border:1px solid #becfe0;border-radius:6px;width:100%;margin:10px 0}dialog button:not(#close){padding:10px 14px;border:0;background:#eaf4ff;color:#0063c7;border-radius:6px;min-height:40px}dialog table{width:100%;border-collapse:collapse}dialog th,dialog td{padding:10px;border-bottom:1px solid var(--border);text-align:left}.notice{background:#edf5fc;padding:12px;border-radius:6px}.period-result{padding:12px;background:#edf5fc;margin-bottom:15px;border-radius:8px}.visually-hidden{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.ts .brand{display:block;min-width:238px}.ts-word{font-size:37px;font-weight:700;letter-spacing:-1.8px;line-height:1}.ts-word>b{color:#0673b9}.logo-sun{color:#ff9a00;font-size:40px;display:inline-block;letter-spacing:-5px;transform:translateY(2px)}.ts .brand>small{text-align:right;margin-right:17px}.ts .navigation{gap:34px}.sicily-hero{height:304px;color:white;background:linear-gradient(90deg,#1369a963,transparent),url('hero-ts.png') center 46%/cover;position:relative}.sicily-hero:after{content:'';position:absolute;bottom:0;left:0;right:0;height:75px;background:linear-gradient(transparent,#f7f9fc)}.sicily-hero>.container{position:relative;padding-top:28px;display:flex;justify-content:space-between}.sicily-copy>p:first-child{font-size:15px;margin-bottom:2px}.sicily-copy h1{font-size:44px;line-height:1.2;letter-spacing:-1px;margin-bottom:3px}.sicily-copy>p{font-size:21px;line-height:1.3}.regional-facts{display:flex;gap:32px;margin-top:19px}.regional-facts>div{display:flex;align-items:center;gap:11px}.regional-facts .ico{width:34px;height:38px}.regional-facts b{display:block;font-size:14px}.regional-facts small{display:block;font-size:12px}.sicily-hero blockquote{font:italic bold 24px/1 Georgia,serif;margin:129px 0 0;text-align:center;text-shadow:1px 1px 3px #0006}.sicily-content{margin-top:-74px;position:relative;z-index:1}.sicily-overview{display:grid;grid-template-columns:1.77fr 1fr;gap:14px}.island{display:grid;grid-template-columns:165px 1fr;padding:12px 12px 12px 5px;gap:10px}.island-nav h2{padding:3px 9px 10px;font-size:20px}.island-nav button{display:flex;align-items:center;gap:12px;width:100%;padding:10px 10px;border:0;background:transparent;font-size:14px;text-align:left;border-radius:5px;min-height:39px}.island-nav .ico{width:21px;height:21px}.island-nav button.active{background:#006fea;color:white}.island-picture{position:relative;min-width:0;align-self:stretch}.island-picture>.crop{border-radius:10px;height:100%;aspect-ratio:auto!important}.island-picture>.crop img{top:calc(-356 / 341 * 100%)!important}.map-open{position:absolute;bottom:14px;right:14px;border:0;border-radius:7px;background:#f0f8ff;color:var(--blue);padding:9px 15px;font-size:13px}.ts .current-top{padding:10px 14px}.ts .current-top>b{font-size:20px;font-weight:700;letter-spacing:-.7px}.orange-text{color:#ff8700}.ts .current-center{display:block;padding:5px 16px 0}.ts .temperature{gap:13px;position:relative}.ts .big-sun{width:87px;height:99px}.ts .temperature>div>strong{font-size:63px}.ts .temperature>div>b{font-size:16px}.ts .temperature>div>span{font-size:14px}.ts .weather-copy{position:relative}.ts .minmax{position:absolute;right:0;top:-102px;display:flex;flex-direction:column;gap:12px}.ts .minmax>span{margin-left:0}.ts .weather-copy p{font-size:14px;margin:11px 0 10px;line-height:1.3}.ts .weather-metrics{margin:0 14px;padding:0}.ts .extra-metric{display:none}.ts .weather-metrics>div{padding:9px 3px 9px 8px}.ts .weather-metrics>div:first-child{padding-left:0}.compact-confidence{display:flex;align-items:center;gap:15px;border-top:1px solid var(--border);margin:0 14px;padding:11px 0 10px}.ring.mini{width:62px;height:62px;font-size:23px;display:flex;align-items:center;justify-content:center;font-weight:700;background:none;border:6px solid #00ac55;border-top-color:#bae3d2}.ring.mini:before{display:none}.compact-confidence>div>b{font-size:12px}.compact-confidence p{font-size:16px;line-height:1.2}.compact-confidence p>strong{font-size:25px}.compact-confidence em{font-style:normal;font-weight:700;color:#008d47;font-size:15px;margin-left:8px}.compact-confidence small{font-size:12px;color:var(--muted)}.compact-confidence>button{margin-left:auto;color:var(--blue);font-size:27px}.verticals{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:16px}.vertical{overflow:hidden}.vertical-image{position:relative;height:102px;background:#bce0fa}.vertical-image .crop{height:100%;aspect-ratio:auto!important}.vertical-image h2{position:absolute;left:12px;right:8px;top:7px;font-size:17px;display:flex;align-items:center;gap:7px;text-shadow:0 0 8px #d9eeff}.vertical-image h2 .ico{width:20px;height:20px}.vertical-image:after{content:'';position:absolute;left:0;right:0;top:0;height:38px;background:linear-gradient(#cbe6fdce,transparent);z-index:0}.vertical-image h2{z-index:1}.vertical:nth-child(3) .vertical-image h2{color:white;text-shadow:0 0 4px #295e9f}.vertical-copy{padding:8px 13px 9px}.vertical-copy p{font-size:14px;line-height:1.3}.vertical-copy .soft{display:block;margin-left:auto;margin-top:7px;font-size:12px;padding:5px 12px;min-height:30px}.news-section{margin-top:13px;padding:8px 10px 9px}.news-section .section-head{margin-bottom:6px}.news-section h2{font-size:18px}.news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.news-grid article{min-width:0;border-right:1px solid var(--border);padding-right:8px}.news-grid article:last-child{border:0;padding-right:0}.news-grid .crop{border-radius:5px}.category{font-size:10px;color:var(--blue);font-weight:700;display:block;margin-top:4px}.news-grid h3{font-size:15px;line-height:1.2;letter-spacing:-.4px;margin:2px 0 3px}.article-link{text-align:left;font-weight:700;line-height:1.2;min-height:0}.news-grid p{color:#637ba3;font-size:12px;line-height:1.35}.news-date{display:block;font-size:11px;color:var(--muted);margin-top:7px}.services{display:flex;margin-top:13px;padding:10px}.services button{display:flex;align-items:center;gap:12px;flex:1;border:0;border-right:1px solid var(--border);background:white;text-align:left;padding:0 8px}.services button:last-child{border:0}.services .ico{width:40px;height:40px;background:#eef5fc;padding:7px;border-radius:8px;color:#006fca}.services button:first-child .ico{background:#fff0ee;color:#ff2929}.services b{display:block;font-size:13px}.services small{display:block;font-size:11px;color:var(--muted);margin-top:3px}[hidden]{display:none!important}@media(min-width:1350px){.container{width:calc(100% - 96px)}.local-hero{padding-top:28px}.current-center{padding-top:12px;padding-bottom:24px}.confidence-body{gap:24px}.weather-copy p{font-size:17px}.hourly{padding:18px}.hours-row{padding-top:4px}.hourly .hours-row>div{gap:9px}.temp-chart{height:65px}.numeric-row{min-height:36px}.activity{padding:12px 4px}.sicily-hero{height:340px}.sicily-content{margin-top:-86px}.island{grid-template-columns:180px 1fr}.ts .current-center{padding-top:16px}.ts .weather-copy p{margin-top:20px;margin-bottom:17px}.vertical-image{height:115px}.vertical-copy{padding:10px 14px}.vertical-copy p{font-size:15px}.news-grid h3{font-size:17px}.news-grid p{font-size:14px}.news-date{margin-top:10px}}@media(max-width:1150px){.container{width:calc(100% - 48px)}.masthead{gap:20px}.brand{min-width:250px}.locate{display:none}.navigation{gap:26px}.navigation a:nth-last-of-type(-n+2){display:none}.weather-metrics .extra-metric{display:none}.confidence{grid-template-columns:1.1fr 1fr;padding-left:14px;gap:10px}.ring{width:105px;height:105px}.confidence-body{gap:10px}.score strong{font-size:32px}.score span{font-size:19px}.confidence h2{font-size:16px}.current-center{gap:10px;padding-left:14px;padding-right:14px}.temperature{gap:10px}.big-sun{width:75px}.temperature>div>strong{font-size:63px}.weather-copy p{font-size:15px}.period-tabs button{padding:7px 18px}.island{grid-template-columns:148px 1fr}.island-nav h2{font-size:18px}.island-nav button{font-size:12px}.regional-facts{gap:20px}.sicily-hero blockquote{display:none}.ts .navigation{gap:23px}.compact-confidence{gap:9px}.compact-confidence em{font-size:13px}.activity>b{font-size:11px}.activity small{font-size:10px}.services small{font-size:10px}}@media(min-width:701px) and (max-width:900px){.weather-grid{grid-template-columns:1fr 1fr}.current-center{display:block}.weather-copy{margin-top:12px}.minmax{margin-bottom:5px}.temperature{justify-content:center}.confidence{display:block;padding:16px}.confidence-body{justify-content:center;margin-bottom:12px}.model-row{padding:3px 0}.model-box h3{display:none}.forecast-grid{grid-template-columns:1fr 1fr;grid-template-areas:'hourly hourly' 'rain sunmoon' 'activities activities' 'daily daily' 'trend radar'}.daily{grid-area:daily;width:auto}.trend{grid-area:trend;margin:0}.radar{grid-area:radar}.activity-scroll{grid-template-columns:repeat(4,1fr)}.activity small{font-size:12px}.sicily-overview{grid-template-columns:1fr}.island{min-height:360px}.ts .current-center{display:flex;gap:35px}.ts .current .temperature{min-width:230px}.ts .minmax{position:static;display:block}.ts .minmax>span{margin-left:15px}.ts .compact-confidence{max-width:450px}.verticals{grid-template-columns:repeat(2,1fr)}.vertical-copy p br{display:none}.news-grid{grid-template-columns:repeat(2,1fr)}.services{flex-wrap:wrap;gap:10px}.services button{flex-basis:30%}}
@media(max-width:700px){body{font-size:16px}.container{width:calc(100% - 24px)}.masthead{height:143px;position:relative;align-items:start;padding-top:20px;gap:12px}.brand{min-width:0;gap:10px}.brand>svg{width:48px;height:39px}.brand strong{font-size:25px}.brand small{font-size:10px}.favorites{margin-left:auto}.favorites span{display:none}.favorites .ico{width:23px;height:23px}.menu{margin-left:8px}.menu .ico{width:25px;height:25px}.search{position:absolute;left:5px;right:55px;top:83px;flex:initial;height:38px;padding:0 12px}.search input{font-size:14px}.search input::placeholder{font-size:0}.search input{background:transparent}.search:after{content:'Cerca una località…';position:absolute;left:42px;pointer-events:none;color:var(--muted);font-size:14px}.search:focus-within:after,.search:has(input:not(:placeholder-shown)):after{display:none}.locate{display:block;position:absolute;right:10px;top:81px}.locate span{display:none}.locate .ico{width:24px;height:24px}.nav-bg{display:none}.local-hero{padding-top:31px;padding-bottom:0;background-size:auto 450px;background-repeat:no-repeat;background-position:center top;background-color:#f7f9fc;background-image:linear-gradient(to bottom,#1c54892a 10%,#f7f9fc00 50%,#f7f9fc 95%),url('hero-mi.png')}.local-hero>.container{width:calc(100% - 24px)}.breadcrumb{display:none}.local-title{gap:12px;padding:0 6px}.local-title h1{font-size:36px;letter-spacing:-.8px}.local-title .ico{width:26px;height:26px}.local-sub{padding:0 6px;margin:6px 0 27px;min-height:25px;font-size:16px}.webcam{position:absolute;top:83px;right:18px;background:#132b45cc;font-size:12px;padding:8px 10px}.local-sub>span{font-size:15px}.weather-grid{display:flex;flex-direction:column;gap:14px}.current-top{padding:12px 15px 6px;gap:5px}.current-top>b{font-size:14px;white-space:nowrap}.current-top>span{font-size:11px;white-space:nowrap}.current-center{display:block;position:relative;padding:6px 16px 13px}.temperature{gap:16px;justify-content:flex-start}.big-sun{width:83px;height:95px}.temperature>div>strong{font-size:65px;letter-spacing:-3px}.temperature>div>b{font-size:16px}.temperature>div>span{font-size:15px}.weather-copy .minmax{position:absolute;right:20px;top:13px;display:flex;flex-direction:column;gap:7px;font-size:15px}.minmax>span{margin-left:0}.weather-copy p{font-size:16px;line-height:1.35;margin-top:13px}.weather-metrics{min-height:71px;padding:0 6px}.weather-metrics>div{padding:12px 9px;gap:8px}.weather-metrics .ico{width:25px;height:28px}.weather-metrics span{font-size:12px}.weather-metrics b{font-size:15px}.weather-metrics small{font-size:11px}.weather-metrics .extra-metric{display:none}.confidence{display:block;padding:12px 16px 15px}.confidence h2{font-size:19px;white-space:normal}.confidence .info{font-size:17px;margin-left:8px}.confidence-body{gap:18px;margin-top:10px}.ring{width:102px;height:102px}.ring:before{inset:9px}.score strong{font-size:35px}.score span{font-size:24px}.confidence-body b.green{font-size:17px}.confidence-body p{font-size:14px;line-height:1.3;margin-top:3px}.confidence-body .mobile-only{margin-left:auto;color:var(--blue);font-size:28px}.models{display:none}.content{width:100%;padding-top:14px}.period-tabs{height:47px;border-radius:0;border-left:0;border-right:0;margin-bottom:13px;justify-content:flex-start;padding:0 12px}.period-tabs button{flex-shrink:0;padding:10px 22px;font-size:14px;min-height:44px}.period-tabs button:nth-child(n+5){display:none}.forecast-grid{display:flex;flex-direction:column;gap:13px;padding:0 12px}.hourly{order:1;padding:13px 15px 10px}.rain{order:2;padding:13px 15px}.sunmoon{order:5;padding:13px 15px}.activities{order:3;padding:13px 11px}.daily{order:4;width:100%;padding:14px}.radar{order:6;padding:14px}.trend{order:7;margin:0;padding:14px}.section-head{margin-bottom:12px;gap:5px}h2{font-size:20px;letter-spacing:-.65px}.hourly .segmented button:not(:first-child){display:none}.segmented button{font-size:13px;padding:4px 12px;min-height:27px}.hour-track{min-width:780px}.hours-row{grid-template-columns:repeat(12,65px)}.hours-row small{font-size:12px}.hours-row b{font-size:15px}.hours-row .ico{width:28px;height:28px}.hours-row>div{gap:9px}.temp-chart{height:58px}.numeric-row{min-height:34px;font-size:12px;grid-template-columns:repeat(12,65px)}.numeric-row>span{font-size:11px}.numeric-row i{font-size:19px}.hourly>.soft{width:100%;margin-top:13px;font-size:14px;justify-content:center}.rain>div{gap:20px;margin:15px 5px 6px}.rain .ico{width:65px;height:60px}.rain p{font-size:15px;line-height:1.3}.rain>.text-link{display:none}.sun-times{padding:15px 0 13px;gap:18px}.sun-times .ico{width:42px;height:38px}.sun-times span,.moon-row>span{font-size:13px}.sun-times b,.moon-row b{font-size:17px}.moon-row{padding-top:12px;gap:15px}.moon-disc{width:48px;height:48px}.moon-row i{display:block}.activities .section-head{gap:4px;padding:0 3px;margin-bottom:10px}.activities .section-head p{display:none}.activities .section-head .text-link{font-size:12px;white-space:nowrap}.activity-scroll{display:flex;overflow-x:auto;gap:10px;padding:1px}.activity{flex:0 0 calc((100% - 20px)/3);padding:10px 3px 12px}.activity>.ico{width:36px;height:36px;margin-bottom:8px}.activity>b{font-size:14px}.activity strong{font-size:24px}.activity>div{font-size:14px}.activity em{font-size:15px}.activity small{font-size:11px;margin-top:7px}.daily h2,.radar h2,.trend h2{font-size:20px}.days-scroll{overflow-x:auto}.day{flex:0 0 25%;padding:0 8px}.day>b{font-size:13px}.day>small{font-size:11px;margin-top:3px}.day>.ico{width:31px;height:33px;margin:13px auto}.day>div:not(.bar){font-size:15px;gap:8px}.precip{font-size:13px;margin-top:11px}.precip .ico{width:16px;height:19px}.bar{height:8px;margin:12px 0 7px}.day>strong{font-size:13px}.day>strong small{font-size:10px}.radar .image-button>.crop{aspect-ratio:1.62!important}.radar .image-button>.crop img{height:100%;width:526.1%!important;top:-962.2%!important;object-fit:fill}.radar>.text-link{display:none}.radar .soft{font-size:12px;padding:7px 9px;min-height:35px}.trend>div{margin:18px 0}.trend p{font-size:15px}.text-link{min-height:40px}.bottom{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;justify-content:space-around;background:#fffffffa;border-top:1px solid var(--border);padding:8px 3px calc(8px + env(safe-area-inset-bottom));backdrop-filter:blur(10px)}.bottom a,.bottom button{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--muted);font-size:10px;border:0;background:transparent;min-height:43px;min-width:52px;justify-content:center;padding:0}.bottom a:first-child{color:#007af3}.bottom .ico{width:25px;height:25px}.bottom button{font-size:25px;line-height:1}.bottom button small{font-size:10px}.mobile-only{display:inline-flex!important}.demo-note{padding:18px 3px 90px;font-size:10px}.ts .brand{min-width:0}.ts-word{font-size:32px}.logo-sun{font-size:33px}.ts .brand>small{margin-right:0;font-size:10px}.sicily-hero{height:322px;background-position:65% center}.sicily-hero>.container{padding-top:23px}.sicily-copy>p:first-child{font-size:12px}.sicily-copy h1{font-size:33px;line-height:1.1;margin-top:8px;margin-bottom:9px;max-width:310px}.sicily-copy>p{font-size:16px;max-width:340px}.regional-facts{gap:10px;margin-top:19px}.regional-facts>div{gap:5px;flex:1;align-items:start}.regional-facts .ico{width:24px;height:25px}.regional-facts b{font-size:11px;line-height:1.15}.regional-facts small{display:none}.sicily-content{margin-top:-37px}.sicily-overview{display:flex;flex-direction:column;gap:13px}.island{display:block;padding:9px}.island-nav{display:flex;align-items:center;gap:6px;overflow:auto;margin-bottom:8px}.island-nav h2{font-size:17px;white-space:nowrap;padding:0 9px 0 0}.island-nav button{font-size:12px;white-space:nowrap;padding:6px 8px;width:auto;min-height:37px}.island-nav button:nth-of-type(n+3){display:none}.island-nav .ico{display:none}.island-picture>.crop{height:auto;aspect-ratio:527/341!important}.map-open{font-size:10px;padding:7px;bottom:10px;right:10px}.ts .current-center{padding:4px 16px 0}.ts .temperature{justify-content:flex-start}.ts .minmax{right:9px;top:-97px}.ts .weather-copy p{font-size:15px;margin-top:15px}.ts .current-top>b{font-size:19px}.ts .current-top>span{font-size:10px}.compact-confidence{gap:14px}.compact-confidence>div>b{font-size:13px}.compact-confidence small{font-size:12px}.verticals{grid-template-columns:repeat(2,1fr);gap:11px;margin-top:13px}.vertical-image{height:99px}.vertical-image h2{font-size:15px;gap:5px;left:9px;top:8px;align-items:start;line-height:1.1}.vertical-image h2 .ico{width:17px;height:20px}.vertical-copy{padding:9px}.vertical-copy p{font-size:12px;line-height:1.3}.vertical-copy p br{display:none}.vertical-copy .soft{font-size:11px;min-height:36px;padding:6px 7px;margin-top:10px}.news-section{padding:10px;margin-top:13px}.news-section .section-head{margin-bottom:10px}.news-section .text-link{font-size:10px}.news-grid{grid-template-columns:1fr 1fr;gap:13px 10px}.news-grid article{border:0;padding:0}.news-grid h3{font-size:14px;letter-spacing:-.4px}.news-grid h3 br{display:none}.news-grid p{font-size:12px}.news-grid .category{font-size:9px;margin-top:6px}.news-date{font-size:10px}.services{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:10px}.services button{padding:0;border:0;gap:7px}.services .ico{width:31px;height:34px;padding:5px}.services b{font-size:11px}.services small{font-size:9px}.period-result{margin:0 12px 12px}}
@media(max-width:370px){.masthead{gap:5px}.brand strong{font-size:23px}.brand>svg{width:43px}.brand small{font-size:9px}.local-title h1{font-size:32px}.temperature{gap:9px}.temperature>div>strong{font-size:61px}.big-sun{width:76px}.current-top>b{font-size:13px}.current-top>span{font-size:10px}.weather-copy .minmax{right:12px;font-size:13px}.weather-metrics>div{padding-left:6px;padding-right:6px}.weather-metrics small{font-size:10px}.activities h2{font-size:19px}.activities .section-head .text-link{font-size:10px}.activity small{font-size:10px}.ts .minmax{right:0}.ts .brand .ts-word{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Refinements after comparison with original screenshots. */
.crop>svg{display:block;width:100%;height:100%;overflow:hidden}
.map-open{min-width:177px;min-height:36px;bottom:14px;right:14px}
.minmax>span:first-child{margin-left:0}
@media(min-width:901px){
.local-sub{margin-bottom:4px}.current-center{padding-bottom:9px}
.forecast-grid{grid-template-columns:minmax(0,2.6fr) minmax(0,1fr) minmax(0,1.2fr)}
.daily{width:auto}.trend{margin-left:0}
.rain>div{margin-top:12px}.rain>.text-link{margin-top:2px}.rain{padding-top:12px;padding-bottom:8px}
.sunmoon{padding-top:10px;padding-bottom:8px}.sun-times{padding-top:8px;padding-bottom:6px}.moon-row{padding-top:5px}
.activities .section-head{margin-bottom:6px}.activity{padding-top:7px;padding-bottom:7px}.activities{padding-bottom:7px}
.trend>div{margin:20px 0}.day>.ico{margin:7px auto}.day .precip{margin-top:6px}
}
@media(max-width:700px){.weather-copy .minmax{gap:7px}.minmax>span{margin-left:0}.ts .minmax>span{margin-left:0}.map-open{min-width:120px;min-height:29px;bottom:10px;right:10px}.radar .image-button>.crop{aspect-ratio:1.62!important}}