.official-notice-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;font-size:15px}
.official-feed-summary{padding:8px 16px 18px;font-size:12px;color:var(--muted);line-height:1.6}
.official-feed-summary p{margin:6px 0}.official-feed-summary summary{cursor:pointer;padding:8px 0}
.official-feed-summary a{color:inherit}.alert-source-status{align-items:center;justify-content:space-between;gap:12px}
.alert-source-status .button{font-size:12px;padding:6px 10px;min-height:34px;flex-shrink:0}
.alert-source-status p{color:var(--text)!important;font-size:12px;line-height:1.5}
.official-alert .alert-topline{flex-wrap:wrap}.official-alert .alert-area,.official-alert .alert-bottomline{color:var(--muted)}
.official-alert strong{overflow-wrap:anywhere}.official-alert .alert-bottomline{line-height:1.5}
.official-map-icon{background:none!important;border:0!important}
.official-map-symbol{width:48px;height:48px;display:flex;align-items:center;justify-content:center;position:relative;border:3px solid #fff;border-radius:14px;background:#17304b;color:#ffd77d;box-shadow:0 0 0 2px #17304b,0 5px 13px #0008}
.official-map-symbol svg{width:29px;height:29px}.official-map-symbol.is-noaa{background:#125aa3;color:#fff;box-shadow:0 0 0 2px #125aa3,0 5px 13px #0008}
.official-map-symbol b{position:absolute;top:43px;left:50%;transform:translateX(-50%);border:2px solid #fff;border-radius:8px;background:#17304b;color:#fff;font:800 10px/1.3 sans-serif;padding:3px 7px;letter-spacing:.7px;white-space:nowrap}
.official-map-symbol.is-noaa b{background:#125aa3}.official-notice-tooltip{font-size:12px;font-weight:700;max-width:220px;white-space:normal}
.official-chart-switches{position:absolute;top:16px;left:16px;z-index:900;display:grid;width:116px;padding:4px 10px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:14px;box-shadow:0 4px 16px #0002}
.official-chart-switches label{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;margin:0;font-size:14px;font-weight:650;cursor:pointer}
.official-chart-switches input{appearance:none;-webkit-appearance:none;width:32px;height:20px;min-width:32px;margin:0;border:1px solid var(--border);border-radius:20px;background:var(--surface2);position:relative;cursor:pointer}
.official-chart-switches input:before{content:'';position:absolute;width:14px;height:14px;left:2px;top:2px;border-radius:50%;background:var(--muted);transition:transform .15s}
.official-chart-switches input:checked{background:#104976;border-color:#104976}.official-chart-switches input:checked:before{background:#fff;transform:translateX(12px)}
.official-chart-switches input:focus-visible{outline:2px solid var(--text);outline-offset:3px}
.map-shell:has(.map-instruction button) .official-chart-switches{display:none}