@charset "UTF-8";
:root{--ink:#183b3c;--muted:#687c7b;--paper:#fff;--line:#dbe3e9;--orange:#ec804b;--green:#1e6658;--shadow:0 14px 45px #163e3610}
/* White cards retain a visible edge against the white page. */
.quake-map-card{align-self:start}
.metrics-card,.hours-card,.loading-card{border:1px solid #d5dfe6}
.page .metrics-card,.page .hours-card,.page .loading-card,.page .beach-card,.page .city-card,.page .summary-card:not(.primary),.page .forecast-card:not(:first-child),.page .quake-list,.page .quake-map-card,.page .lake-scene-wrap{border-color:#d5dfe6}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cloud-back>path:first-child,.cloud-front>path:first-child{stroke:#89a4ab;stroke-width:1.3;stroke-opacity:.75;stroke-linejoin:round}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Helvetica Neue",sans-serif;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #eb905a;outline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:clamp(28px,3.4vw,45px);letter-spacing:-1.5px;line-height:1.15;font-weight:700}h2{font-size:24px;letter-spacing:-.7px}h3{font-size:20px;letter-spacing:-.5px}[hidden]{display:none!important}.skip-link{position:absolute;left:15px;top:-60px;background:white;padding:12px;z-index:20}.skip-link:focus{top:10px}
.site-header{max-width:1280px;margin:auto;padding:26px 40px 22px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:28px;font-weight:800;letter-spacing:-1.3px;line-height:1}.brand-sun{color:var(--orange);font-size:48px;line-height:1;display:inline-block;animation:brand-turn 45s linear infinite}.brand-by{display:block;font-size:9px;font-weight:700;letter-spacing:3px;margin-top:9px}.site-header nav{display:flex;gap:6px;padding:5px;background:#edf1f4;border-radius:30px}.site-header nav a{padding:10px 24px;border-radius:25px;color:var(--muted);font-weight:600}.site-header nav a.active{background:white;color:var(--ink);box-shadow:0 2px 6px #2343360b}.old-site{font-size:13px;color:var(--muted)}.old-site span{margin-left:8px}.page{max-width:1280px;margin:auto;padding:44px 40px 64px}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--green);font-weight:700;margin-bottom:13px}.subtitle{color:var(--muted);margin-top:14px;font-size:15px}.intro-side{text-align:right;flex-shrink:0;max-width:250px}.quiet-button{background:transparent;border:1px solid var(--line);border-radius:20px;padding:7px 13px;color:var(--muted);font-size:12px}.freshness{margin-top:13px;color:var(--muted);font-size:12px}.freshness::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#66a57d;margin-right:7px}.freshness.stale::before{background:var(--orange)}.notice{background:#fff1df;border:1px solid #e8cdb0;padding:14px 18px;border-radius:14px;margin-bottom:22px;font-size:14px}.notice a{text-decoration:underline}.loading-card{background:white;border-radius:25px;padding:80px 24px;text-align:center;color:var(--muted)}
.weather-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:22px}.hero-card{--skyline-height:100px;position:relative;overflow:hidden;border-radius:28px;min-height:350px;background:linear-gradient(120deg,#e9f0f5,#dce8f0 65%,#c7dbe7);padding:32px}.hero-card.night{background:linear-gradient(120deg,#183d49,#254e64 65%,#537284);color:#f6fbf8}.hero-card.rainy{background:linear-gradient(120deg,#dfe8e6,#bdcfd6);}.hero-top{display:flex;align-items:center;gap:10px;position:relative;z-index:2}.location-dot{font-size:19px;color:#44785e}.city-select{max-width:calc(100% - 30px);border:0;border-bottom:1px solid #44785e50;background:transparent;color:inherit;font-size:22px;font-weight:700;padding:4px 24px 4px 0;cursor:pointer}.city-select option{color:var(--ink);background:white}.now-label{font-size:12px;color:#557868;margin:15px 0 4px}.night .now-label{color:#b4c9d1}.hero-reading{position:relative;z-index:2;display:inline-block}.hero-temp{font-size:100px;letter-spacing:-8px;font-weight:500;line-height:1.15}.hero-condition{font-size:19px;margin-top:5px}.today-range{font-size:13px;opacity:.8;margin-top:12px}.hero-icon{position:absolute;width:230px;height:230px;right:28px;top:54px;z-index:1}.hero-bottom{position:absolute;left:32px;right:32px;bottom:25px;display:flex;gap:12px;justify-content:space-between;font-size:12px;z-index:2}.hero-chip{background:#ffffff65;border:1px solid #ffffff70;border-radius:20px;padding:6px 12px}.night .hero-chip{background:#ffffff18;border-color:#ffffff20}.city-silhouette{position:absolute;left:0;bottom:0;width:100%;height:var(--skyline-height);opacity:.17;fill:#5e8198}.night .city-silhouette{fill:#9acac5;opacity:.13}.metrics-card{background:white;border-radius:28px;padding:28px;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between}.metrics-title{font-size:12px;letter-spacing:1.8px;color:var(--muted);font-weight:700}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px 15px;margin:24px 0}.metric-label{font-size:12px;color:var(--muted);display:block;margin-bottom:5px}.metric-value{font-size:26px;line-height:1.2;letter-spacing:-1px}.metric-value small{font-size:13px;letter-spacing:0;color:var(--muted)}.daylight-row{border-top:1px solid var(--line);padding-top:16px;color:var(--muted);font-size:12px}.daylight-row strong{color:var(--ink)}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin:32px 0 16px}.section-heading p{color:var(--muted);font-size:12px}.forecast-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.forecast-card{background:white;border:1px solid #e9ece5;border-radius:20px;padding:18px 14px;text-align:center;min-width:0}.forecast-card:first-child{border-color:#b8ccd9;background:#edf3f7}.forecast-day{font-size:14px;font-weight:700}.forecast-date{font-size:11px;color:var(--muted);margin-top:2px}.forecast-icon{width:72px;height:72px;margin:11px auto}.forecast-temp{font-size:22px;font-weight:600;letter-spacing:-1px}.forecast-temp span{color:var(--muted);font-size:16px;font-weight:400;margin-left:5px}.forecast-condition{color:var(--muted);font-size:11px;margin-top:9px;min-height:32px}.hours-card{background:white;border-radius:24px;padding:22px 24px;margin-top:22px}.hour-strip{display:flex;gap:12px;overflow-x:auto;padding:10px 0 4px}.hour-item{flex:1;min-width:64px;text-align:center}.hour-item time{font-size:12px;color:var(--muted)}.hour-icon{width:48px;height:48px;margin:6px auto}.hour-item strong{font-size:18px}.city-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.city-card{border:1px solid var(--line);background:transparent;border-radius:19px;padding:18px 20px;display:flex;align-items:center;gap:14px;text-align:left;width:100%;transition:background .2s,transform .2s}.city-card:hover{background:white;transform:translateY(-2px)}.city-card .weather-icon{width:58px;height:58px}.city-card strong{display:block;font-size:14px}.city-card small{color:var(--muted);font-size:11px}.city-card .city-temp{margin-left:auto;font-size:25px;letter-spacing:-1px}.source-note{font-size:12px;color:var(--muted);margin-top:18px}.source-note a{text-decoration:underline}
.weather-icon{width:100%;height:100%;display:block;overflow:visible}.sun-rays{transform-origin:60px 48px;animation:sun-spin 22s linear infinite}.sun-core{animation:sun-glow 4s ease-in-out infinite}.cloud-back{animation:cloud-drift 10s ease-in-out infinite alternate}.cloud-front{animation:cloud-drift 7s ease-in-out infinite alternate-reverse}.rain-drop{animation:rain-fall .9s linear infinite;stroke-linecap:round}.rain-light .rain-drop{animation-duration:1.65s}.rain-heavy .rain-drop{animation-duration:.52s}.snow-flake{animation:snow-fall 3.5s linear infinite}.fog-line{animation:fog-drift 5s ease-in-out infinite alternate}.lightning{animation:lightning 7s linear infinite}.star{animation:star-glow 3s ease-in-out infinite alternate}
.sea-banner{border-radius:28px;overflow:hidden;position:relative;background:#c9e2e3;height:235px}.sea-banner canvas{width:100%;height:100%;display:block}.sea-banner-caption{position:absolute;left:30px;top:26px;max-width:380px;z-index:2;pointer-events:none}.sea-banner-caption h2{font-size:30px;color:#214b4d}.sea-banner-caption p{margin-top:8px;color:#426e70;font-size:13px}.sea-legend{position:absolute;bottom:22px;left:30px;background:#ffffffbd;border:1px solid #ffffffaa;padding:7px 13px;border-radius:20px;font-size:12px;color:#305e60}.beach-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:24px}.beach-card{background:white;border-radius:25px;overflow:hidden;border:1px solid #e2e9e2;box-shadow:var(--shadow)}.beach-card-header{display:flex;justify-content:space-between;align-items:center;padding:23px 25px 15px}.beach-card-header .weather-icon{width:65px;height:65px}.beach-card-header p{font-size:12px;color:var(--muted);margin-top:3px}.beach-metrics{display:flex;gap:32px;padding:0 25px 19px}.beach-metrics strong{font-size:26px;font-weight:500;letter-spacing:-1px}.beach-metrics small{font-size:13px;letter-spacing:0;color:var(--muted)}.wave-scene{position:relative;height:185px;background:#d6e9ed}.wave-scene canvas{width:100%;height:100%;display:block}.wave-caption{display:flex;justify-content:space-between;padding:11px 25px;color:var(--muted);font-size:11px;border-top:1px solid #edf1ed}.sea-advice{margin-top:24px;border-radius:20px;background:#e8f0f5;padding:20px 24px;display:flex;gap:15px;align-items:center;color:#496548;font-size:13px}.sea-advice span{font-size:25px}
.lake-summary{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:16px;margin-bottom:24px}.summary-card{border:1px solid var(--line);border-radius:23px;padding:23px 25px;background:white}.summary-card.primary{background:var(--ink);border-color:var(--ink);color:white}.summary-card .metric-label{margin-bottom:12px}.summary-card.primary .metric-label{color:#c4d3cc}.lake-level{font-size:43px;letter-spacing:-2px;line-height:1.1}.lake-level small{font-size:14px;letter-spacing:0}.summary-card p{font-size:12px;color:var(--muted);margin-top:11px}.summary-card.primary p{color:#c4d3cc}.lake-scene-wrap{background:white;border:1px solid var(--line);border-radius:27px;overflow:hidden}.lake-scene-top{padding:23px 28px;display:flex;justify-content:space-between;align-items:center;gap:18px}.lake-scene-top p{font-size:12px;color:var(--muted);margin-top:5px}.scale-chip{background:#eef3f6;padding:7px 12px;border-radius:20px;color:var(--muted);font-size:11px;white-space:nowrap}.lake-scene{aspect-ratio:1100/510;position:relative;background:#e6eff5}.lake-scene svg{display:block;width:100%;height:100%}.lake-scene svg text{font-family:Arial,sans-serif}.lake-ripple{animation:lake-ripple 7s ease-in-out infinite alternate}.fish-a{--fish-duration:34s;animation:fish-swim-a var(--fish-duration) ease-in-out infinite}.fish-b{--fish-duration:44s;animation:fish-swim-b var(--fish-duration) ease-in-out infinite}.fish-c{--fish-duration:26s;animation:fish-swim-c var(--fish-duration) ease-in-out infinite}.diver-float{--diver-duration:10s;animation:diver-float var(--diver-duration) ease-in-out infinite}.diver-heading{transform-box:fill-box;transform-origin:center;animation:diver-turn var(--diver-duration) ease-in-out infinite}.diver-leg{transform-origin:0 12px;animation:diver-kick 2.8s ease-in-out infinite alternate}.diver-standing .diver-head{transform-origin:0 0;animation:diver-look 6s ease-in-out infinite}.bubble{animation:bubble-rise 4s linear infinite}.lake-scene-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 28px;border-top:1px solid var(--line);font-size:13px}.lake-scene-caption strong{color:var(--green)}.lake-scene-caption small{color:var(--muted);font-size:11px}.lake-lines{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.lake-line{border-left:3px solid #70ae94;padding:3px 17px}.lake-line.red{border-color:#d97564}.lake-line.black{border-color:#52635d}.lake-line p{font-size:12px;color:var(--muted)}.lake-line strong{display:block;font-size:20px;font-weight:500;margin:6px 0}.lake-line small{color:var(--muted);font-size:12px}.lake-explainer{margin-top:25px;padding:23px 26px;border-radius:20px;background:#eaf1f6;font-size:13px;color:#576c5d;line-height:1.8}.lake-explainer strong{color:var(--ink)}.site-footer{max-width:1200px;margin:0 auto;padding:25px 0 32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:11px}.site-footer>span:first-child{color:var(--ink);font-size:13px;font-weight:600}
body.motion-paused *,body.motion-paused *::before,body.motion-paused *::after{animation-play-state:paused!important}
@keyframes brand-turn{to{transform:rotate(360deg)}}@keyframes sun-spin{to{transform:rotate(360deg)}}@keyframes sun-glow{50%{opacity:.8}}@keyframes cloud-drift{from{transform:translateX(-5px)}to{transform:translateX(7px)}}@keyframes rain-fall{0%{transform:translate(3px,-6px);opacity:0}15%{opacity:1}80%{opacity:1}100%{transform:translate(-4px,18px);opacity:0}}@keyframes snow-fall{0%{transform:translate(0,-5px);opacity:0}20%{opacity:1}100%{transform:translate(9px,22px);opacity:0}}@keyframes fog-drift{to{transform:translateX(10px);opacity:.6}}@keyframes lightning{0%,91%,95%,100%{opacity:0}92%,94%{opacity:1}}@keyframes star-glow{to{opacity:.3}}@keyframes lake-ripple{from{transform:translateX(-8px)}to{transform:translateX(8px)}}@keyframes shimmer{to{opacity:.25;transform:translateX(12px)}}@keyframes fish-swim-a{0%,96%,100%{transform:translate(0,0)}46%,50%{transform:translate(70px,10px)}}@keyframes fish-swim-b{0%,96%,100%{transform:translate(0,0)}46%,50%{transform:translate(-95px,-8px)}}@keyframes fish-swim-c{0%,96%,100%{transform:translate(0,0)}46%,50%{transform:translate(45px,-15px)}}@keyframes diver-float{0%,8%,100%{transform:translate(0,0)}42%,58%{transform:translate(55px,-4px)}92%{transform:translate(0,0)}}@keyframes diver-turn{0%,42%{transform:rotateY(0)}50%,92%{transform:rotateY(180deg)}100%{transform:rotateY(360deg)}}@keyframes diver-kick{from{transform:rotate(-9deg)}to{transform:rotate(12deg)}}@keyframes diver-look{0%,30%,100%{transform:rotate(-12deg)}50%,75%{transform:rotate(15deg)}}@keyframes bubble-rise{0%{transform:translateY(0);opacity:0}15%{opacity:.6}100%{transform:translate(6px,-90px);opacity:0}}
@media(min-width:1400px){.page{padding-top:52px}.hero-card{min-height:375px}.hero-icon{top:60px;right:45px;width:250px;height:250px}}
@media(max-width:1050px){.site-header,.page{padding-left:25px;padding-right:25px}.site-footer{margin:0 25px}.hero-icon{right:8px;width:190px;height:190px;top:80px}.hero-temp{font-size:88px}.forecast-card{padding:16px 9px}.forecast-icon{width:61px;height:61px}.city-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.city-card{padding:14px}.lake-level{font-size:35px}.lake-summary{grid-template-columns:1.3fr 1fr 1fr}.intro-side{max-width:210px}}
@media(max-width:760px){.site-header{padding:18px 20px;flex-wrap:wrap;gap:20px}.brand{font-size:24px}.brand-sun{font-size:40px}.site-header nav{order:3;width:100%;justify-content:center}.site-header nav a{flex:1;text-align:center;padding:9px 15px}.old-site{font-size:11px}.page{padding:28px 20px 40px}.page-intro{display:block;margin-bottom:23px}h1{font-size:32px;letter-spacing:-1.1px}.subtitle{font-size:14px}.intro-side{display:flex;max-width:none;align-items:center;justify-content:space-between;text-align:left;gap:16px;margin-top:18px}.freshness{margin-top:0;font-size:10px;max-width:190px;text-align:right}.quiet-button{font-size:11px;flex-shrink:0}.weather-layout{grid-template-columns:1fr;gap:16px}.hero-card{min-height:333px;padding:25px}.hero-icon{width:190px;height:190px;top:80px;right:15px}.hero-temp{font-size:92px}.hero-condition{font-size:17px;max-width:190px}.hero-bottom{left:25px;right:25px;bottom:23px}.city-select{font-size:21px}.metrics-card{padding:22px}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.metric-value{font-size:22px}.metric-value small{font-size:10px}.metric-label{font-size:10px}.daylight-row{font-size:11px}.section-heading{margin-top:26px;gap:12px}.section-heading h2{font-size:21px}.section-heading p{font-size:10px}.forecast-grid{display:flex;overflow-x:auto;gap:10px;padding-bottom:8px;scroll-snap-type:x proximity}.forecast-card{flex:0 0 112px;scroll-snap-align:start}.forecast-icon{width:66px;height:66px}.hours-card{padding:19px}.city-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.city-card{gap:8px;padding:13px 10px}.city-card .weather-icon{width:42px;height:42px}.city-card strong{font-size:12px}.city-card small{display:none}.city-card .city-temp{font-size:22px}.beach-grid{grid-template-columns:1fr;gap:18px}.sea-banner{height:220px}.sea-banner-caption{left:23px;right:23px;top:22px}.sea-banner-caption h2{font-size:26px}.sea-legend{left:23px;font-size:10px}.beach-card-header{padding:20px 22px 13px}.beach-metrics{padding-left:22px}.lake-summary{grid-template-columns:1fr 1fr;gap:12px}.summary-card{padding:20px}.summary-card.primary{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center}.summary-card.primary .metric-label{font-size:12px;margin:0}.summary-card.primary p{grid-column:1/-1;margin-top:8px}.lake-level{font-size:33px;text-align:right}.lake-scene-top{padding:20px;display:block}.scale-chip{display:inline-block;margin-top:12px;font-size:10px}.lake-scene{aspect-ratio:760/570;overflow:hidden}.lake-scene svg{width:145%;max-width:none;position:relative;left:-35%}.lake-scene-caption{display:block;padding:18px 20px;font-size:12px}.lake-scene-caption small{display:block;margin-top:7px}.lake-lines{grid-template-columns:1fr;gap:18px}.lake-line{display:grid;grid-template-columns:1fr 1fr;align-items:center}.lake-line strong{text-align:right;font-size:20px}.lake-line small{grid-column:1/-1}.lake-explainer{padding:20px;font-size:12px}.site-footer{margin:0 20px;display:block;font-size:10px}.site-footer>span{display:block;margin-bottom:8px}.site-footer>a{display:inline-block;margin-top:8px}}
@media(max-width:370px){.hero-icon{width:155px;height:155px;right:4px;top:95px}.hero-temp{font-size:82px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.city-card .weather-icon{width:32px}.hero-chip{font-size:10px;padding:6px 9px}h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:760px){.lake-scene{aspect-ratio:800/510}.lake-scene svg{width:100%;left:0}.lake-scene svg text{font-size:19px}.lake-scene svg text.scene-label{display:none}}
@media(max-width:370px){.city-card .weather-icon{display:none}.city-card{gap:6px}.city-card>span:not(.city-temp){min-width:0}.city-card strong{overflow-wrap:anywhere}}

.forecast-grid{margin-top:28px}.city-grid{margin-top:26px}.metrics-grid{margin-top:0}.lake-original-copy{font-size:13px;color:var(--muted);margin-top:22px;line-height:1.7}.quiet-button{min-width:34px;font-size:15px}.lake-level{text-align:left}
@media(max-width:760px){.page-intro{display:flex;align-items:center}.page-intro h1{font-size:28px}.intro-side{margin-top:0}.site-header nav a{font-size:12px;padding-left:8px;padding-right:8px}.site-header nav a:first-child{flex:1.5}.lake-scene{aspect-ratio:1050/510}.lake-scene svg text{font-size:23px}.summary-card.primary{display:block}.summary-card.primary p{margin-top:8px}}


.city-picker{display:flex;align-items:center;gap:14px;margin-bottom:22px}.city-picker label{font-size:14px;color:var(--muted)}.city-picker .city-select{max-width:100%;width:360px;border:1px solid var(--line);border-radius:14px;background:white;color:var(--ink);padding:12px 16px;font-size:16px;font-weight:600}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 20px}.metrics-grid>div:last-child{grid-column:1/-1}
@media(max-width:760px){.city-picker{display:block}.city-picker label{display:block;margin-bottom:7px}.city-picker .city-select{width:100%}.metric-value{font-size:24px}.metric-label{font-size:11px}.metrics-grid{margin:0 0 20px}}

.gull-flight{animation:gull-glide 16s ease-in-out infinite alternate}.gull-wings{transform-box:fill-box;transform-origin:center;animation:gull-flap 2s ease-in-out infinite alternate}@keyframes gull-glide{to{transform:translate(55px,-8px)}}@keyframes gull-flap{to{transform:scaleY(.45)}}

.lake-level-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:25px}.lake-level-notes article{border-left:3px solid #b94338;padding-left:16px}.lake-level-notes article:nth-child(2){border-color:#b94338}.lake-level-notes article:nth-child(3){border-color:#52635d}.lake-level-notes h3{font-size:17px;margin-bottom:8px}.lake-level-notes p{font-size:13px;line-height:1.7;color:var(--muted)}@media(max-width:760px){.lake-level-notes{grid-template-columns:1fr;gap:20px}}

.lake-level-line{vector-effect:non-scaling-stroke}.lake-level-label{paint-order:stroke fill}

.fish-heading{animation:fish-turn var(--fish-duration) ease-in-out infinite;transform-origin:0 0}@keyframes fish-turn{0%,46%,100%{transform:scaleX(1)}50%,96%{transform:scaleX(-1)}}

.metric-icon{width:36px;height:40px;display:block;flex-shrink:0}.metrics-grid>div{position:relative;padding-top:48px}.metrics-grid>div>.metric-icon{position:absolute;top:0;left:0}.daylight-row{display:flex;align-items:center;gap:8px}.daylight-row .metric-icon{width:28px;height:32px}.daylight-row strong{margin-left:auto}.metric-flag{transform-origin:15px 14px;animation:metric-flag var(--wind-duration) ease-in-out infinite alternate}.metric-breeze{animation:metric-breeze 2.6s ease-in-out infinite alternate}.metric-water{animation:metric-water 3s ease-in-out infinite alternate}.metric-heat{animation:metric-heat 2.8s ease-in-out infinite}.metric-road{animation:metric-road 2s linear infinite}.metric-mist{animation:metric-mist 4s ease-in-out infinite alternate}.metric-needle{transform-origin:20px 23px;transform:rotate(var(--pressure-angle));animation:metric-needle 1.5s ease-out both}.metric-drop{animation:metric-drop 1.8s linear infinite}@keyframes metric-flag{to{transform:skewY(9deg) scaleX(.9)}}@keyframes metric-breeze{to{transform:translateX(2px);opacity:.4}}@keyframes metric-water{to{transform:translateX(8px)}}@keyframes metric-heat{0%,100%{opacity:.25}50%{opacity:.8;transform:translateY(-2px)}}@keyframes metric-road{to{stroke-dashoffset:-11}}@keyframes metric-mist{to{transform:translateX(2px)}}@keyframes metric-needle{from{transform:rotate(-65deg)}to{transform:rotate(var(--pressure-angle))}}@keyframes metric-drop{0%{transform:translateY(-2px);opacity:0}20%{opacity:1}100%{transform:translateY(6px);opacity:0}}

.metrics-grid{gap:22px 18px}.metrics-grid>div{padding-top:0;display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:10px;align-items:center}.metrics-grid>div>.metric-icon{position:static;grid-column:1;grid-row:1/3}.metrics-grid>div>.metric-label{grid-column:2;align-self:end;margin-bottom:4px}.metrics-grid>div>.metric-value{grid-column:2;align-self:start}.daylight-row{margin-top:20px}@media(max-width:760px){.metrics-grid{grid-template-columns:1fr;gap:18px}.metrics-grid>div:last-child{grid-column:auto}.metrics-grid>div{grid-template-columns:36px minmax(0,1fr);column-gap:14px}.metric-value{font-size:24px}}

/* Weather information stays readable on desktop and phones. */
.now-label,.today-range,.metric-label,.daylight-row,.forecast-day,.forecast-date,.forecast-condition,.hour-item time,.city-card strong,.city-card small,.beach-card-header p,.wave-caption,.summary-card p,.lake-original-copy,.lake-level-notes p,.source-note,.city-picker label{font-size:16px;line-height:1.55}.metric-value{font-size:30px}.metric-value small,.beach-metrics strong small,.lake-level small{font-size:16px}.forecast-temp{font-size:26px}.forecast-temp span{font-size:21px}.hour-item strong{font-size:24px}.hour-item{min-width:85px}.city-card .city-temp{font-size:28px}.lake-level-notes h3{font-size:20px}.weather-layout{grid-template-columns:minmax(0,1.6fr) minmax(360px,1fr)}.forecast-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.forecast-card{padding:18px 8px}.forecast-condition{overflow-wrap:anywhere}.metrics-grid{grid-template-columns:1fr;gap:18px}.city-card{flex-wrap:wrap}.city-card small{display:block}.wave-scene{height:245px}
@media(max-width:1050px){.weather-layout{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.forecast-grid{display:flex;overflow-x:auto;padding-bottom:10px}.forecast-card{flex:0 0 145px}.city-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.metrics-grid{grid-template-columns:1fr}.forecast-card{flex-basis:145px}.city-card{padding:15px 12px}.city-card strong,.city-card small{font-size:16px}.city-card .city-temp{font-size:26px}.city-card .weather-icon{width:40px}.beach-metrics{gap:18px;flex-wrap:wrap}.lake-summary{grid-template-columns:1fr}.summary-card.primary{grid-column:auto}.daylight-row{flex-wrap:wrap}.hero-card{min-height:370px}.hero-condition{font-size:19px}.metric-value{font-size:30px}}

.city-card{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:10px;align-items:start}.city-card .weather-icon{grid-column:1;grid-row:1/3;width:44px;height:44px}.city-card>span:not(.city-temp){grid-column:2;grid-row:1}.city-card .city-temp{grid-column:2;grid-row:2;margin-left:0}.city-card strong,.city-card small{overflow-wrap:anywhere}

.sailboat-drift{animation:sailboat-drift 40s ease-in-out infinite alternate}.sailboat-bob{transform-origin:0 0;animation:sailboat-bob 5s ease-in-out infinite}@keyframes sailboat-drift{to{transform:translateX(-30px)}}@keyframes sailboat-bob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(1.5px) rotate(2deg)}}

.weather-layout{grid-template-columns:minmax(0,1.25fr) minmax(440px,1fr);align-items:start}.hero-card{min-height:400px}.metrics-card{padding:25px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}.metrics-grid>div:last-child{grid-column:1/-1}.daylight-row{margin-top:18px}@media(max-width:1050px){.weather-layout{grid-template-columns:1fr}.hero-card{min-height:350px}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metrics-grid>div:last-child{grid-column:auto}}@media(max-width:760px){.metrics-grid{grid-template-columns:1fr}.hero-card{min-height:370px}}

.all-cities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.all-cities .city-card{background:white}.site-header{flex-wrap:wrap}.site-header nav{flex-wrap:wrap;justify-content:center}.site-header nav a{padding:10px 13px}.quake-summary{display:flex;gap:20px;flex-wrap:wrap;align-items:center;margin-bottom:20px;font-size:16px;color:var(--muted)}.quake-summary strong{color:var(--ink)}.quake-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(310px,1fr);gap:20px}.quake-map-card{position:relative;min-width:0;background:#e1eaf0;border:1px solid var(--line);border-radius:24px;overflow:hidden}#quake-map{height:620px;width:100%;z-index:0}.quake-legend{display:flex;align-items:center;gap:16px;padding:14px 18px;background:white;font-size:16px}.quake-legend span{display:inline-flex;align-items:center;gap:6px}.quake-legend i{display:inline-block;border-radius:50%;background:#d77b51a6;border:2px solid #a95135}.quake-list{background:white;border:1px solid var(--line);border-radius:24px;overflow:hidden}.quake-list h2{padding:18px 20px;font-size:20px}.quake-list ol{margin:0;padding:0;list-style:none;max-height:620px;overflow:auto}.quake-list button{width:100%;display:grid;grid-template-columns:62px minmax(0,1fr);gap:12px;text-align:left;border:0;border-top:1px solid var(--line);padding:14px 18px;background:white;color:var(--ink)}.quake-list button:hover,.quake-list button:focus-visible,.quake-list button[aria-pressed="true"]{background:#edf3f7}.quake-mag{font-size:18px;font-weight:600;color:#a95135}.quake-list time,.quake-list small{font-size:16px;display:block}.quake-list small{color:var(--muted)}.quake-popup{font-size:16px;line-height:1.6;color:var(--ink)}.quake-popup strong{display:block;font-size:20px}.quake-popup dl{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;margin:10px 0 0}.quake-popup dt{color:var(--muted)}.quake-popup dd{margin:0}.quake-popup p{margin-top:6px}.quake-map-status{padding:10px 18px;font-size:16px;background:#fff1df}.leaflet-container{font-family:Arial,sans-serif}.leaflet-container .leaflet-control-attribution{font-size:12px}.quake-point:focus{outline:none;stroke:#173f42;stroke-width:4px}
@media(max-width:1050px){.all-cities{grid-template-columns:repeat(3,minmax(0,1fr))}.quake-layout{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr)}}
@media(max-width:760px){.all-cities{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header nav a,.site-header nav a:first-child{flex:1 1 auto;font-size:16px;padding:9px 10px}.quake-layout{grid-template-columns:1fr}#quake-map{height:clamp(240px,42svh,360px)}.quake-legend{gap:12px;flex-wrap:wrap}.quake-list ol{max-height:480px}.quake-list button{padding:14px 16px}.quake-summary{gap:8px}.quake-layout .leaflet-popup-content{max-width:230px}}

.city-region{margin-bottom:32px}.city-region h2{font-size:26px;margin:0 0 16px}

.all-cities{gap:10px}.all-cities .city-card{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:8px;padding:10px 12px;border-radius:14px;align-items:center}.all-cities .city-card .weather-icon{grid-column:1;grid-row:1;width:32px;height:32px}.all-cities .city-card>span:not(.city-temp){grid-column:2;grid-row:1}.all-cities .city-card .city-temp{grid-column:3;grid-row:1;font-size:24px;margin:0}.all-cities .city-card strong,.all-cities .city-card small{font-size:16px;line-height:1.3}.city-region{margin-bottom:24px}.city-region h2{margin-bottom:12px}@media(max-width:760px){.all-cities .city-card{grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:9px 8px}.all-cities .city-card .weather-icon{display:none}.all-cities .city-card>span:not(.city-temp){grid-column:1}.all-cities .city-card .city-temp{grid-column:2;font-size:23px}}

@font-face{font-family:NotoEthiopic;src:url("fonts/NotoSansEthiopic.ttf") format("truetype");font-style:normal;font-weight:100 900;font-display:swap}
html:lang(am) body,html:lang(am) select,html:lang(am) button,html:lang(am) .leaflet-container{font-family:NotoEthiopic,Arial,sans-serif}
.language-picker{margin-inline-start:8px}.language-picker select{font:inherit;font-size:16px;color:var(--ink);border:1px solid var(--line);border-radius:12px;background:white;padding:8px 10px;max-width:150px}
.site-header .old-site{margin-inline-start:auto}.site-header nav{min-width:0}
[dir=rtl] .hero-card{direction:rtl}[dir=rtl] .hero-icon{right:auto;left:28px}[dir=rtl] .hero-temp{letter-spacing:-4px;direction:ltr;text-align:right}[dir=rtl] .hero-reading{max-width:55%}
[dir=rtl] .metrics-grid>div{padding-left:0;padding-right:46px}[dir=rtl] .metric-icon{left:auto;right:0}[dir=rtl] .city-card,[dir=rtl] .quake-list button{text-align:right}
[dir=rtl] .lake-scene,[dir=rtl] .wave-scene,[dir=rtl] #quake-map{direction:ltr}[dir=rtl] .lake-scene svg text{direction:ltr;unicode-bidi:plaintext}
[dir=rtl] .quake-popup{direction:rtl;text-align:right}[dir=rtl] .quake-popup dd{direction:ltr;text-align:right}[dir=rtl] .quake-legend{direction:rtl}
.metric-value,.forecast-temp,.city-temp,.lake-level,.quake-mag{unicode-bidi:plaintext}.quake-legend i{flex-shrink:0}
@media(max-width:1050px){[dir=rtl] .hero-icon{left:8px}}@media(max-width:760px){.language-picker{margin-inline-start:auto}[dir=rtl] .hero-icon{left:8px}[dir=rtl] .hero-reading{max-width:60%}.site-header nav{flex-basis:100%}.site-header nav a{overflow-wrap:anywhere}}

.intake-flow path{stroke-dasharray:7 7;animation:intake-flow 1.4s linear infinite}.intake-flow path:nth-child(2){animation-delay:-.45s}.intake-flow path:nth-child(3){animation-delay:-.9s}.lake-intake.inactive{opacity:.56}@keyframes intake-flow{to{stroke-dashoffset:-28}}@media(prefers-reduced-motion:reduce){.intake-flow path{animation-play-state:paused!important}}

@media(max-width:600px){.lake-scene:has(.lake-portrait){aspect-ratio:440/612}.lake-scene svg.lake-portrait{width:100%;height:100%;left:0}.lake-scene .lake-portrait .lake-level-label,.lake-scene .lake-portrait #lake-current-label text{font-size:22px}.lake-scene .lake-portrait .diver-scale text{font-size:17px}}
@media(max-width:600px){.lake-summary{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px}.lake-summary .summary-card{min-width:0;border-radius:18px;padding:13px 15px}.lake-summary .summary-card.primary{grid-column:1;grid-row:1/3;display:flex;flex-direction:column;justify-content:center}.lake-summary .summary-card:not(.primary){display:flex;flex-direction:column;justify-content:center}.lake-summary .summary-card .metric-label{margin-bottom:2px;line-height:1.25}.lake-summary .metric-value{font-size:25px;line-height:1.15}.lake-summary .lake-level{font-size:33px;text-align:left}.lake-summary .summary-card.primary p{margin-top:8px;line-height:1.35}}
.beach-card-header .weather-icon{width:230px;height:230px}
@media(max-width:760px){.beach-card-header .weather-icon{width:190px;height:190px}}
@media(max-width:360px){.lake-summary{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto}.lake-summary .summary-card.primary{grid-column:1/-1;grid-row:1}.lake-summary .summary-card:not(.primary){grid-row:2}.lake-summary .summary-card.primary p{display:flex;gap:8px;flex-wrap:wrap}}
.hero-body{position:static;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:12px;align-items:start;margin-top:15px}.hero-body .now-label{margin-top:0}.hero-body .hero-reading{max-width:none;min-width:0}.hero-visual{position:absolute;inset-inline-end:32px;top:calc((100% - var(--skyline-height))/2);transform:translateY(-50%);width:calc((100% - 76px)*.565217);text-align:center;min-width:0;z-index:2}.hero-visual .hero-icon{position:static;width:100%;max-width:230px;height:auto;margin:0 auto}.hero-visual .weather-icon{height:auto}.hero-visual .hero-condition{max-width:none;margin:6px 0 0;font-size:19px;line-height:1.4;overflow-wrap:anywhere}.hero-body .today-range{margin-top:12px}
@media(max-width:760px){.hero-visual{inset-inline-end:25px;width:calc((100% - 62px)*.565217)}.hero-visual .hero-icon{max-width:190px}.hero-visual .hero-condition{font-size:17px}}
@media(min-width:761px){.beach-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr))}.beach-overview{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:16px 12px;padding:18px 25px}.beach-overview .beach-card-header{display:contents}.beach-card-header>div:first-child{grid-column:1;grid-row:1;align-self:end}.beach-card-header>div:last-child{grid-column:2;grid-row:1/3;align-self:center}.beach-overview .beach-metrics{grid-column:1;grid-row:2;align-self:start;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0}.beach-overview .beach-metrics strong{white-space:nowrap}}
.site-brand{display:grid;gap:12px;justify-items:start;max-width:100%}.publisher-logo{display:block;line-height:0}.publisher-logo img{display:block;width:152px;height:25px}.site-brand .brand{min-width:0}.site-brand .brand>span:last-child{min-width:0}
.city-picker{display:flex;align-items:center;gap:12px}.city-picker label{min-width:0;margin:0;flex:0 1 auto}.city-picker .city-select{field-sizing:content;flex:0 1 auto;width:auto;min-width:0;max-width:100%;padding:9px 12px}
.beach-visual{width:230px;min-width:0;text-align:center}.beach-visual .weather-icon{width:100%;height:auto}.beach-visual .beach-condition{margin:6px 0 0;line-height:1.4;overflow-wrap:anywhere}.brand .weather-brand-icon{display:block;width:48px;height:48px;object-fit:contain;flex-shrink:0}@media(max-width:760px){.beach-visual{width:190px;flex:0 1 190px}.brand .weather-brand-icon{width:40px;height:40px}}
.site-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px 24px}.site-header .site-brand{display:contents}.site-header .publisher-logo{grid-column:1;grid-row:1}.site-header .brand{grid-column:2;grid-row:1;white-space:nowrap}.site-header .language-picker{grid-column:3;grid-row:1;margin:0}.site-header nav{grid-column:1/-1;grid-row:2;justify-self:start}.site-header .old-site{display:none}@media(max-width:760px){.site-header{column-gap:clamp(4px,1.5vw,12px)}.publisher-logo img{width:clamp(52px,18vw,100px);height:auto}.site-header .brand{font-size:clamp(10px,3.5vw,20px);letter-spacing:-.4px;gap:4px}.brand .weather-brand-icon{width:clamp(20px,6vw,32px);height:clamp(20px,6vw,32px)}.site-header .language-picker select{width:clamp(65px,20vw,100px);max-width:100%;font-size:clamp(10px,3vw,14px);padding:6px 3px}.site-header nav{width:100%}}
.site-header{grid-template-columns:minmax(0,1fr) auto;gap:20px 16px}.site-header .publisher-logo{grid-column:1;grid-row:1}.publisher-logo img{width:152px;height:25px}.site-header .language-picker{grid-column:2;grid-row:1;justify-self:end}.site-header .language-picker select{width:auto;max-width:150px;font-size:16px;padding:8px 10px}.site-header .brand{grid-column:1/-1;grid-row:2;font-size:32px;gap:10px;letter-spacing:-.6px}.brand .weather-brand-icon{width:52px;height:52px}.site-header nav{grid-row:3}@media(max-width:600px){.site-header{gap:16px 12px}.publisher-logo img{width:122px;height:auto}.site-header .brand{font-size:clamp(23px,6vw,32px);gap:8px}.brand .weather-brand-icon{width:40px;height:40px}}@media(max-width:360px){.site-header{padding-inline:16px}.site-header .brand{font-size:22px;gap:6px}.brand .weather-brand-icon{width:36px;height:36px}}
@font-face{font-family:Heebo;src:url("fonts/Heebo.ttf") format("truetype");font-style:normal;font-weight:100 900;font-display:swap}html:lang(he) body,html:lang(he) select,html:lang(he) button,html:lang(he) .leaflet-container,html:lang(he) .lake-scene svg text{font-family:Heebo,Arial,sans-serif}.pressure-equivalent{display:inline-block;white-space:nowrap}
.site-header .section-panels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;width:100%;padding:0;border-radius:0;background:none}.section-panels a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;padding:13px 8px;border:1px solid #d5e1e9;border-radius:12px;background:white;color:#36596e;font-size:15px;text-align:center;line-height:1.3;transition:background .15s,border-color .15s}.site-header .section-panels a{padding:13px 8px;border-radius:12px}.site-header .section-panels a.active{background:#e8f2f8;border-color:#92b7ce;color:#254f6d;box-shadow:none}.section-panels a:hover{background:#f2f7fa;border-color:#adc6d5}.section-panels svg{display:block;flex-shrink:0;width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.section-panels span{overflow-wrap:anywhere}@media(max-width:600px){.site-header .section-panels{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.site-header .section-panels a{grid-column:span 2;padding:11px 5px;font-size:13px}.site-header .section-panels a:nth-last-child(-n+2){grid-column:span 3}}
.metrics-grid{grid-template-columns:1fr}.metric-value.has-assessment{display:flex;align-items:center;justify-content:space-between;gap:8px}.metric-number{min-width:0;white-space:nowrap}.metric-badge{display:inline-block;flex-shrink:0;max-width:48%;padding:5px 9px;border:1px solid transparent;border-radius:7px;background:#edf4f8;color:#486c80;font-size:14px;font-weight:500;letter-spacing:0;line-height:1.4;text-align:end;white-space:normal}.metric-badge.warm{background:#fff2df;color:#8c5c19}.metric-badge.cool{background:#eaf1fb;color:#42659a}.metric-badge.alert{background:#fceceb;color:#a44538}.daylight-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;column-gap:16px;row-gap:6px;align-items:center}.daylight-row>svg{grid-column:1;grid-row:1/3}.daylight-row>span:not(.metric-badge){grid-column:2/-1}.daylight-row>strong{grid-column:2;grid-row:2}.daylight-row>.metric-badge{grid-column:3;grid-row:2;justify-self:end;max-width:none}@media(max-width:370px){.metrics-card{padding:18px}.metrics-grid>div{padding-left:36px}[dir=rtl] .metrics-grid>div{padding-right:36px;padding-left:0}.metrics-grid .metric-icon{width:26px}.metrics-grid .metric-value{font-size:24px}.metrics-grid .metric-value small{font-size:13px}.metric-badge{font-size:12px;padding:5px 6px}.daylight-row{grid-template-columns:26px minmax(0,1fr) auto;column-gap:10px}}
.beach-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.beach-metrics>div{min-width:0;padding:12px;background:#f0f5f8;border:1px solid #d8e4ec;border-radius:12px}.beach-metrics .metric-label{line-height:1.35;margin-bottom:8px}.beach-metrics strong{display:block;line-height:1.2}@media(max-width:360px){.beach-metrics>div{padding:10px}.beach-metrics strong{font-size:24px}}
@media(max-width:600px){body[data-page=kineret] .page-intro h1{font-size:clamp(21px,5.5vw,28px);letter-spacing:-.6px}body[data-page=kineret] .page-intro{gap:0}}

/* Grid menu items keep one type size; the old first-item flex exception must not win by specificity. */
@media(max-width:600px){.site-header .section-panels a,.site-header .section-panels a:first-child{font-size:13px;line-height:1.3}}

/* Keep the whole narrow layout clear of the persistent AdSense anchor handle. */
@media(max-width:439px){.site-header,.page{width:calc(100vw - 20px);margin-left:0;margin-right:20px}}
@media(max-width:600px){body:has(.adsbygoogle-noablate[data-anchor-status="displayed"]) .site-footer{margin-bottom:130px}body[data-page=weather] #content,body[data-page=weather] .weather-layout,body[data-page=weather] .hero-card{min-width:0;max-width:100%}}
@media(min-width:1051px){.weather-layout{align-items:stretch}.metrics-card{padding:22px}.metrics-grid{margin:0;gap:8px}.metrics-grid>div>.metric-label{line-height:1.25;margin-bottom:3px}.metrics-grid .metric-value{font-size:28px}.metrics-card .daylight-row{grid-template-columns:28px minmax(0,1fr) auto auto;gap:10px;margin-top:14px;padding-top:12px;line-height:1.25}.daylight-row>svg{grid-row:1}.daylight-row>span:not(.metric-badge){grid-column:2;grid-row:1}.daylight-row>strong{grid-column:3;grid-row:1;margin:0}.daylight-row>.metric-badge{grid-column:4;grid-row:1}}

/* Metric heading spans the row; icon sits beside the reading. */
.metrics-grid>div,[dir=rtl] .metrics-grid>div{padding-inline:0}.metrics-grid>div>.metric-label{grid-column:1/-1;grid-row:1}.metrics-grid>div>.metric-icon{grid-column:1;grid-row:2;align-self:center}.metrics-grid>div>.metric-value{grid-column:2;grid-row:2;align-self:center}

.beach-metrics>div{display:flex;flex-direction:column}.beach-metrics strong{margin-top:auto}

.site-header .section-panels{grid-template-columns:repeat(6,minmax(0,1fr))}
.city-map-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,1fr);gap:22px;align-items:start}.city-map-card{min-width:0;border:1px solid var(--line);border-radius:24px;overflow:hidden}#city-map{height:680px;direction:ltr;background:#e6eff3}.map-city-panel{min-width:0;min-height:0;max-height:none;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px}.map-current{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 10px}.map-current h2{font-size:24px}.map-current strong{font-size:48px;line-height:1.2}.map-current>.weather-icon{width:115px;flex-shrink:0}.map-current p{color:var(--muted);margin-top:4px}.map-city-link{display:inline-block;margin-bottom:6px}.map-city-panel .forecast-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 20px}.map-city-panel .forecast-card{padding:12px 8px}.map-city-panel h3{font-size:18px;margin:14px 0}.map-city-panel .city-picker{display:block}.map-city-panel .city-picker label{display:block;margin-bottom:6px}.map-city-panel .city-select{width:100%;max-width:100%}.city-map-tooltip{font:600 15px Arial,sans-serif}.weather-city-point{cursor:pointer;outline:none}.weather-city-point:focus{stroke:#ad5200;stroke-width:4}.map-city-panel .hours-strip{overflow-x:auto;display:flex;gap:12px}.city-map-card .notice{margin:12px}
@media(max-width:760px){.city-map-layout{grid-template-columns:1fr;gap:14px}.map-city-panel{height:auto;max-height:none;padding:18px}#city-map{height:52vh;min-height:350px;max-height:540px}.map-city-panel .forecast-grid{display:flex;overflow-x:auto}.map-city-panel .forecast-card{flex:0 0 130px}.map-current{margin-top:12px}}
@media(max-width:600px){.site-header .section-panels{grid-template-columns:repeat(3,minmax(0,1fr))}.site-header .section-panels a,.site-header .section-panels a:nth-last-child(-n+2){grid-column:auto}}

.map-readings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.map-readings>div{min-width:0}.map-readings dt{color:var(--muted);font-size:14px;line-height:1.35}.map-readings dd{font-size:22px;margin:4px 0 0;unicode-bidi:plaintext}.map-readings small{font-size:14px}

.site-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;font-size:13px;line-height:1.65}.footer-info{max-width:850px}.footer-info p+p{margin-top:12px}.footer-links{display:flex;flex-direction:column;gap:10px;align-items:start}.footer-links a{font-size:14px}.footer-info [dir=ltr]{display:inline-block}@media(max-width:760px){.site-footer{grid-template-columns:1fr;gap:18px}.footer-links{align-items:start}}


/* Localized headers place the weather identity beside the language selector. */
html:not([lang="ru"]) .site-header .brand{grid-column:1;grid-row:1;white-space:normal;line-height:1.2;min-width:0}
html:not([lang="ru"]) .site-header .brand>span{overflow-wrap:anywhere}
html:not([lang="ru"]) .site-header nav{grid-row:2}
@media(max-width:600px){html:not([lang="ru"]) .site-header .brand{font-size:clamp(18px,4.5vw,26px);gap:8px}html:not([lang="ru"]) .site-header .language-picker select{max-width:105px;font-size:14px;padding:8px 6px}html:not([lang="ru"]) .site-header .weather-brand-icon{width:36px;height:36px}}

/* Keep mobile city names readable and preserve their weather pictograms. */
.city-card strong,.city-card small{overflow-wrap:normal;word-break:normal;hyphens:manual}
@media(max-width:600px){
.city-grid,.all-cities{grid-template-columns:minmax(0,1fr)}
.city-grid .city-card,.all-cities .city-card{grid-template-columns:36px minmax(0,1fr) auto;gap:10px;padding:12px;align-items:center}
.city-grid .city-card .weather-icon,.all-cities .city-card .weather-icon{display:block;grid-column:1;grid-row:1;width:36px;height:36px}
.city-grid .city-card>span:not(.city-temp),.all-cities .city-card>span:not(.city-temp){grid-column:2;grid-row:1;min-width:0}
.city-grid .city-card .city-temp,.all-cities .city-card .city-temp{grid-column:3;grid-row:1;margin:0;font-size:25px}
}

/* Two physical sides in every language: copyright/links left, developer right. */
.site-footer{direction:ltr;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.footer-left{grid-column:1;grid-row:1;min-width:0;text-align:left;justify-self:start}
.footer-developer{grid-column:2;grid-row:1;min-width:0;text-align:right;justify-self:end;max-width:340px}
.footer-left .footer-links{margin-top:12px;gap:8px;align-items:flex-start}
.footer-developer [dir=ltr]{display:inline-block}
[dir=rtl] .footer-left,[dir=rtl] .footer-developer{direction:rtl}
@media(max-width:600px){.site-footer{gap:16px;font-size:12px}.footer-left .footer-links a{font-size:12px}.footer-developer{max-width:100%}}

.footer-brand{display:flex;align-items:center;gap:8px;font-size:21px;font-weight:800;line-height:1.2;color:var(--ink);text-align:start}.footer-brand img{display:block;width:36px;height:36px;object-fit:contain;flex-shrink:0}.footer-brand span{min-width:0}@media(max-width:600px){.footer-brand{font-size:16px;gap:6px}.footer-brand img{width:28px;height:28px}}

.footer-brand{justify-content:flex-start;text-align:left}[dir=rtl] .footer-left{grid-column:2;text-align:right;justify-self:end}[dir=rtl] .footer-developer{grid-column:1;text-align:left;justify-self:start}[dir=rtl] .footer-brand{justify-content:flex-start;text-align:right}.footer-company{white-space:nowrap;unicode-bidi:isolate}

.solar-times{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;border-top:1px solid var(--line);padding-top:18px;margin-top:18px;color:var(--muted);font-size:14px}.solar-times>div{display:flex;align-items:center;gap:10px;min-width:0}.solar-times svg{width:34px;height:30px;flex-shrink:0;color:#b88a37}.solar-times span{min-width:0;overflow-wrap:normal;word-break:normal}.solar-times time{display:block;width:max-content;font-size:23px;color:var(--ink);line-height:1.4;font-variant-numeric:tabular-nums}.solar-times+ .map-city-link{display:inline-block;margin-top:18px}@media(max-width:400px){.solar-times{gap:10px;font-size:12px}.solar-times>div{gap:6px}.solar-times svg{width:26px}.solar-times time{font-size:21px}}

.hero-card>.solar-times{position:absolute;z-index:3;left:32px;right:32px;bottom:calc(var(--skyline-height) + 8px);margin:0;padding:0;border:0;color:inherit}.hero-card>.solar-times time{color:inherit}.hero-card.night>.solar-times svg{color:#f2cb77}@media(max-width:760px){.hero-card>.solar-times{left:25px;right:25px;bottom:calc(var(--skyline-height) + 8px)}}

.hero-card>.solar-times>div{justify-content:center}.hero-card>.solar-times span{text-align:center}.hero-card>.solar-times time{margin-inline:auto}@media(max-width:1050px){.hero-card{--skyline-height:32px}.hero-card .today-range{white-space:nowrap}.hero-card .hero-visual{top:calc((100% - 100px)/2)}}

/* Explicit city preference stays outside the weather card. */
.city-preference{margin:-8px 0 18px;min-width:0}.city-preference-actions{display:flex;flex-wrap:wrap;gap:8px}.city-preference button{font:inherit;font-size:14px;min-height:40px;max-width:100%;padding:8px 14px;border:1px solid #9db7c7;border-radius:10px;background:#f0f6fa;color:#244e69;cursor:pointer;white-space:normal}.city-preference button:disabled{background:#edf4ee;color:#42694b;cursor:default}.city-preference button:focus-visible{outline:2px solid #24658e;outline-offset:3px}.city-preference p{font-size:13px;line-height:1.5;margin:6px 0 0;overflow-wrap:anywhere}.city-preference p:empty{display:none}.city-preference [hidden]{display:none}

/* The saved-city label uses the existing space above the title. */
.hero-top h2,.map-current h2{position:relative}.saved-city-badge{position:absolute;inset-block-end:calc(100% + 3px);inset-inline-start:0;font-size:12px;font-weight:600;line-height:16px;letter-spacing:normal;white-space:nowrap;color:#416c59}.night .saved-city-badge{color:#d1eadc}.saved-city-badge[hidden]{display:none}

/* One compact row for city, save toggle and status on every screen. */
.city-toolbar{display:flex;align-items:center;gap:8px;min-width:0;margin-bottom:18px}.city-toolbar .city-picker{display:block;flex:1 1 auto;min-width:0;margin:0;max-width:360px}.city-toolbar .city-picker label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.city-toolbar .city-select{display:block;field-sizing:fixed;width:100%;max-width:100%;min-width:0;font-size:16px;padding:9px 10px}.city-toolbar .city-preference{display:flex;align-items:center;gap:8px;flex:0 1 auto;min-width:0;margin:0}.city-toolbar .city-preference-actions{flex:0 0 auto;flex-wrap:nowrap}.city-toolbar .city-preference button{width:40px;height:40px;min-height:40px;padding:0;font-size:27px;line-height:1}.city-toolbar #forget-city{color:#936600;background:#fff7de;border-color:#dcc78e}.city-toolbar .city-preference p{margin:0;font-size:12px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px;overflow-wrap:normal}.city-toolbar .city-preference p:empty{display:none}@media(max-width:400px){.city-toolbar{gap:6px}.city-toolbar .city-preference{gap:6px}.city-toolbar .city-preference p{max-width:105px}}

.city-toolbar .city-preference button{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;padding:8px 10px;font-size:13px;line-height:1.2;white-space:nowrap}.city-toolbar .city-preference button[hidden]{display:none}.city-toolbar .save-star{font-size:23px;line-height:1}.city-toolbar .city-preference-actions{flex-shrink:0}.saved-city-badge{position:static;display:inline-block;vertical-align:middle;margin-inline-start:8px;padding:2px 6px;border-radius:6px;background:#f9e7b5;color:#65501b;font-size:11px;line-height:16px;font-weight:600}.night .saved-city-badge{background:#f9e7b5;color:#65501b}.saved-city-badge[hidden]{display:none}
.hero-top h2,.map-current h2{display:flex;align-items:center;gap:8px;min-width:0}.saved-city-badge{flex:0 0 auto;margin-inline-start:0}

/* Three comparable readings and a smaller weather illustration for six beaches. */
.beach-overview{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:12px;padding:18px 22px}.beach-overview .beach-card-header{display:contents}.beach-card-header>div:first-child{grid-column:1;grid-row:1;align-self:center;min-width:0}.beach-card-header>div:last-child{grid-column:2;grid-row:1;align-self:center}.beach-card-header .weather-icon{width:120px;height:120px}.beach-overview .beach-metrics{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0;margin:0}.beach-metrics>div{padding:10px}.beach-metrics .metric-label{font-size:14px;line-height:1.35}.beach-metrics strong{font-size:28px;white-space:nowrap}.beach-metrics [data-beach-metric=waves] strong{font-size:24px}.beach-metrics strong small{font-size:13px}.beach-card-header .beach-condition{font-size:14px;line-height:1.35}@media(max-width:400px){.beach-overview{grid-template-columns:minmax(0,1fr) 100px;padding:16px;gap:10px}.beach-card-header .weather-icon{width:100px;height:100px}.beach-metrics>div{padding:8px 6px}.beach-metrics .metric-label{font-size:12px}.beach-metrics strong{font-size:26px}.beach-metrics [data-beach-metric=waves] strong{font-size:20px}.beach-metrics strong small{font-size:11px}}
.beach-overview .beach-visual{width:100%;max-width:100%}.beach-visual .weather-icon{display:block;margin-inline:auto}.beach-visual .beach-condition{min-block-size:2.7em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}

/* Keep numeric readings right-aligned in RTL without reversing their contents. */
[dir=rtl] .metric-value,
[dir=rtl] .metric-number,
[dir=rtl] .hero-temp,
[dir=rtl] .today-range,
[dir=rtl] .forecast-date,
[dir=rtl] .forecast-temp,
[dir=rtl] .city-temp,
[dir=rtl] .lake-summary .lake-level,
[dir=rtl] .lake-line strong,
[dir=rtl] .beach-metrics strong,
[dir=rtl] .map-current strong,
[dir=rtl] .map-readings dd,
[dir=rtl] .quake-mag,
[dir=rtl] .quake-summary strong,
[dir=rtl] .hour-item time,
[dir=rtl] .hour-item strong,
[dir=rtl] .solar-times time{ text-align:right; }
[dir=rtl] .hour-item time,
[dir=rtl] .hour-item strong,
[dir=rtl] .map-current strong{display:block}
[dir=rtl] .solar-times time{width:100%;margin-inline:0}
[dir=rtl] .lake-summary .lake-level{width:100%}
[dir=rtl] .lake-summary .summary-card.primary p{align-self:stretch;text-align:right}

.city-toolbar .city-preference #locate-city{width:40px;height:40px;padding:8px;flex-shrink:0;color:#244e69;background:#f0f6fa}
#locate-city svg{display:block;width:22px;height:22px}
#locate-city[aria-busy=true]{opacity:.55;cursor:wait}
 .city-toolbar .city-preference{flex:0 0 auto}
.city-toolbar .city-picker{flex:1 1 0;width:0}