body{background:#edf3fc;background-image:none;color:#163563}header{max-width:none;background:#fff;border-bottom:2px solid #20477e;padding:18px 30px}header .brand{font-size:28px;font-weight:700;letter-spacing:-1.5px}nav{display:flex;gap:30px}nav a{font-size:11px;font-weight:600;text-decoration:none;border-bottom:0}.club{font-size:8px;letter-spacing:.6px}main{max-width:1510px;padding:0 30px}.station-intro{display:flex;align-items:center;justify-content:space-between;padding:27px 0 25px}.station-intro .eyebrow{font-size:8px;color:#6880a1;letter-spacing:1.8px;margin-bottom:9px}.station-intro h1{font-size:45px;letter-spacing:-2px;line-height:1.1;margin:0}.station-intro h1 span{color:#e94f47}.station-intro p:not(.eyebrow){font-size:12px;color:#627a9a;margin:10px 0 0}.karl-sticker{transform:rotate(6deg);margin-right:30px;text-align:center}.karl-sticker svg{width:93px;height:66px;display:block}.karl-sticker>span{font:7px 'Space Mono',monospace;letter-spacing:1px;display:block;margin-top:4px}.station-workspace{display:grid;grid-template-columns:194px minmax(0,1fr);gap:24px;align-items:start}.location-rail{border-top:2px solid #20477e;padding-top:13px}.rail-title{font:9px 'Space Mono',monospace;letter-spacing:1px;margin:0 0 17px}.rail-title span{display:inline-block;padding:4px 6px;background:#20477e;color:#fff;margin-right:7px}.location-rail .locations{display:flex;flex-direction:column;gap:8px}.location-rail .locations button{min-width:0;width:100%;box-shadow:none;border:1px solid #c6d5e9;border-radius:4px;padding:13px 12px;background:#fff}.location-rail .locations button b{font-size:13px}.location-rail .locations button small{font-size:7px;margin-top:6px;color:#718aad}.location-rail .locations button[aria-pressed=true]{border:1px solid #2455a6;background:#2455a6;color:#fff;box-shadow:3px 3px 0 #bdcfe9}.location-rail .locations button[aria-pressed=true] small{color:#d5e1f5}.location-rail .preset-picker{border:0;border-top:1px solid #b6c9e3;background:transparent;padding:15px 0 0;margin:22px 0}.location-rail .preset-picker summary{font-size:10px}.location-rail .preset-picker summary span{display:none}.location-rail .preset-explainer{font-size:9px;line-height:1.7;margin:10px 0}.location-rail .presets{display:grid;grid-template-columns:1fr;gap:1px}.location-rail .presets button{border:0;border-bottom:1px solid #d0dced;background:transparent;text-align:left;padding:7px 7px;font-size:10px;color:#46658f;border-radius:0}.location-rail .presets button::before{content:'↳';margin-right:8px;color:#97afd0}.location-rail .presets [aria-pressed=true]{background:#ffe8e3;color:#b23c32;border-left:3px solid #e94f47}.rail-note{padding:14px 10px;border:1px dashed #b4c8e2;color:#6c84a5;background:#f7faff;border-radius:5px}.rail-note>span{font-size:22px;display:block}.rail-note b{font-size:10px}.rail-note p{font-size:9px;line-height:1.7;margin:5px 0}.station-main{min-width:0}.view-controls{height:44px;margin-bottom:15px}.view-controls>.eyebrow{font-size:8px;color:#6880a1;letter-spacing:.5px}.view-switch{border:1px solid #adc3e0;box-shadow:none;padding:3px;border-radius:5px}.view-switch button{font-size:9px;padding:7px 12px}.view-switch [aria-pressed=true]{background:#2455a6}.camera-weather-layout{grid-template-columns:minmax(0,1fr) 294px;gap:19px}.camera-shell{border:2px solid #20477e;box-shadow:5px 5px 0 #d0dcee;border-radius:7px;background:#fff}.camera-top{background:#fff;padding:15px 16px;border-bottom:1px solid #c7d7ec}.camera-top .eyebrow{font-size:7px;letter-spacing:.8px;color:#7890b0}.camera-top h2{font-size:24px;margin-top:4px;letter-spacing:-1px}.provider-pill{font-size:6px;padding:5px 6px;background:#eaf1fb;border:0;letter-spacing:.7px;color:#47678f}.viewer{height:385px;background:#172e50;position:relative}.viewer>.snapshot-preview{width:100%;height:100%;display:flex;flex-direction:column;position:relative}.viewer .snapshot-picture{width:100%;height:100%;min-height:0;flex:1;aspect-ratio:auto;background:#172e50}.viewer .snapshot-picture img{width:100%;height:100%;object-fit:contain}.viewer .snapshot-hint{background:#fff;padding-top:9px;font-size:7px}.viewer .snapshot-status{background:#fff;font-size:8px;padding-bottom:10px}.media-controls{display:flex;gap:3px;padding:6px 12px;background:#f0f5fc;border-bottom:1px solid #c7d7ec}.media-controls button{font-size:9px;padding:5px 9px;border-radius:3px}.media-controls [aria-pressed=true]{background:#fff;box-shadow:0 1px 3px #18325322;color:#2455a6}.camera-bottom{padding:10px 12px;gap:7px}.camera-bottom p{font-size:8px}.camera-bottom a,.camera-bottom button{font-size:9px}.view-note{font-size:9px;line-height:1.7;margin:12px 0}.view-note button{font-size:9px}.weather-sidebar{border:1px solid #b7cce6;background:#fff;box-shadow:none;border-radius:6px;padding:15px}.section-top h2{font-size:24px;letter-spacing:-.9px}.section-top .eyebrow{font-size:6px;letter-spacing:.8px;color:#6d86a9}.forecast-context{font-size:8px;line-height:1.7;color:#7b90ac;margin:12px 0}.days{gap:3px;overflow-x:auto;padding-bottom:3px}.day{flex:1 0 32px;min-width:32px;padding:8px 2px;background:#f1f5fb;border:0}.day b{font-size:8px}.day small{font-size:6px;white-space:nowrap}.day[aria-pressed=true]{background:#2455a6}.daily-summary{font-size:9px;line-height:1.7;padding:11px 9px;background:#f0f5fc;margin:12px 0 15px;min-height:65px}.hourly-heading{font-size:6px;margin-bottom:8px}.hourly-heading button{height:21px;width:23px;font-size:12px}.hours{border-color:#c5d5eb}.hour{flex-basis:83px;padding:10px 5px;min-height:139px;border-right-color:#d6e1f0}.hour time{font-size:8px}.hour b{font-size:20px}.hour small{font-size:8px}.hour[aria-pressed=true]{background:#fff3ef;box-shadow:inset 0 -3px #ed6556}.hour-detail{font-size:9px;line-height:1.8}.hour-detail b{font-size:10px}.weather-sidebar .fine{font-size:8px;line-height:1.7;color:#8295ae;margin-top:14px}.preset-note{font-size:9px;line-height:1.8;padding:10px 12px}.map-panel{grid-template-columns:1.3fr 1fr;margin-bottom:20px;border-width:1px;box-shadow:none}.map{min-height:290px}.map-label{font-size:8px}.map-label span{font-size:7px}.map-summary{padding:20px}.map-summary h2{font-size:23px}.map-summary p{font-size:10px}.map-summary .fine{font-size:9px}.map-key{font-size:6px;gap:8px}.map-key>span{max-width:120px;text-align:right}.gallery-heading p{font-size:9px}.gallery-heading .eyebrow{font-size:8px}.gallery-card{border-width:1px;box-shadow:2px 2px 0 #d0dcee}.gallery-cards{gap:12px}.gallery-body{padding:13px}.gallery-body h2{font-size:22px}.gallery-body p:not(.eyebrow){font-size:9px}.gallery-body .eyebrow{font-size:6px}.gallery-body button{font-size:9px;padding:8px}.gallery-body a{font-size:8px}.gallery-art>span{font-size:4.5px}.gallery-panel>.fine{font-size:8px}.gallery-panel .snapshot-hint{font-size:6px;padding:6px 8px 0}.gallery-panel .snapshot-status{font-size:8px;padding:4px 8px 7px}.sources{margin:30px 0 0;font-size:10px}.sources summary{font-size:9px}footer{border-top:1px solid #b9cde6;margin-top:20px;padding:20px 0}footer .brand{font-size:20px}footer p{font-size:7px;color:#728bae}@media(min-width:1440px){.viewer{height:440px}.station-workspace{grid-template-columns:210px minmax(0,1fr)}.camera-weather-layout{grid-template-columns:minmax(0,1fr) 320px}.day b{font-size:9px}.hour{flex-basis:91px}}@media(max-width:1120px){main{padding:0 20px}.station-workspace{grid-template-columns:160px minmax(0,1fr);gap:18px}.camera-weather-layout{grid-template-columns:minmax(0,1fr)}.weather-sidebar{padding:18px}.days{gap:6px}.day{padding:9px}.day b{font-size:10px}.day small{font-size:8px}.hour{flex-basis:103px}.hourly-heading{font-size:8px}.daily-summary{min-height:0;font-size:11px}.hour-detail{font-size:11px}.weather-sidebar .fine{font-size:9px}.forecast-context{font-size:10px}.viewer{height:420px}}@media(max-width:700px){header{padding:16px 19px}header .brand{font-size:24px}nav{gap:15px}nav a{font-size:9px}.club{display:none}.station-intro{padding:25px 0}.station-intro .eyebrow{font-size:6px;letter-spacing:1px}.station-intro h1{font-size:33px;line-height:1.15;max-width:245px;letter-spacing:-1.6px}.station-intro p:not(.eyebrow){font-size:10px;max-width:220px;line-height:1.7;margin-top:8px}.karl-sticker{margin-right:0}.karl-sticker svg{width:65px;height:50px}.karl-sticker>span{font-size:5px}.station-workspace{grid-template-columns:minmax(0,1fr);gap:14px}.location-rail{border:0;padding:0}.rail-title{font-size:8px;margin-bottom:10px}.rail-title span{padding:3px 5px}.location-rail .locations{flex-direction:row;gap:6px;margin-bottom:0}.location-rail .locations button{padding:10px 7px}.location-rail .locations button b{font-size:11px}.location-rail .locations button small{font-size:5.5px;letter-spacing:.4px}.location-rail .preset-picker{margin:15px 0 0;border:1px solid #bdcfe7;border-radius:4px;padding:10px;background:#f6f9ff}.location-rail .preset-picker summary{font-size:10px}.location-rail .preset-picker summary span{display:inline;font-size:7px}.location-rail .presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.location-rail .presets button{font-size:8px;border:1px solid #cfdded;padding:7px 5px;background:#fff;border-radius:2px;text-align:center}.location-rail .presets button::before{display:none}.location-rail .presets [aria-pressed=true]{background:#ffe8e3;border-color:#dc8c81}.location-rail .preset-explainer{font-size:8px}.rail-note{display:none}.view-controls{height:auto;align-items:center;margin:0 0 14px}.view-controls>.eyebrow{font-size:7px;max-width:none;letter-spacing:0}.view-switch button{font-size:8px;padding:7px 8px}.camera-weather-layout{gap:15px}.viewer{height:300px}.camera-top h2{font-size:23px}.weather-sidebar{padding:15px}.section-top h2{font-size:25px}.forecast-context{font-size:9px}.day{flex:1 0 34px;padding:8px 3px}.day b{font-size:9px}.day small{font-size:6px}.days{gap:4px}.hour{flex-basis:92px}.hour time{font-size:9px}.hour small{font-size:9px}.hourly-heading{font-size:7px}.daily-summary{font-size:10px}.hour-detail{font-size:10px}.weather-sidebar .fine{font-size:8px}.map-panel{grid-template-columns:1fr}.map{min-height:285px}.map-summary{padding:17px}.map-key{font-size:7px}.gallery-cards{grid-template-columns:1fr}.gallery-body h2{font-size:25px}.gallery-body p:not(.eyebrow){font-size:11px}.gallery-body .eyebrow{font-size:8px}.gallery-body button{font-size:11px}.gallery-body a{font-size:10px}.gallery-art>span{font-size:6px}.gallery-panel .snapshot-status{font-size:9px}.gallery-panel .snapshot-hint{font-size:7px}.gallery-heading{display:block}.gallery-heading p:last-child{margin-top:7px}.sources{font-size:10px}footer .brand{font-size:18px}}

.gallery-player{height:240px;background:#e8effa;overflow:hidden}.gallery-player iframe{width:100%;height:100%;border:0}.gallery-body{padding:16px}.gallery-body h2{margin:0 0 12px}.gallery-body>a{font-size:11px}

.direction-note{margin:0;padding:12px 16px;color:#bc332f;background:#fff4f2;font-size:12px;line-height:1.5;border-top:1px solid #efc7c2}.east-directions{padding:12px 16px;border-top:1px solid #d5deee}.east-directions summary{cursor:pointer;font-size:12px;font-weight:700}.east-directions [role=group]{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.east-directions button{font-size:11px;border:1px solid #ccd7eb;border-radius:3px;padding:7px 9px}.east-directions button[aria-pressed=true]{color:#bc332f;background:#fff0ee;border-color:#bc332f}

@media(min-width:701px){.gallery-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.location-rail .locations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}

.view-controls{justify-content:flex-end}.hour-detail{font-size:16px;line-height:1.65}.hour-detail b{display:block;font-size:19px;line-height:1.4;margin-bottom:9px}.hour-detail span{display:block;font-size:16px;line-height:1.65}@media(max-width:700px){.hour-detail,.hour-detail span{font-size:16px}.hour-detail b{font-size:20px}}

/* Readable weather summary cards. */
.daily-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;margin:18px 0 22px;background:none;border:0}.day-overview{display:flex;flex-direction:column;gap:10px;padding:16px 12px;background:#fff;border:1px solid #b7c8e5;border-top:4px solid #e54b44;border-radius:6px;box-shadow:3px 3px 0 #dbe5f6;min-width:0}.day-overview:nth-child(even){background:#e7effd;border-top-color:#2254ae}.overview-label{font-size:14px;font-weight:700;line-height:1.3}.day-overview>strong{font-size:34px;letter-spacing:-1.5px;line-height:1;color:#2254ae}.overview-condition{font-size:16px;line-height:1.4;font-weight:600}.hour-detail{padding:18px 14px;margin-top:18px;border:1px solid #bacdea;border-radius:6px;background:#f7faff;box-shadow:3px 3px 0 #dbe5f6}.hour-detail .detail-time{font-size:14px;line-height:1.4;margin:0 0 10px;color:#55709b}.hour-detail .detail-condition{display:block;font-size:27px;line-height:1.2;letter-spacing:-.7px;margin:0 0 18px;color:#2254ae}.weather-metrics{display:grid;gap:0}.weather-metrics>div{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:12px 0;border-top:1px solid #d5e0f1}.hour-detail .weather-metrics span{font-size:14px;line-height:1.4;color:#55709b}.weather-metrics strong{font-size:19px;line-height:1.3;text-align:right;color:#17366b}@media(max-width:700px){.day-overview{padding:17px}.day-overview>strong{font-size:38px}.overview-condition{font-size:17px}.hour-detail .detail-condition{font-size:29px}}

.external-camera{height:100%;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#e8effd;color:#2254ae;padding:24px;text-align:center}.external-camera>span{font-size:46px}.external-camera p{font-size:17px;margin:0}.external-camera a{background:#2254ae;color:white;border-radius:4px;padding:12px 16px;text-decoration:none;font-weight:700}

.view-switch a{display:inline-block;text-decoration:none;padding:9px 13px;font:10px 'Space Mono',monospace;color:inherit}.view-switch a[aria-current=page]{background:#2254ae;color:white;border-radius:3px}.gallery-page-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:38px 0 28px}.gallery-page-top h1{font-size:42px;letter-spacing:-2px;margin:0}.gallery-page .gallery-cards{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.gallery-page .gallery-player{height:auto;aspect-ratio:4/3}.gallery-page .gallery-body h2{font-size:20px}.gallery-page .watch-camera{display:inline-block;font-size:13px;font-weight:700;margin-top:auto}.gallery-page .gallery-body{flex:1;display:flex;flex-direction:column;align-items:flex-start}.gallery-page .gallery-panel{margin-bottom:35px}@media(max-width:900px){.gallery-page .gallery-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-page-top{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.gallery-page .gallery-cards{grid-template-columns:1fr}.gallery-page-top h1{font-size:34px}}
.station-workspace.map-only{grid-template-columns:minmax(0,1fr)}.map-panel{display:block;padding:0;background:white}.map-panel>.fine{padding:10px 16px;margin:0}#geographic-map{height:580px;width:100%;z-index:0;border-radius:6px;overflow:hidden}.geo-marker{background:#2254ae;border:3px solid white;box-shadow:0 2px 6px #17366b66;border-radius:50%;color:white;text-align:center;font:bold 13px/24px sans-serif}.map-camera-link{display:block;padding:9px 3px;font-size:14px;font-weight:700}.leaflet-container a{color:#2254ae}.hours{position:relative;scroll-snap-type:x mandatory;gap:12px;scrollbar-width:none;padding:3px 0 10px}.hours::-webkit-scrollbar{display:none}.hours .hour{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10px;padding:20px;border-radius:7px;background:#fff;border:1px solid #b5c9e8}.hours .hour time{grid-column:1/-1;font-size:20px;font-weight:700;text-align:left}.hours .hour .symbol{font-size:44px;line-height:1.2}.hours .hour>b{font-size:40px;line-height:1.2}.hours .hour small{grid-column:1/-1;font-size:17px;line-height:1.4}.hours .hour[aria-pressed=true]{border-color:#2254ae;background:#edf3ff}.hourly-heading>span{display:flex;gap:10px;align-items:center}.hourly-heading #hour-position{color:#55709b;font-size:11px}.hourly-heading button{width:36px;height:32px;font-size:19px}.hourly-heading button:disabled{opacity:.35;cursor:default}@media(max-width:700px){#geographic-map{height:480px}}

.gallery-page .gallery-player,.gallery-page .gallery-snapshot{aspect-ratio:16/9;position:relative;overflow:hidden}.gallery-page .snapshot-preview,.gallery-page .snapshot-picture{height:100%;aspect-ratio:auto}.gallery-page .snapshot-hint{position:absolute;bottom:23px;left:0;padding:3px 8px;background:#ffffffed;margin:0;font-size:8px}.gallery-page .snapshot-status{position:absolute;bottom:0;left:0;right:0;padding:5px 8px;background:#ffffffed;margin:0;font-size:9px;line-height:1.3}.gallery-page .gallery-player iframe{display:block;width:100%;height:100%}

footer .creator-credit{display:block;width:fit-content;margin-top:8px;font-size:13px;color:#c64e49;text-decoration:underline;text-underline-offset:3px}

/* Compact gallery and consistent left-aligned view navigation. */
.view-controls{justify-content:flex-start}.gallery-page-top{flex-direction:column;align-items:flex-start;gap:18px;margin:28px 0 20px}.gallery-page-top .view-switch{order:-1}.gallery-page-top h1{font-size:34px}.gallery-page .gallery-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.gallery-page .gallery-body{padding:10px}.gallery-page .gallery-body h2{font-size:16px;line-height:1.3;margin-bottom:8px}.gallery-page .watch-camera{font-size:11px}.map-location{display:block;font-size:12px;line-height:1.5;color:#526681;margin:0 0 10px}.map-directions{font-size:12px}
@media(min-width:1500px){.gallery-page .gallery-cards{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1000px){.gallery-page .gallery-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.gallery-page .gallery-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.gallery-page .gallery-cards{grid-template-columns:1fr}}

#camera-view{scroll-margin-top:18px}.gallery-page .watch-camera{display:inline-flex;align-items:center;min-height:40px;padding:8px 12px;border:1px solid #adc3e0;border-radius:4px;background:#edf3fc;color:#20477e;text-decoration:none}.gallery-page .watch-camera:hover{background:#dbe7fb}.gallery-page .watch-camera:focus-visible{outline:3px solid #c64e49;outline-offset:3px}
.gallery-page .gallery-body .gallery-weather{font-family:inherit;font-size:13px;line-height:1.4;color:#20477e;margin:6px 0 12px}.gallery-weather[data-state=unavailable]{opacity:.65}

.gallery-page .map-card-link{display:block;width:fit-content;padding:10px 0 2px;font-size:12px;color:#20477e;text-underline-offset:3px}.gallery-page .map-card-link:not([href]){color:#728bae;text-decoration:none}#map-panel{scroll-margin-top:18px}

.gallery-actions{display:flex;flex-wrap:wrap;gap:8px}.gallery-page .gallery-actions a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 12px;border:1px solid #adc3e0;border-radius:5px;text-decoration:none;font-size:12px;line-height:1.35;box-sizing:border-box}.gallery-page .gallery-actions .google-maps-link{width:100%;color:#20477e;background:#fff}.gallery-actions a:focus-visible,.map-directions:focus-visible{outline:3px solid #c64e49;outline-offset:3px}.leaflet-popup-content .map-directions{display:block;padding:12px 4px;min-height:44px;box-sizing:border-box}.gallery-actions a:not([href]){border:0;justify-content:flex-start}@media(max-width:600px){.gallery-page .gallery-actions a{width:100%;font-size:14px}.view-switch a,.view-switch button{min-height:44px}.gallery-page .gallery-body h2{font-size:18px}.leaflet-popup-content{font-size:14px}}

footer .social-x{display:inline-flex;align-items:center;gap:7px;min-height:44px;margin-top:3px;font-size:13px;color:#20477e;text-decoration:none}footer .social-x:hover{text-decoration:underline}footer .social-x:focus-visible{outline:3px solid #c64e49;outline-offset:3px}

.location-rail .locations{max-height:65vh;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#7d99c0 #e4ecf8;padding:0 6px 6px 0;scrollbar-gutter:stable}.location-rail .locations button{flex-shrink:0;min-height:48px}@media(max-width:700px){.location-rail .locations{max-height:240px;max-height:min(32dvh,240px);grid-auto-rows:minmax(58px,auto);gap:7px}}

/* A single compact identity line. */
footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-top:1px solid #c4d3e8}footer .footer-identity{display:flex;align-items:center;gap:14px;white-space:nowrap}footer .footer-identity .brand{font-size:19px;letter-spacing:-.6px;text-decoration:none}footer .footer-identity .creator-credit{display:inline-flex;align-items:center;margin:0;width:auto;font-size:13px;text-decoration:none;color:#657b99}footer .footer-identity .social-x{display:inline-flex;align-items:center;gap:6px;margin:0;padding:0 0 0 14px;border-left:1px solid #c4d3e8;min-height:24px;font-size:13px;color:#20477e}footer .footer-identity a:hover{color:#c64e49}footer p{margin:0}@media(max-width:700px){footer{flex-direction:column;align-items:flex-start;gap:10px}footer .footer-identity{gap:9px}footer .footer-identity .brand{font-size:16px}footer .footer-identity .creator-credit,footer .footer-identity .social-x{font-size:11px}footer .footer-identity .social-x{padding-left:9px;gap:4px}footer .footer-identity .social-x svg{width:13px;height:13px}footer .footer-identity a{min-height:44px}}