/* Native, keyboard-accessible information controls; content remains available without JavaScript. */
.info-disclosure { display:block;max-width:100%;min-width:0;margin:4px 12px;text-align:left;font:400 12px/1.5 'Barlow',sans-serif;color:var(--page-text-soft,var(--text-secondary,#b8cbc7)); }
.info-disclosure > summary { display:flex;align-items:center;justify-content:center;box-sizing:border-box;list-style:none;width:24px;height:24px;padding:0;border:1px solid var(--page-border,var(--border-accent,rgba(88,199,177,.4)));border-radius:50%;background:transparent;color:var(--page-accent,var(--color-accent,#58c7b1));font:700 13px/1 Georgia,serif;cursor:pointer;text-transform:none;user-select:none; }
.info-disclosure > summary::-webkit-details-marker { display:none; }
.info-disclosure > summary:hover,.info-disclosure[open] > summary { background:var(--page-accent-soft,var(--hover-bg,rgba(88,199,177,.12))); }
.info-disclosure > summary:focus-visible { outline:2px solid var(--page-accent,var(--color-accent));outline-offset:3px; }
.info-disclosure-content { margin-top:8px;padding:10px 12px;border:1px solid var(--page-border,var(--border-default));border-radius:8px;background:var(--page-surface-strong,var(--info-background,#0b2a33));overflow-wrap:anywhere; }
.info-disclosure-content > p { margin:0;padding:0; }
.info-disclosure-content a { color:var(--page-accent,var(--color-accent));text-decoration:underline!important; }
.info-disclosure-content [style],.info-disclosure-content .currents-source,.info-disclosure-content .currents-source small { font-size:12px!important;line-height:1.5!important; }
.frame-header > .info-disclosure,#forecast > .info-disclosure,#swell > .info-disclosure { margin:0 4px 0 auto;flex:0 1 auto; }
.frame-header:has(> .info-disclosure[open]),#forecast:has(> .info-disclosure[open]),#swell:has(> .info-disclosure[open]) { flex-wrap:wrap; }
.frame-header > .info-disclosure[open],#forecast > .info-disclosure[open],#swell > .info-disclosure[open] { flex-basis:100%;order:5; }
.cd-card > .info-disclosure { margin:6px 0; }

:root[data-theme="day"] { --info-background:#fff; }

/* Actions stay at the trailing edge; information opens in a bounded panel below. */
.dashboard-action-header { position:relative;display:flex;align-items:center;gap:10px; }
.dashboard-header-controls { display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;flex-wrap:wrap;gap:8px;margin-left:auto; }
.dashboard-header-controls > .info-disclosure,
.dashboard-header-controls > .forecast-info-btn,
.dashboard-header-controls > .frame-collapse-button { margin:0; }
.dashboard-header-controls > .info-disclosure { order:4; }
.dashboard-header-controls > .frame-collapse-button { order:10; }
.dashboard-header-controls > .forecast-info-btn { order:5; }
.dashboard-header-controls .info-disclosure-content { position:absolute;right:8px;top:calc(100% + 4px);z-index:50;width:min(440px,calc(100vw - 40px));max-height:60vh;overflow:auto;box-sizing:border-box;box-shadow:0 8px 24px rgba(0,0,0,.2); }
.dashboard-header-controls .info-disclosure-content > * + * { margin-top:10px; }
.cd-chart-heading,.cd-month-header { position:relative; }
.cd-chart-heading > .info-disclosure { margin:0 0 0 auto; }
.cd-month-actions > .info-disclosure { margin:0; }
.cd-chart-heading > .info-disclosure .info-disclosure-content,
.cd-month-actions > .info-disclosure .info-disclosure-content { position:absolute;top:100%;right:0;z-index:5;width:min(440px,calc(100vw - 48px));box-sizing:border-box; }
@media(max-width:600px) {
 .dashboard-action-header { flex-wrap:wrap; }
 .dashboard-header-controls { max-width:100%; }
 .cd-chart-heading > .info-disclosure { align-self:flex-end; }
}

.currents-station-summary { margin:8px 16px 12px;font-size:12px;line-height:1.5;color:var(--text-secondary); }

.dashboard-action-header > span[id$="station-label"] { display:block!important;min-width:0;overflow-wrap:anywhere; }
@media(max-width:600px) {
 .dashboard-action-header > span[id$="station-label"] { flex:1 1 100%;order:20;font-size:11px!important; }
}