.cbu-app{--cbu-ink:#152e3b;--cbu-muted:#526773;--cbu-accent:#006b72;--cbu-line:#dce6e7;box-sizing:border-box;color:var(--cbu-ink);background:#f4f7f7;border:1px solid var(--cbu-line);border-radius:16px;overflow:hidden;font:400 15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:left;isolation:isolate;width:100%;max-width:100%;}
.cbu-app *,.cbu-app *::before,.cbu-app *::after{box-sizing:border-box}.cbu-app h2,.cbu-app h3,.cbu-app h4,.cbu-app h5,.cbu-app p{margin:0;padding:0;color:inherit;font-family:inherit;line-height:1.4}.cbu-app h3{font-size:26px;font-weight:700;letter-spacing:-.6px}.cbu-app h4{font-size:19px;font-weight:700}.cbu-app h5{font-size:14px;font-weight:700}.cbu-app p{margin-top:10px}.cbu-app .cbu-mast{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px;background:#12313f;color:white;border-bottom:4px solid #60cbc0}.cbu-app .cbu-title{font-size:42px;font-weight:720;color:white;letter-spacing:-1.8px;margin-top:4px}.cbu-app .cbu-eyebrow{font-size:10px;font-weight:750;letter-spacing:1.4px;text-transform:uppercase;color:var(--cbu-accent)}.cbu-app .cbu-mast .cbu-eyebrow{color:#93d8d0}.cbu-app .cbu-mast-note{font-size:14px;white-space:pre-line;color:#c2d9df;margin:0}.cbu-app .cbu-nav{display:flex;overflow-x:auto;gap:4px;padding:0 24px;background:white;border-bottom:1px solid var(--cbu-line)}.cbu-app button{font:inherit;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:normal;width:auto;margin:0;min-height:44px;line-height:1.3;transition:background .15s}.cbu-app .cbu-nav-button{border:0;border-bottom:3px solid transparent;background:transparent;color:var(--cbu-muted);padding:16px 18px;font-size:14px;font-weight:650;white-space:nowrap;border-radius:0}.cbu-app .cbu-nav-button[aria-current=page]{border-bottom-color:var(--cbu-accent);color:var(--cbu-accent)}.cbu-app button:hover{background:#e5f2ef}.cbu-app :focus-visible{outline:3px solid #158596;outline-offset:3px}.cbu-app .cbu-main{padding:28px;min-height:380px}.cbu-app .cbu-section-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:22px}.cbu-app .cbu-section-head p{color:var(--cbu-muted);font-size:14px}.cbu-app .cbu-filters{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin-bottom:18px}.cbu-app label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:650;color:var(--cbu-muted)}.cbu-app .cbu-filters label:first-child{flex:1;min-width:180px}.cbu-app input,.cbu-app select{font:400 15px/1.4 system-ui,sans-serif;border:1px solid #aabdc1;border-radius:7px;background:white;color:var(--cbu-ink);padding:10px 12px;min-height:44px;width:100%;max-width:100%;appearance:auto}.cbu-app .cbu-button{border:1px solid #aabdc1;border-radius:7px;padding:10px 16px;color:var(--cbu-ink);background:white;font-weight:600;font-size:14px}.cbu-app .cbu-button[aria-pressed=true]{background:#d6efea;border-color:#006b72;color:#00565c}.cbu-app .cbu-count{font-size:12px;color:var(--cbu-muted);margin-bottom:10px}.cbu-app .cbu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:15px}.cbu-app .cbu-card{background:#fff;border:1px solid var(--cbu-line);border-radius:10px;padding:20px;min-width:0;display:flex;flex-direction:column;align-items:stretch}.cbu-app .cbu-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.cbu-app .cbu-star{border:0;background:transparent;color:#547079;font-size:26px;min-width:44px;padding:0;border-radius:6px}.cbu-app .cbu-star[aria-pressed=true]{color:#956b00}.cbu-app .cbu-site-meta{font-size:12px;color:var(--cbu-accent);font-weight:600}.cbu-app .cbu-note{font-size:13px;color:var(--cbu-muted);white-space:pre-line}.cbu-app .cbu-card .cbu-note{margin-bottom:18px}.cbu-app .cbu-site-action{border:0;border-top:1px solid var(--cbu-line);padding:14px 0 0;margin-top:auto;background:transparent;text-align:left;color:var(--cbu-accent);font-weight:650;font-size:13px;border-radius:0}.cbu-app .cbu-link{color:#006b72;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere;font-weight:600}.cbu-app .cbu-back{border:0;background:transparent;color:var(--cbu-accent);padding:0 0 12px;font-size:14px}.cbu-app .cbu-message{padding:15px 18px;background:#f7f0df;border:1px solid #e6d5ab;border-radius:8px;color:#654b15;font-size:14px;margin:12px 0}.cbu-app .cbu-loading{padding:30px;color:var(--cbu-muted)}.cbu-app .cbu-detail-section{margin-top:26px}.cbu-app .cbu-detail-section>h4{margin-bottom:14px}.cbu-app .cbu-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cbu-app .cbu-stats>div{background:white;border:1px solid var(--cbu-line);border-radius:9px;padding:16px}.cbu-app .cbu-stats span{display:block;color:var(--cbu-muted);font-size:12px}.cbu-app .cbu-stats strong{display:block;font-size:26px;margin-top:7px;letter-spacing:-.6px}.cbu-app details{margin-top:16px}.cbu-app summary{cursor:pointer;padding:10px 0;font-weight:650;color:var(--cbu-accent)}.cbu-app .cbu-days{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:8px;margin-bottom:14px}.cbu-app .cbu-day{background:white;border:1px solid var(--cbu-line);border-radius:8px;padding:14px 10px}.cbu-app .cbu-day p{font-size:12px;color:var(--cbu-muted);margin:6px 0}.cbu-app .cbu-day strong{font-size:20px;display:block;margin:12px 0}.cbu-app .cbu-hour-picker{max-width:240px;margin:15px 0}.cbu-app .cbu-table-wrap{overflow:auto;max-width:100%;background:white;border:1px solid var(--cbu-line);border-radius:8px}.cbu-app table.cbu-table{border-collapse:collapse;width:100%;border:0;margin:0;font:inherit}.cbu-app .cbu-table th,.cbu-app .cbu-table td{padding:11px 13px;border:0;border-bottom:1px solid #e4eded;white-space:nowrap;text-align:left;font-size:12px}.cbu-app .cbu-table th{background:#eaf1f2;color:#36545f;font-weight:700}.cbu-app .cbu-table tr:last-child td{border-bottom:0}.cbu-app .cbu-map{height:var(--cbu-map-height,560px);width:100%;border:1px solid var(--cbu-line);border-radius:10px;z-index:0;background:#e1e9e5}.cbu-app .cbu-marker span{display:block;width:20px;height:20px;background:#007b80;border:3px solid white;border-radius:50%;box-shadow:0 1px 5px #263f5977}.cbu-app .cbu-popup{font:14px/1.5 system-ui,sans-serif}.cbu-app .cbu-popup p{margin:8px 0}.cbu-app .leaflet-control a{color:#12313f}.cbu-app .cbu-weather-links{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.cbu-app .cbu-weather-links a{padding:12px;background:white;border:1px solid var(--cbu-line);border-radius:7px;font-size:13px}.cbu-app .cbu-alert-list{display:grid;gap:12px;margin-top:16px}.cbu-app .cbu-alert-text{white-space:pre-line;font-size:14px}.cbu-app .cbu-camera-image{width:100%;aspect-ratio:16/10;object-fit:contain;background:#e8eeee;border-radius:6px;margin-top:15px}.cbu-app .cbu-footer{padding:18px 28px;background:#ebf0f1;border-top:1px solid var(--cbu-line);color:var(--cbu-muted);font-size:11px}.cbu-app .cbu-footer p{margin:0 0 8px}.cbu-app .cbu-footer a{font-weight:400}.cbu-app .leaflet-container img{max-width:none!important;max-height:none!important}
@media(max-width:600px){.cbu-app .cbu-mast{padding:24px}.cbu-app .cbu-title{font-size:36px}.cbu-app .cbu-mast-note{display:none}.cbu-app .cbu-nav{padding:0 8px}.cbu-app .cbu-nav-button{padding:14px 12px}.cbu-app .cbu-main{padding:18px}.cbu-app .cbu-filters label{width:100%}.cbu-app .cbu-stats{gap:6px}.cbu-app .cbu-stats>div{padding:10px}.cbu-app .cbu-stats strong{font-size:19px}.cbu-app .cbu-days{grid-template-columns:repeat(2,1fr)}.cbu-app .cbu-footer{padding:16px 18px}}
.cbu-app .cbu-regions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.cbu-app .cbu-regions button[aria-pressed=true]{background:#163d48;color:white}.cbu-app .cbu-favorites{margin:20px 0 30px}.cbu-app .cbu-card-summary{display:flex;align-items:flex-start;gap:12px;justify-content:space-between}.cbu-app .cbu-card-summary h4{flex:1}.cbu-app .cbu-card-observations{display:flex;flex:1;flex-direction:column;gap:4px;border-left:2px solid #c7deda;padding-left:10px;font-size:13px;overflow-wrap:anywhere}.cbu-app .cbu-card-observations .cbu-note{margin:0}.cbu-app .cbu-station-picker{display:block;margin:20px 0}.cbu-app .cbu-station-picker select{max-width:100%;padding:10px}.cbu-app .cbu-card-observations small{font-size:11px}
/* App layout inspired by the original SwiftUI screens. Scoped to the shortcode. */
.cbu-app{--cbu-ink:#f3f3f3;--cbu-muted:#aaa;--cbu-accent:#69a7ff;--cbu-line:#424242;background:#090909;border-color:#323232;border-radius:20px;color-scheme:dark;display:flex;flex-direction:column}
.cbu-app [hidden]{display:none!important}.cbu-app .cbu-mast{background:#080808;border-bottom:1px solid #4b83cc;padding:20px 24px}.cbu-app .cbu-title{font-size:26px;letter-spacing:-.5px;margin:0}.cbu-app .cbu-mast-note{color:#aaa;font-size:12px}.cbu-app .cbu-main{padding:24px;background:#090909}.cbu-app .cbu-section-head h3{font-size:23px}.cbu-app .cbu-nav{background:#080808;border-top:1px solid #4b83cc;border-bottom:0;justify-content:space-around;padding:4px;order:3}.cbu-app .cbu-nav-button{color:#69a7ff;padding:14px 10px;font-size:14px}.cbu-app .cbu-nav-button[aria-current=page]{color:white;border-color:#69a7ff}.cbu-app .cbu-footer{order:4;background:#121212;border-color:#333}.cbu-app .cbu-button,.cbu-app input,.cbu-app select{background:#252525;color:#eaeaea;border-color:#4d4d4d;border-radius:12px}.cbu-app button:hover{background:#393939}.cbu-app .cbu-button[aria-pressed=true],.cbu-app .cbu-regions button[aria-pressed=true]{background:#224573;color:white;border-color:#69a7ff}.cbu-app .cbu-regions{gap:6px}.cbu-app .cbu-regions .cbu-button{font-size:12px;padding:8px 12px}.cbu-app .cbu-link{color:#69a7ff}.cbu-app .cbu-site-list{background:#242424;border-radius:22px;padding:0 16px;margin:10px 0 24px}.cbu-app .cbu-site-row{display:flex;align-items:center;gap:10px;min-height:62px;border-bottom:1px solid #414141;padding:7px 0}.cbu-app .cbu-site-row:last-child{border-bottom:0}.cbu-app .cbu-site-identity{display:flex;align-items:center;gap:10px;flex:1;min-width:0;flex-wrap:wrap}.cbu-app .cbu-site-name{color:#69a7ff;border:0;background:transparent;text-align:left;padding:4px 0;font-size:19px;min-height:38px}.cbu-app .cbu-altitude{color:#aaa;font-size:13px;white-space:nowrap}.cbu-app .cbu-card-observations{flex:0 1 auto;display:flex;flex-direction:row;align-items:center;gap:8px;border:0;padding:0;font-size:16px;white-space:nowrap;min-width:0}.cbu-app .cbu-reading-time{color:#aaa;font-size:13px;display:flex;flex-direction:column}.cbu-app .cbu-reading-time small{font-size:10px;color:#ffad39}.cbu-app .cbu-gust-label{color:#aaa}.cbu-app .cbu-star{font-size:24px;color:#aaa;min-width:32px}.cbu-app .cbu-star[aria-pressed=true]{color:#69a7ff}.cbu-app .cbu-region-title{margin-top:24px}.cbu-app .cbu-wind-arrow{display:inline-flex;align-items:center;justify-content:center;width:24px;font-size:25px;color:#eee;vertical-align:middle}.cbu-app .cbu-wind-arrow>span{display:inline-block}.cbu-app .cbu-detail-tabs{display:flex;gap:8px;margin:20px 0}.cbu-app .cbu-detail-tabs button{flex:1}.cbu-app .cbu-detail-section{background:#262626;padding:20px;border-radius:22px}.cbu-app .cbu-detail-section h4{margin-bottom:16px}.cbu-app .cbu-stats>div,.cbu-app .cbu-card,.cbu-app .cbu-day{background:#303030;border-color:#444}.cbu-app .cbu-message{background:#332b20;color:#f0d59a;border-color:#665135}.cbu-app .cbu-history-strip{display:flex;gap:14px;overflow:auto;background:#333;border-radius:18px;padding:20px;margin:12px 0 16px}.cbu-app .cbu-reading{display:flex;flex:1;min-width:48px;align-items:center;flex-direction:column;font-size:19px;gap:4px}.cbu-app .cbu-reading small{font-size:12px;white-space:nowrap}.cbu-app .cbu-wind-bar{height:72px;width:28px;position:relative}.cbu-app .cbu-speed-bar{position:absolute;bottom:0;width:100%;border-radius:3px}.cbu-app .cbu-gust-bar{position:absolute;width:100%;height:4px;border-radius:3px}.cbu-app .cbu-chart{background:#333;border-radius:18px;padding:12px;margin:14px 0}.cbu-app .cbu-chart svg{width:100%;height:auto;display:block}.cbu-app .cbu-chart-legend{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;font-size:12px}.cbu-app .cbu-table-wrap{background:#262626;border-color:#444}.cbu-app .cbu-table th{background:#303030;color:#bbb}.cbu-app .cbu-table td,.cbu-app .cbu-table th{border-color:#444}.cbu-app .cbu-detailed .cbu-table th:first-child{position:sticky;left:0;z-index:1;min-width:115px;font-size:12px}.cbu-app .cbu-detailed .cbu-table td{text-align:center;min-width:70px;padding:10px 8px;font-size:15px}.cbu-app .cbu-matrix-wind{display:inline-flex;gap:3px;align-items:center;justify-content:center;flex-wrap:wrap;max-width:70px}.cbu-app .cbu-matrix-wind small{flex-basis:100%;font-size:10px;color:#aaa}.cbu-app .cbu-days{display:flex;overflow:auto;gap:8px;margin:16px 0}.cbu-app .cbu-day{min-width:105px;flex:1;text-align:center;border-radius:14px}.cbu-app .cbu-weather-icon{display:inline-block;font-size:28px;color:#f5df55}.cbu-app .cbu-weather-links a{background:#282828;border-color:#444}.cbu-app .cbu-popup{color:#17232a}
@media(max-width:600px){.cbu-app{border-radius:12px}.cbu-app .cbu-mast{padding:16px}.cbu-app .cbu-title{font-size:23px}.cbu-app .cbu-main{padding:14px 10px}.cbu-app .cbu-section-head{gap:8px}.cbu-app .cbu-section-head p{font-size:12px}.cbu-app .cbu-site-list{padding:0 10px;border-radius:18px}.cbu-app .cbu-site-row{gap:6px;min-height:63px}.cbu-app .cbu-site-identity{display:block}.cbu-app .cbu-site-name{font-size:15px;display:block;line-height:1.2;min-height:28px}.cbu-app .cbu-altitude{font-size:10px}.cbu-app .cbu-card-observations{font-size:15px;gap:5px}.cbu-app .cbu-reading-time{font-size:11px}.cbu-app .cbu-star{min-width:26px;font-size:21px}.cbu-app .cbu-wind-arrow{width:20px;font-size:23px}.cbu-app .cbu-detail-section{padding:14px 10px;border-radius:18px}.cbu-app .cbu-nav-button{font-size:12px;padding:12px 6px}.cbu-app .cbu-filters{margin-bottom:10px}.cbu-app .cbu-history-strip{padding:14px 10px;gap:12px}.cbu-app .cbu-table th,.cbu-app .cbu-table td{padding:9px 8px}.cbu-app .cbu-days{display:flex}.cbu-app .cbu-detailed .cbu-table th:first-child{min-width:95px;font-size:10px}.cbu-app .cbu-chart{padding:4px}}
.cbu-app .cbu-main{max-height:none;overflow:visible;overscroll-behavior:auto}.cbu-app .cbu-section-head{scroll-margin-top:16px}.cbu-app .cbu-nav{flex-shrink:0}.cbu-app .cbu-history-strip,.cbu-app .cbu-table-wrap,.cbu-app .cbu-days{overscroll-behavior-x:contain}
.cbu-app .cbu-regions{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.cbu-app .cbu-regions .cbu-button{flex-shrink:0}.cbu-app .cbu-favorites>p{font-size:11px;margin-top:4px}.cbu-app .cbu-regions:focus-visible{outline:2px solid #69a7ff}
.cbu-app .cbu-max-label{display:block;font-size:10px;color:#aaa;margin-top:8px}

/* Normal page scrolling; only wide charts/tables scroll horizontally. */
.cbu-app .cbu-nav{order:0;border-top:0;border-bottom:1px solid #4b83cc;flex-wrap:wrap;overflow:visible}.cbu-app .cbu-main{order:1;min-height:0}.cbu-app .cbu-footer{order:2}.cbu-app .cbu-history-strip,.cbu-app .cbu-table-wrap,.cbu-app .cbu-days{overscroll-behavior:auto}
/* Divi single-column embeds: remove the row gutters without changing other pages. */
.et_pb_section.cbu-divi-section{padding-left:0!important;padding-right:0!important}
.et_pb_row.cbu-divi-row{width:100%!important;max-width:100%!important;padding-left:0!important;padding-right:0!important}
.cbu-divi-row>.et_pb_column{min-width:0!important}
.cbu-app .cbu-main,.cbu-app .cbu-detail-section,.cbu-app .cbu-detailed,.cbu-app .cbu-main>div{min-width:0;max-width:100%}
.cbu-app .cbu-table-wrap{display:block;width:100%;max-width:100%;overflow-x:auto!important;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.cbu-app .cbu-detailed .cbu-table{width:max-content!important;min-width:100%;table-layout:auto!important}
.cbu-app .cbu-detailed .cbu-table th,.cbu-app .cbu-detailed .cbu-table td{min-width:88px}
.cbu-app .cbu-scroll-controls{display:flex;justify-content:space-between;margin:12px 0;gap:8px}
.cbu-app .cbu-sun{display:flex;flex-direction:column;color:#f6dd65;margin-top:8px;line-height:1.5}
.cbu-app .cbu-sun small{color:#aaa;font-size:12px}
.cbu-app .cbu-personal-form,.cbu-app .cbu-personal-editor form{display:grid;gap:12px;margin:20px 0}
.cbu-app .cbu-personal-form label,.cbu-app .cbu-personal-editor label{display:grid;gap:6px}
.cbu-app .cbu-personal-editor{margin:16px 0;padding:16px;border:1px solid #555;border-radius:12px}
.cbu-app .cbu-station-edit-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid #444}
.cbu-app .cbu-station-edit-row>span,.cbu-app .cbu-station-edit-row>strong{flex:1;min-width:160px}
.cbu-app .cbu-map-controls{display:flex;gap:16px;flex-wrap:wrap;margin:16px 0}
.cbu-app .cbu-map-controls label{display:flex;align-items:center;gap:8px}
@media(max-width:980px){.cbu-app{border-radius:0!important;border-left:0;border-right:0}.cbu-app .cbu-mast{flex-wrap:wrap;gap:8px}.cbu-app .cbu-mast-note{display:block!important;margin:0!important}.cbu-app .cbu-nav{flex-wrap:nowrap!important;overflow-x:auto;justify-content:flex-start!important}.cbu-app .cbu-nav-button{flex:0 0 auto;white-space:nowrap}}
.cbu-app .cbu-map-symbol{border-radius:50%;background:#132e47;border:2px solid #69a7ff;box-shadow:0 1px 4px #0008}
.cbu-app .cbu-map-symbol svg{width:100%;height:100%;fill:none;stroke:#b9dcff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cbu-app .cbu-map-station{background:#493013;border-color:#ffb14e;border-radius:5px}
.cbu-app .cbu-map-station svg{stroke:#ffd69b}
.cbu-app .cbu-regions,.cbu-app .cbu-nav,.cbu-app .cbu-days,.cbu-app .cbu-history-strip,.cbu-app .cbu-table-wrap{touch-action:pan-x pan-y;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.cbu-app .cbu-dragging,.cbu-app .cbu-dragging *{cursor:grabbing!important;user-select:none!important}
.cbu-app .cbu-setup-editor{scroll-margin-top:40px;padding:16px;border:1px solid #444;border-radius:16px;margin:20px 0}
.cbu-app .cbu-station-edit-row small{color:#aaa}
.cbu-app .cbu-direction-comparison .cbu-table{width:max-content;min-width:100%}
.cbu-app .cbu-direction-comparison th,.cbu-app .cbu-direction-comparison td{min-width:70px;text-align:center}
.cbu-app .cbu-direction-comparison th:first-child{position:sticky;left:0;background:#303030;min-width:120px}
.cbu-app .cbu-direction-cell{display:flex;flex-direction:column;align-items:center;gap:4px}
.cbu-app .cbu-direction-actual .cbu-wind-arrow{color:#69a7ff}
.cbu-app .cbu-direction-forecast .cbu-wind-arrow{color:#fff}
.cbu-app .cbu-sun-event{display:block;color:#ffe27d;font-size:11px;line-height:1.5;white-space:nowrap;margin-top:4px}
.cbu-app .cbu-daylight-hour{border-bottom:2px solid #8195b1!important}

.cbu-app .cbu-visibility-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:8px;margin:16px 0}
.cbu-app .cbu-visibility-choice{display:flex;flex-direction:row;align-items:center;gap:10px;min-height:44px;color:inherit;cursor:pointer}
.cbu-app .cbu-visibility-choice input{width:20px;height:20px;min-height:20px;flex:0 0 20px;padding:0;margin:0;accent-color:#69a7ff}
.cbu-app fieldset.cbu-personal-form{min-width:0;padding:16px;border:1px solid #555;border-radius:10px}
.cbu-app fieldset.cbu-personal-form legend{float:none;width:auto;padding:0 6px;font-weight:600;color:inherit}

.cbu-app .cbu-station-location{margin:16px 0;padding:16px;border:1px solid #555;border-radius:12px}
.cbu-app .cbu-station-location summary{cursor:pointer;font-weight:600;min-height:44px}
.cbu-app .cbu-station-location-map{height:340px!important;min-height:280px;margin-top:12px;border-radius:12px}

/* Leaflet popups keep their title and action on separate rows. */
.cbu-app .cbu-popup{display:flex;flex-direction:column;align-items:stretch;gap:12px;min-width:170px;max-width:240px;padding-right:12px;white-space:normal}
.cbu-app .cbu-popup>strong{display:block;float:none;position:static;font-size:17px;line-height:1.35;overflow-wrap:anywhere;color:#17232a}
.cbu-app .cbu-popup>.cbu-button{display:block;position:static;float:none;width:100%;min-height:44px;padding:10px 12px;font-size:14px;line-height:1.3;margin:0;white-space:normal}
.cbu-app .cbu-popup>p{margin:0;font-size:13px}
.cbu-app .cbu-map-controls label:has(input[type=checkbox]){flex-direction:row;min-height:44px;cursor:pointer}
.cbu-app .cbu-map-controls input[type=checkbox]{width:18px;height:18px;min-height:18px;flex:0 0 18px;margin:0;padding:0;accent-color:#69a7ff}

/* Distinct nested sections within Customize my weather stations. */
.cbu-app .cbu-personal-editor{background:#20252c;color:#edf3fa;border-color:#566779}
.cbu-app .cbu-personal-editor>summary{color:#edf3fa;font-weight:650;cursor:pointer;min-height:44px}
.cbu-app .cbu-station-section{background:#303e4d;border:1px solid #667f99;border-radius:12px;overflow:hidden;min-width:0}
.cbu-app .cbu-station-section>summary{display:list-item;padding:14px 16px;color:#edf5ff;background:#3a4b5f;font-weight:650;cursor:pointer;overflow-wrap:anywhere;list-style-position:inside}
.cbu-app .cbu-station-section-body{display:grid;gap:12px;padding:16px}
.cbu-app .cbu-station-section-body label{color:#e5edf7}
.cbu-app .cbu-station-add{background:#293c3e;border-color:#587d80}
.cbu-app .cbu-station-add>summary{background:#345155;color:#e6f7f5}
.cbu-app .cbu-station-section .cbu-note{color:#cfdae4;margin:0}

.cbu-app .cbu-save-button{background:#294f74;border-color:#80b6e9;color:#fff;font-weight:700;min-height:48px}
.cbu-app .cbu-save-button:hover{background:#35638d}
.cbu-app .cbu-save-confirmation{padding:14px 16px;margin:16px 0;background:#244438;color:#d5f7df;border:1px solid #5b9b77;border-radius:10px}

/* Personal site information, illustrated activity choices and geography. */
.cbu-app .cbu-activity-icon{display:inline-flex;width:40px;height:40px;flex:none;vertical-align:middle}.cbu-app .cbu-activity-icon svg{width:100%;height:100%}
.cbu-app .cbu-activity-list,.cbu-app .cbu-info-choices{display:flex;flex-wrap:wrap;gap:12px}
.cbu-app .cbu-activity-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:#293746;border:1px solid #4d6378;border-radius:12px}
.cbu-app .cbu-site-info,.cbu-app .cbu-compass-panel{padding:20px;margin:18px 0;background:#202a35;border:1px solid #405267;border-radius:18px}
.cbu-app .cbu-site-text{white-space:pre-wrap;overflow-wrap:anywhere}.cbu-app .cbu-info-choices{border:1px solid #536476;padding:14px;border-radius:12px}
.cbu-app textarea{width:100%;box-sizing:border-box;background:#182430;color:#f2f6fa;border:1px solid #63778b;border-radius:10px;padding:12px;font:inherit}
.cbu-app .cbu-geography details{border:1px solid #415368;border-radius:12px;margin:10px 0;padding:12px;background:#202b36}.cbu-app .cbu-geography details details{margin-left:12px;background:#293747}
.cbu-app .cbu-compass-panel{display:flex;align-items:center;gap:20px}.cbu-app .cbu-compass-graphic{width:220px;flex:none}.cbu-app .cbu-compass-graphic svg{display:block;width:100%;height:auto}
@media(max-width:520px){.cbu-app .cbu-compass-panel{flex-direction:column}.cbu-app .cbu-geography details details{margin-left:4px}}

/* My Setup uses the same dark blue panel hierarchy as site information. */
.cbu-app .cbu-region-setup,.cbu-app .cbu-setup-editor,.cbu-app .cbu-setup-panel{background:#202a35;border:1px solid #405267;border-radius:18px;padding:20px;margin:20px 0;min-width:0}
.cbu-app .cbu-setup-panel h4,.cbu-app .cbu-region-setup h4,.cbu-app .cbu-setup-editor h4{margin-top:0;color:#f2f6fa}
.cbu-app .cbu-setup-panel .cbu-station-edit-row,.cbu-app .cbu-region-setup>.cbu-personal-form,.cbu-app .cbu-region-setup>.cbu-personal-form+div:not(:empty){background:#293747;border:1px solid #4d6378;border-radius:12px;padding:14px;margin:12px 0}
.cbu-app .cbu-setup-panel label,.cbu-app .cbu-region-setup label{color:#e5edf7}
@media(max-width:520px){.cbu-app .cbu-region-setup,.cbu-app .cbu-setup-editor,.cbu-app .cbu-setup-panel{padding:14px;border-radius:14px}}

.cbu-app .cbu-activity-icon{width:48px;height:48px}.cbu-app .cbu-info-choices .cbu-visibility-choice{display:flex;align-items:center;gap:10px}

.cbu-app details.cbu-region-setup>summary{color:#f2f6fa;font-size:1.1em;font-weight:650;cursor:pointer}.cbu-app details.cbu-region-setup[open]>summary{margin-bottom:18px}

.cbu-app .cbu-search-choice{position:relative;padding-right:44px;min-width:0}.cbu-app .cbu-search-choice input{width:100%;min-width:0}.cbu-app .cbu-search-choice .cbu-choice-arrow{position:absolute;right:0;bottom:0;width:40px;min-height:44px;padding:8px;border-radius:10px;background:#334e69;color:#d9edff}.cbu-app .cbu-site-geography{display:grid;gap:12px}

/* Compact direction rose lives with the station observations. */
.cbu-app .cbu-detail-section .cbu-compass-panel{margin:12px 0;padding:12px;background:#202a35;gap:16px}.cbu-app .cbu-detail-section .cbu-compass-graphic{width:164px}.cbu-app .cbu-compass-panel .cbu-note{font-size:12px;line-height:1.55;margin:0}
@media(max-width:520px){.cbu-app .cbu-detail-section .cbu-compass-panel{flex-direction:row;align-items:center;gap:10px}.cbu-app .cbu-detail-section .cbu-compass-graphic{width:140px}.cbu-app .cbu-compass-panel .cbu-note{font-size:11px}}

/* Browser-independent searchable menus, usable with pointer, keyboard and touch. */
.cbu-app .cbu-search-choice{display:grid;gap:6px;position:relative;overflow:visible}.cbu-app .cbu-choice-list{position:absolute;top:100%;left:0;right:0;z-index:1000;max-height:260px;overflow-y:auto;overscroll-behavior:contain;background:#172a3b;border:1px solid #769bbd;border-radius:10px;box-shadow:0 10px 28px #0009;padding:6px;margin-top:4px}.cbu-app .cbu-choice-list[hidden]{display:none!important}.cbu-app .cbu-choice-option{display:block;width:100%;text-align:left;border:0;background:transparent;color:#edf6ff;border-radius:6px;padding:10px 12px;margin:0;white-space:normal;font:inherit}.cbu-app .cbu-choice-option:hover,.cbu-app .cbu-choice-option[aria-selected=true]{background:#365d81;color:white}.cbu-app .cbu-choice-list .cbu-note{padding:10px}.cbu-app details.cbu-setup-editor>summary{font-size:1.1em;font-weight:650;color:#f2f6fa;cursor:pointer}.cbu-app details.cbu-setup-editor[open]>summary{margin-bottom:18px}.cbu-app .cbu-inline-region,.cbu-app .cbu-reset-region:not(:empty){background:#293747;border:1px solid #4d6378;border-radius:12px;padding:14px;margin:12px 0}.cbu-app .cbu-inline-region[hidden]{display:none!important}

.cbu-app .cbu-map[hidden]{display:none!important}

/* Site weather first, with accessible native disclosure controls. */
.cbu-app .cbu-site-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cbu-app .cbu-site-title-row h3{margin:0}
.cbu-app .cbu-site-title-row .cbu-star{flex:none;margin:0}
.cbu-app .cbu-weather-disclosure{margin:20px 0;border:1px solid #405267;border-radius:18px;background:#202a35;min-width:0}
.cbu-app .cbu-weather-disclosure>summary{padding:18px 20px;font-weight:650;cursor:pointer;color:#edf5ff;list-style-position:inside}
.cbu-app .cbu-weather-disclosure>.cbu-detail-section{margin:0;border:0}

.cbu-app .cbu-browse-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:16px 0}
.cbu-app .cbu-browse-filters label{display:grid;gap:6px;min-width:0}

.cbu-app .cbu-personal-group{margin:14px 0;padding:16px;background:#202a35;border:1px solid #405267;border-radius:16px}
.cbu-app .cbu-personal-group>summary{color:#edf5ff;font-weight:650;cursor:pointer;list-style-position:inside}
.cbu-app .cbu-personal-group>.cbu-station-section{margin-top:12px}

.cbu-app .cbu-source-title{text-align:center;font-weight:650;margin:16px 0 8px;color:#edf5ff}
.cbu-app .cbu-source-title+.cbu-detail-tabs{justify-content:center}

.cbu-app .cbu-personal-stuff>summary{font-size:1.2em;font-weight:650;color:#edf5ff;cursor:pointer;list-style-position:inside}

.cbu-app .cbu-public-entry{padding:14px 18px;margin:10px 0}
.cbu-app .cbu-public-entry>summary{font-size:1.05em;font-weight:650;color:#edf5ff;cursor:pointer;list-style-position:inside}

.cbu-app .cbu-sharing-choice {display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:12px 0;}
.cbu-app .cbu-sharing-choice label {display:flex;gap:6px;align-items:center;margin:0;}
.cbu-app .cbu-sharing-choice input[type=checkbox] {width:18px!important;height:18px!important;min-height:0!important;}
.cbu-app .cbu-sharing-choice .cbu-sharing-save {padding:6px 14px;min-height:32px;font-size:14px;}

.cbu-app summary.cbu-visibility-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap;list-style:none}
.cbu-app summary.cbu-visibility-heading::before{content:'▸';color:#69aaff;flex:none}
.cbu-app details[open]>summary.cbu-visibility-heading::before{content:'▾'}
.cbu-app summary.cbu-visibility-heading::-webkit-details-marker{display:none}
.cbu-app .cbu-quick-visibility{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 0 auto;font-size:12px;font-weight:400}
.cbu-app .cbu-quick-visibility .cbu-button{padding:5px 10px;min-height:32px;font-size:12px;line-height:1.3}
.cbu-app .cbu-quick-visibility p:empty{display:none}
@media(max-width:600px){.cbu-app .cbu-quick-visibility{gap:5px}.cbu-app .cbu-quick-visibility>span:first-child{font-size:11px}}

.cbu-app details:not([open]) details summary.cbu-visibility-heading::before{content:none}

/* Empty status placeholders should not render as horizontal brown bars. */
.cbu-app .cbu-message:empty{display:none!important}
.cbu-app .cbu-message{background:transparent;border:0;color:#e1e9f2}

.cbu-app .cbu-pge-field{display:block;margin:12px 0;overflow-wrap:anywhere}
.cbu-app .cbu-pge-field input[type=checkbox]{width:18px!important;height:18px!important;min-height:0!important;margin-right:10px;accent-color:#69a7ff}

.cbu-app .cbu-edit-heading{scroll-margin-top:64px}
/* Separate activity choices without adding heavy section borders. */
.cbu-app .cbu-activity-list,.cbu-app .cbu-info-choices{gap:16px}
.cbu-app .cbu-activity-badge + .cbu-activity-badge{border-left:1px solid rgba(196,207,220,.28);padding-left:16px}
.cbu-app .cbu-info-choices .cbu-visibility-choice + .cbu-visibility-choice{border-left:1px solid rgba(196,207,220,.24);padding-left:16px}

.cbu-app .cbu-site-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}

 .cbu-app .cbu-footer-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px 16px}
.cbu-app .cbu-footer-credits{min-width:0;text-align:left;line-height:1.6}
.cbu-app .cbu-footer-login{flex:none;padding-right:8px;line-height:1.6}
.cbu-app .cbu-footer-login a{white-space:nowrap}

.cbu-app .cbu-dashboard-heading{display:flex;align-items:center;gap:12px;margin:24px 0 12px;flex-wrap:wrap}
.cbu-app .cbu-order-controls{display:inline-flex;gap:4px;flex:none}
.cbu-app .cbu-order-controls button{padding:4px 10px;min-height:36px;font-size:17px}
.cbu-app .cbu-order-controls button:disabled{opacity:.3;cursor:default}
.cbu-app .cbu-hide-region{text-align:center;margin:12px 0 24px}
.cbu-app .cbu-popup-wind{font-size:18px;font-weight:600;margin:8px 0}
.cbu-app .cbu-night-icon{font-size:13px;color:#e9d9aa}
.cbu-app .cbu-station-picker{display:block;margin:12px 0}

.cbu-app .cbu-region-heart,.cbu-app .cbu-region-default {padding:4px 8px;min-height:36px;font-size:24px;line-height:1.2;background:transparent;border:0;}
.cbu-app .cbu-region-heart[aria-pressed="true"] {color:#f18caa;}
.cbu-app .cbu-region-default[aria-pressed="true"] {color:#f5d36b;}

.cbu-app select[aria-label="App default state"],.cbu-app select[aria-label="App default state"] option {color:#fff!important;-webkit-text-fill-color:#fff!important;background-color:#262626;}

.cbu-app .cbu-dashboard-browse{margin-bottom:8px;}

.cbu-app .cbu-public-discovery>summary{color:#fff!important;}

.cbu-app .cbu-transfer-panel>summary{color:#fff;font-weight:650;cursor:pointer;list-style-position:inside}.cbu-app .cbu-transfer-panel[open]>summary{margin-bottom:16px}

.cbu-app .cbu-browse-panel>summary{color:#fff;font-weight:650;cursor:pointer;list-style-position:inside}.cbu-app .cbu-browse-panel[open]>summary{margin-bottom:16px}

.cbu-app .cbu-sun .cbu-header-moon{display:inline-block;width:22px;height:22px;vertical-align:middle;background:url("sunset-moon.png") center/contain no-repeat;}

.cbu-app select[aria-label="Region to show"],.cbu-app select[aria-label="Region to show"] option,.cbu-app select[aria-label="Region to show"] optgroup{color:#fff!important;-webkit-text-fill-color:#fff!important;background-color:#262626;}

/* Browse entry choices stand apart from ordinary dark controls. */
.cbu-app .cbu-browse-sources .cbu-button[aria-pressed="false"]{background:#174a50;border-color:#72c8cb;color:#fff;font-weight:700}
.cbu-app .cbu-browse-sources .cbu-button[aria-pressed="false"]:hover{background:#23616a;border-color:#a2e3e4}
.cbu-app .cbu-browse-sources .cbu-button[aria-pressed="true"]{background:#294f74;border-color:#80b6e9;color:#fff;font-weight:700}
.cbu-app .cbu-browse-sources .cbu-button[aria-pressed="true"]::before{content:"✓ ";}

.cbu-app .cbu-region-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;background:#202a35;border:1px solid #465c70;border-radius:12px;align-items:start}
.cbu-app .cbu-region-filters .cbu-search-choice{min-width:0;margin:0}
.cbu-app .cbu-region-filters label{font-size:12px;color:#dce8f5}
.cbu-app .cbu-region-filters input,.cbu-app .cbu-region-filters select{font-size:14px;min-height:44px}
@media(max-width:360px){.cbu-app .cbu-region-filters{grid-template-columns:1fr}}

.cbu-app .cbu-header-sunset{color:#f5df55;font-size:18px;white-space:nowrap;vertical-align:middle}
.cbu-app .cbu-dashboard-navigation{margin:12px 0 18px;min-width:0}
.cbu-app .cbu-dashboard-navigation>summary{cursor:pointer;color:#edf5ff;padding:8px 0;font-weight:650}
.cbu-app .cbu-dashboard-navigation-row{display:flex;align-items:center;gap:10px;overflow-x:auto;max-width:100%;padding:6px 0;overscroll-behavior-x:contain}
.cbu-app .cbu-dashboard-navigation-row .cbu-regions{display:flex;flex-wrap:nowrap;overflow:visible;flex:0 0 auto;margin:0;padding:0;gap:8px}
.cbu-app .cbu-dashboard-navigation-row button{flex-shrink:0;white-space:nowrap}
.cbu-app .cbu-nav-divider{color:#8193a8;flex:none;font-size:23px;font-weight:300}

.cbu-app .cbu-dashboard-actions{display:flex;justify-content:flex-end;margin-bottom:4px}

.cbu-app .cbu-dashboard-toolbar{position:relative;min-width:0;margin:0 0 18px}
.cbu-app .cbu-dashboard-toolbar .cbu-dashboard-actions{position:absolute;top:0;right:0;margin:0;z-index:1}
.cbu-app .cbu-dashboard-toolbar .cbu-dashboard-navigation{margin:0}
.cbu-app .cbu-dashboard-toolbar .cbu-dashboard-navigation>summary{min-height:48px;padding:12px 116px 12px 0;line-height:24px}
/* Regional weather, Potential and webcam views. */
.cbu-app .cbu-regional-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:8px 0 20px}.cbu-app .cbu-regional-controls label{flex:1;min-width:180px}.cbu-app .cbu-regional-controls select{width:100%;color:#fff}.cbu-app .cbu-regional-card{background:#24262b;border:1px solid #3e4858;border-radius:22px;padding:20px;margin:24px 0;overflow:hidden}.cbu-app .cbu-regional-card h4{color:#fff;margin:0 0 18px}.cbu-app .cbu-weather-map{display:block;width:100%;max-width:1000px;height:auto;margin:auto}.cbu-app .cbu-regional-disclosure{margin-top:16px;padding:12px 0}.cbu-app .cbu-regional-disclosure summary{color:#74adff;cursor:pointer;font-weight:650}.cbu-app .cbu-horizontal-scroll{overflow-x:auto;max-width:100%;touch-action:pan-x pan-y}.cbu-app .cbu-regional-table{width:100%;border-collapse:collapse;margin:12px 0;color:#f5f6fa}.cbu-app .cbu-regional-table th,.cbu-app .cbu-regional-table td{padding:10px 12px;border-bottom:1px solid #414956;text-align:left;white-space:nowrap}.cbu-app .cbu-regional-table th{color:#cbd3df}.cbu-app .cbu-model-text{white-space:pre;overflow:auto;background:#191d24;color:#e6ecf5;padding:12px;max-height:500px}.cbu-app .cbu-regional-card svg{display:block;width:100%;height:auto;background:#202329}.cbu-app .cbu-potential th:first-child,.cbu-app .cbu-potential td:first-child{position:sticky;left:0;background:#24262b;z-index:1;min-width:160px}.cbu-app .cbu-potential-dot{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;background:transparent;border:0;color:#ddd;position:relative}.cbu-app .cbu-potential-dot::before{content:'';position:absolute;width:var(--dot-size,16px);height:var(--dot-size,16px);background:var(--dot-color);border-radius:50%;z-index:0}.cbu-app .cbu-potential-dot:focus-visible{outline:2px solid white}.cbu-app .cbu-potential-explanation:not(:empty){background:#253445;border-radius:16px;padding:18px;margin:12px 0}.cbu-app .cbu-camera-groups{max-width:1050px;margin:auto}.cbu-app .cbu-camera-entry{margin-top:18px;padding-bottom:20px}.cbu-app .cbu-camera-entry+article{border-top:1px solid #414956;padding-top:20px}.cbu-app .cbu-camera-entry h5{text-align:center;color:#75adff;font-size:1.1rem;margin:10px 0 16px}.cbu-app .cbu-camera-placeholder{min-height:100px}.cbu-app .cbu-camera-image{width:100%;height:auto!important;max-height:none;object-fit:contain;border-radius:6px}.cbu-app .cbu-region-editor label{display:block;margin:12px 0}.cbu-app .cbu-region-editor select,.cbu-app .cbu-region-editor input:not([type=checkbox]){width:100%;color:#fff}
@media(max-width:600px){.cbu-app .cbu-regional-card{padding:14px;border-radius:18px}.cbu-app .cbu-regional-table td,.cbu-app .cbu-regional-table th{padding:8px}.cbu-app .cbu-potential td:first-child{min-width:115px;max-width:145px;white-space:normal}}

.cbu-app .cbu-popup .cbu-popup-time{font-weight:700}

.cbu-app .cbu-model-sounding-frame{display:block;width:100%;height:760px;border:0;background:#fff;border-radius:8px}
