.ict-weather { --ict-red:#b73b32; --ict-ink:#242424; --ict-muted:#696969; --ict-line:#e6e3e0; --ict-paper:#f8f7f5; color:var(--ict-ink); font:15px/1.5 Arial,Helvetica,sans-serif; width:100%; min-width:0; }
.ict-weather *, .ict-weather *::before, .ict-weather *::after { box-sizing:border-box; }
.ict-weather section { display:block; gap:0; align-items:normal; }
.ict-weather section>div { display:block; flex-direction:row; gap:0; align-items:normal; }
.ict-weather h2,.ict-weather h3,.ict-weather p { line-height:1.5; }
.ict-weather a { color:inherit; } .ict-weather a:focus-visible { outline:3px solid #215f9a; outline-offset:4px; }
.ict-weather h1,.ict-weather h2,.ict-weather h3,.ict-weather p { margin:0; } .ict-weather h2,.ict-weather h3 { font-family:Arial,Helvetica,sans-serif; font-weight:700; }
.ict-weather .ict-wicon { display:block; object-fit:contain; width:64px; height:64px; flex-shrink:0; }
.ict-weather .ict-weyebrow { color:#8f2a23; font-size:11px; font-weight:700; letter-spacing:1.2px; }
.ict-weather .ict-wnotice { color:#70532d; background:#fff7e8; border-left:3px solid #d5aa56; padding:10px 12px; margin:14px 0; font-size:12px; line-height:1.6; }
.ict-weather-card-host { margin-top:24px; }
.ict-weather .ict-wcard { border:1px solid var(--ict-line); border-top:4px solid var(--ict-red); border-radius:0 0 6px 6px; background:white; box-shadow:0 3px 12px #00000006; overflow:hidden; }
.ict-weather .ict-wcard-inside { padding:19px 17px 16px; } .ict-weather .ict-wcard h2 { font-size:20px; line-height:1.3; margin-top:12px; }
.ict-weather .ict-wcard-now { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:12px 0; }
.ict-weather .ict-wcard-temp { font-size:48px; line-height:1; letter-spacing:-2px; font-weight:600; }
.ict-weather .ict-wcard-condition { font-size:14px; font-weight:700; line-height:1.4; } .ict-weather .ict-wcard-low { font-size:11px; color:var(--ict-muted); margin:4px 0; }
.ict-weather .ict-wcard-metrics { display:flex; flex-wrap:wrap; justify-content:space-between; gap:7px; border-top:1px solid var(--ict-line); margin-top:14px; padding-top:12px; font-size:11px; }
.ict-weather .ict-wcard-days { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); text-align:center; background:var(--ict-paper); margin-top:15px; padding:12px 0; font-size:11px; }
.ict-weather .ict-wcard-days>div+div { border-left:1px solid var(--ict-line); } .ict-weather .ict-wcard-days .ict-wicon { width:28px; height:28px; margin:6px auto; } .ict-weather .ict-wcard-days strong { font-size:13px; } .ict-weather .ict-wcard-days span { color:var(--ict-muted); }
.ict-weather .ict-wcard-source { font-size:9px; color:var(--ict-muted); margin-top:12px; }
.ict-weather .ict-wcard-controls { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:0; }
.ict-weather .ict-wcard-controls[hidden] { display:none; }
.ict-weather .ict-wcard-controls button { appearance:none; display:inline-flex; align-items:center; justify-content:center; min-width:38px; min-height:38px; padding:0 9px; border:0; border-radius:4px; background:transparent; color:#8f2a23; cursor:pointer; font:700 30px/1 Arial,Helvetica,sans-serif; }
.ict-weather .ict-wcard-controls button:hover { background:var(--ict-paper); }
.ict-weather .ict-wcard-controls [data-weather-step] { border:1px solid var(--ict-red); border-radius:0; }
.ict-weather .ict-wcard-controls button:focus-visible { outline:3px solid #215f9a; outline-offset:1px; }
.ict-weather .ict-wsr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.ict-weather a.ict-wcard-link { display:flex; align-items:center; justify-content:space-between; gap:8px; text-decoration:none; color:white; background:var(--ict-red); padding:13px 16px; font-size:12px; font-weight:700; }
.ict-weather a.ict-wcard-link:hover { background:#8f2a23; }
.ict-weather-main { width:min(1120px,calc(100% - 40px)); margin:28px auto 40px; }
.ict-weather .ict-wheading { border-bottom:1px solid var(--ict-line); padding-bottom:22px; }
.ict-weather .ict-wbreadcrumb { font-size:12px; color:var(--ict-muted); margin-bottom:15px; } .ict-weather .ict-wbreadcrumb a { text-decoration:none; }
.ict-weather .ict-wheading h1 { font:700 42px/1.12 Georgia,'Times New Roman',serif; letter-spacing:-1px; margin:8px 0 10px; }
.ict-weather .ict-wheading>p:last-child { color:var(--ict-muted); font-size:16px; }
.ict-weather .ict-wcommunities { display:flex; flex-wrap:wrap; gap:9px; margin:24px 0; }
.ict-weather .ict-wcommunities a { display:inline-flex; align-items:center; justify-content:center; min-height:44px; border:1px solid #dcd8d3; border-radius:4px; text-decoration:none; background:white; color:#555; padding:9px 17px; font-size:13px; }
.ict-weather .ict-wcommunities a[aria-current=page] { color:white; background:var(--ict-red); border-color:var(--ict-red); } .ict-weather .ict-wcommunities a:hover { border-color:var(--ict-red); }
.ict-weather .ict-wreport-layout { display:grid; grid-template-columns:minmax(0,1fr) 288px; gap:28px; align-items:start; }
.ict-weather .ict-wreport-main { min-width:0; } .ict-weather .ict-wtoday { border:1px solid var(--ict-line); border-top:4px solid var(--ict-red); border-radius:0 0 6px 6px; background:linear-gradient(120deg,#fff,#faf8f3); padding:24px 28px; }
.ict-weather .ict-wtoday-top { display:flex; align-items:center; justify-content:space-between; gap:12px; } .ict-weather .ict-wtoday-top h2 { font-size:24px; line-height:1.3; margin-bottom:3px; }
.ict-weather .ict-wtoday-top p { color:var(--ict-muted); font-size:11px; } .ict-weather .ict-wtoday-top>span { font-size:9px; letter-spacing:.7px; color:#6b6055; background:#f0eae2; padding:5px 8px; border-radius:3px; white-space:nowrap; }
.ict-weather .ict-wtoday-middle { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:23px 0; }
.ict-weather .ict-wbig-temp { font-size:73px; font-weight:600; line-height:1; letter-spacing:-3px; } .ict-weather .ict-wtemp-label { font-size:12px; color:var(--ict-muted); margin-top:8px; }
.ict-weather .ict-wtoday-condition { display:flex; align-items:center; gap:16px; max-width:65%; } .ict-weather .ict-wtoday-condition .ict-wicon { width:87px; height:87px; } .ict-weather .ict-wtoday-condition strong { font-size:22px; line-height:1.3; }
.ict-weather .ict-wconditions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--ict-line); padding-top:17px; gap:18px; }
.ict-weather .ict-wconditions span { display:block; color:var(--ict-muted); font-size:10px; margin-bottom:3px; } .ict-weather .ict-wconditions strong { font-size:15px; }
.ict-weather .ict-wsummary { margin-top:19px; font-size:13px; color:#56514c; line-height:1.65; } .ict-weather .ict-wofficial { margin-top:16px; font-size:12px; } .ict-weather .ict-wofficial a,.ict-weather .ict-wsources a,.ict-weather .ict-walerts>a { color:#8f2a23; text-underline-offset:3px; }
.ict-weather .ict-wsection-title { display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin:25px 0 13px; } .ict-weather .ict-wsection-title h2 { font-size:20px; } .ict-weather .ict-wsection-title span { font-size:10px; color:var(--ict-muted); }
.ict-weather .ict-wweek { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); border:1px solid var(--ict-line); border-radius:5px; overflow:hidden; }
.ict-weather .ict-wday { padding:17px 5px 14px; text-align:center; min-width:0; } .ict-weather .ict-wday:first-child { background:#faf6f1; } .ict-weather .ict-wday+.ict-wday { border-left:1px solid var(--ict-line); }
.ict-weather .ict-wday-name { font-size:12px; font-weight:700; } .ict-weather .ict-wday .ict-wicon { width:36px; height:36px; margin:13px auto; }
.ict-weather .ict-wday-condition { font-size:10px; color:var(--ict-muted); line-height:1.4; min-height:30px; overflow-wrap:anywhere; } .ict-weather .ict-wday-temps { margin:9px 0; white-space:nowrap; font-size:17px; } .ict-weather .ict-wday-temps span { margin-left:4px; color:#777; font-size:13px; }
.ict-weather .ict-wday-rain { font-size:10px; color:#42637d; } .ict-weather .ict-wmissing-note { font-size:10px; color:var(--ict-muted); margin-top:9px; }
.ict-weather .ict-wtonight { display:flex; gap:16px; align-items:center; border:1px solid var(--ict-line); border-radius:5px; margin-top:18px; padding:17px 20px; }
.ict-weather .ict-wtonight .ict-wicon { width:38px; height:38px; } .ict-weather .ict-wtonight h3 { font-size:15px; margin-bottom:4px; } .ict-weather .ict-wtonight p { font-size:13px; color:var(--ict-muted); }
.ict-weather .ict-wpanel { border:1px solid var(--ict-line); border-radius:5px; padding:20px; margin-bottom:18px; background:white; } .ict-weather .ict-wpanel h2 { font-size:17px; line-height:1.3; margin-bottom:7px; } .ict-weather .ict-wpanel>p { color:var(--ict-muted); font-size:12px; line-height:1.65; }
.ict-weather a.ict-wcounty-row { display:flex; align-items:center; gap:8px; width:100%; border-top:1px solid var(--ict-line); margin-top:5px; padding:11px 0; min-height:44px; text-decoration:none; }
.ict-weather .ict-wcounty-row>span { font-size:12px; flex:1; } .ict-weather .ict-wcounty-row[aria-current=page]>span { color:#8f2a23; font-weight:700; } .ict-weather .ict-wcounty-row .ict-wicon { width:23px; height:23px; } .ict-weather .ict-wcounty-row strong { font-size:14px; } .ict-weather .ict-wcounty-row small { font-size:11px; color:var(--ict-muted); min-width:25px; text-align:right; }
.ict-weather .ict-walerts { background:#f8faf8; border-color:#dde5dc; } .ict-weather .ict-walert-clear { margin-top:12px; } .ict-weather .ict-walert-checked { font-size:10px; margin:12px 0 8px; } .ict-weather .ict-walerts>a { font-size:12px; }
.ict-weather .ict-walert { border-top:1px solid var(--ict-line); margin-top:15px; padding-top:13px; } .ict-weather .ict-walert h3 { color:#8f2a23; font-size:15px; } .ict-weather .ict-walert p { margin-top:8px; font-size:12px; } .ict-weather .ict-walert-area { color:var(--ict-muted); } .ict-weather .ict-walert summary { cursor:pointer; font-size:12px; font-weight:700; margin-top:10px; } .ict-weather .ict-walert-text { white-space:pre-wrap; overflow-wrap:anywhere; }
.ict-weather .ict-wsources { font-size:11px; color:var(--ict-muted); line-height:1.7; margin:19px 0 30px; } .ict-weather .ict-wfallback { padding:20px; } .ict-weather .ict-wfallback h2 { font-size:18px; margin-bottom:10px; } .ict-weather .ict-wfallback p { font-size:13px; margin-bottom:12px; } .ict-weather .ict-wfallback a { color:#8f2a23; font-size:13px; }
@media(max-width:1000px) { .ict-weather .ict-wreport-layout { grid-template-columns:minmax(0,1fr) 245px; gap:20px; } .ict-weather .ict-wtoday { padding:21px; } .ict-weather .ict-wtoday-condition { gap:10px; } .ict-weather .ict-wtoday-condition .ict-wicon { width:65px; height:65px; } .ict-weather .ict-wtoday-condition strong { font-size:18px; } }
@media(max-width:760px) { .ict-weather-main { width:calc(100% - 30px); margin-top:20px; } .ict-weather .ict-wheading h1 { font-size:32px; } .ict-weather .ict-wheading>p:last-child { font-size:14px; } .ict-weather .ict-wcommunities { gap:7px; margin:20px 0; } .ict-weather .ict-wcommunities a { flex:1 0 calc(33.333% - 7px); font-size:12px; padding:9px 5px; } .ict-weather .ict-wreport-layout { grid-template-columns:1fr; gap:25px; } .ict-weather .ict-wtoday { padding:20px; } .ict-weather .ict-wtoday-top h2 { font-size:23px; } .ict-weather .ict-wtoday-top>span { font-size:8px; } .ict-weather .ict-wtoday-middle { gap:10px; margin:21px 0; } .ict-weather .ict-wbig-temp { font-size:65px; } .ict-weather .ict-wtoday-condition { flex-direction:column; gap:3px; text-align:center; max-width:50%; } .ict-weather .ict-wtoday-condition .ict-wicon { width:57px; height:57px; } .ict-weather .ict-wtoday-condition strong { font-size:16px; } .ict-weather .ict-wtemp-label { font-size:11px; } .ict-weather .ict-wconditions { gap:10px; } .ict-weather .ict-wconditions strong { font-size:12px; } .ict-weather .ict-wconditions span { font-size:9px; } .ict-weather .ict-wsection-title h2 { font-size:19px; } .ict-weather .ict-wsection-title span { font-size:9px; text-align:right; } .ict-weather .ict-wweek { grid-template-columns:1fr; } .ict-weather .ict-wday { display:grid; grid-template-columns:42px 30px minmax(0,1fr) 65px 31px; align-items:center; gap:7px; padding:12px; text-align:left; } .ict-weather .ict-wday+.ict-wday { border-left:0; border-top:1px solid var(--ict-line); } .ict-weather .ict-wday .ict-wicon { width:29px; height:29px; margin:0; } .ict-weather .ict-wday-condition { min-height:0; font-size:10px; } .ict-weather .ict-wday-temps { margin:0; font-size:15px; } .ict-weather .ict-wday-temps span { font-size:12px; } .ict-weather .ict-wday-rain { text-align:right; } }