.theme-control{position:relative;flex:none}.theme-toggle{height:34px;width:34px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:50%;font-size:21px;cursor:pointer}.theme-menu{position:absolute;inset-inline-end:0;top:calc(100% + 8px);background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:6px;box-shadow:var(--shadow);z-index:100;min-width:165px}.theme-menu[hidden]{display:none}.theme-menu button{display:block;width:100%;border:0;border-radius:6px;background:transparent;text-align:start;color:var(--ink);padding:10px;font:inherit;cursor:pointer}.theme-menu [aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}:root[data-theme=light]{color-scheme:light}.country-search{display:block;position:sticky;top:0;z-index:2;width:100%;border:1px solid var(--line);border-radius:7px;padding:10px;background:var(--surface);color:var(--ink);font:inherit;margin:0 0 8px}.ctry-menu [hidden]{display:none!important}.ft-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;direction:ltr;align-items:stretch;margin-bottom:14px}.ft-pair>*{min-width:0;margin:0;direction:ltr}html[dir=rtl] .ft-pair>*{direction:rtl}.ft-pair .best-row{display:block}.ft-pair .best-row>.card{height:100%}.ft-pair>.card,.ft-pair .best-row>.card{background:linear-gradient(155deg,color-mix(in srgb,var(--surface-2) 35%,var(--surface)),var(--surface));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 7px 0 -4px var(--line),0 13px 24px rgba(0,0,0,.09);border-radius:14px}.ft-pair .fx-head h2{font-size:1rem}.ft-pair .fx-head p{font-size:.73rem}.ft-pair .fx-chart{margin:8px auto;max-width:640px}.ft-pair .fx-chart text{font-size:12px}.fx-line{filter:drop-shadow(0 3px 1px rgba(0,0,0,.2))}.fx-weather-graph{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.ft-pair .fx-tide-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.ft-pair .wx-top{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px}.ft-pair .wx-top>svg{width:110px;height:110px}.ft-pair .wxgrid{grid-column:1/-1;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ft-pair .wx-advice{min-width:0;flex-basis:auto;padding:10px}.ft-pair .wx-head{font-size:.86rem}.ft-pair .wxgrid .big{font-size:1.3rem}.ft-pair .wxgrid .big2{font-size:1rem}.ft-pair .wx-adv-line{font-size:.73rem}.ft-pair .wx-verdict-inline{font-size:.72rem}.ft-pair .tbl{max-width:100%}#marine-card{display:none!important}.fx-tabs[hidden]{display:none!important}.ft-pair .fx-unavailable{min-height:90px}.ft-pair .fx-note{font-size:.74rem}.ft-pair .fx-readout{font-size:.84rem}.ft-pair .fx-head .btn{font-size:.73rem}.ft-pair .fx-chart svg:focus-visible{outline:2px solid var(--accent)}.fx-source{margin-block:5px;color:var(--muted);font-size:.72rem}.fx-waves-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:.8rem}@media(hover:hover) and (pointer:fine){.fx-slider{display:none}}@media(max-width:850px){.ft-pair{grid-template-columns:minmax(0,1fr)}.ft-pair .wxgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:420px){.brand .brand-banner{height:34px}.theme-toggle{height:28px;width:28px;font-size:18px}.hd-pickers{gap:4px}.hd-pickers .lang-btn{padding:6px 7px;font-size:.72rem}.ft-pair .wxgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}

#ft-weather-chart .fx-head p,#ft-weather-chart .fx-head .btn{display:none}#ft-weather-chart .fx-head h2{font-size:.87rem}.ft-pair .windows{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.ft-pair .win{white-space:normal;min-width:0}

:root[data-theme=dark] .art-aside.safety{background:#3a2b10;color:#f3e3c2}

/* v16: row-aligned cards with compact, distributed content. */
.ft-pair{gap:12px;margin-bottom:12px;align-items:stretch}
#p-day .ft-pair>.card,#p-day .ft-pair .best-row>.card{box-sizing:border-box;padding:14px;border-radius:12px;min-height:0;height:auto;display:flex;flex-direction:column}
.ft-pair>.best-row{display:flex;min-width:0}
#p-day .ft-pair .best-row>.card{width:100%;flex:1}
.ft-pair .fx-head{gap:8px;align-items:center;min-height:42px;flex:none}
.ft-pair .fx-head h2{font-size:1rem;margin:0}
.ft-pair .fx-head p{margin:3px 0;font-size:.75rem;line-height:1.45}
.ft-pair .fx-head .btn{padding:6px 8px;min-height:32px;font-size:.72rem;line-height:1.35;flex:none}
.ft-pair .fx-tabs{margin:7px 0;gap:6px;min-height:32px;flex:none}
.ft-pair .fx-tabs button{font-size:.78rem;padding:6px 9px}
.ft-pair .fx-chart{width:100%;margin:6px auto;max-width:none;min-height:180px;flex:1;display:flex;align-items:stretch}
.ft-pair .fx-chart svg{display:block;width:100%;height:100%;min-height:180px;flex:1}
.ft-pair .fx-chart text{font-size:13px}
.ft-pair .fx-readout{margin:5px 0;gap:5px 12px;font-size:.82rem;min-height:22px;line-height:1.45;flex:none}
.ft-pair .fx-note{margin:5px 0;font-size:.73rem;line-height:1.5;flex:none}
.ft-pair .fx-tide-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:5px;flex:none}
.ft-pair .fx-tide-summary>div{padding:7px;gap:4px;border-radius:6px}
.ft-pair .fx-tide-summary span{font-size:.7rem;line-height:1.4}
.ft-pair .fx-tide-summary bdi{font-size:.82rem}
.ft-pair .wx-top{grid-template-columns:80px minmax(0,1fr);gap:8px}
.ft-pair .wx-top>svg{width:80px;height:80px}
.ft-pair .wx-advice{padding:8px}
.ft-pair .wxgrid{gap:8px;margin-top:6px}
.ft-pair .wxgrid .big{font-size:1.15rem}
.ft-pair .wxgrid .big2{font-size:.95rem}
.ft-pair .wxgrid .small{font-size:.73rem}
.ft-pair .wx-adv-line,.ft-pair .wx-verdict-inline{font-size:.75rem;line-height:1.45}
.ft-pair .tbl th,.ft-pair .tbl td{padding:8px 6px;font-size:.8rem;line-height:1.5}
.ft-pair .card>.tbl{flex:1;display:flex;min-height:0}
.ft-pair .card>.tbl>table{width:100%;height:100%;flex:1}
.ft-pair .windows{gap:6px;flex:1;align-content:space-between}
.ft-pair .win{padding:7px 9px;font-size:.8rem;line-height:1.45}
.ft-pair .card h3{font-size:1.05rem;margin-bottom:7px}
#ft-weather-chart .fx-head .btn,#ft-weather-chart .fx-head p{display:block}
.ft-pair .fx-unavailable{padding:18px;margin:0;min-height:0;font-size:.85rem;line-height:1.65;text-align:center;align-self:center;width:100%}
#ft-waves[data-chart-available=false] .fx-chart{border:1px dashed var(--line);border-radius:9px;background:var(--surface-2);margin-block:10px}
#ft-waves[data-chart-available=false] .fx-unavailable:before{content:'≈';display:block;color:var(--accent);font-size:48px;line-height:1.1;margin-bottom:10px}
#ft-waves[data-chart-available=false] .fx-head .btn,#ft-waves[data-chart-available=false] .fx-slider{display:none}
#ft-waves[data-chart-available=false] .fx-note{display:flex;justify-content:center}
.ft-pair .fx-readout:empty,.ft-pair .fx-tide-summary:empty,.ft-pair .fx-note:empty{display:none}
@media(min-width:851px){.ft-pair .fx-chart svg{height:100%;min-height:180px}.ft-pair .fx-chart{flex-basis:180px}.ft-pair .fx-tide-summary{margin-top:auto}}
@media(max-width:850px){.ft-pair{align-items:start}.ft-pair>.best-row{display:block}.ft-pair .fx-chart{flex:none;height:190px;min-height:0}.ft-pair .fx-chart svg{height:190px;min-height:0}.ft-pair .card>.tbl{display:block}.ft-pair .card>.tbl>table{height:auto}.ft-pair .windows{align-content:start}.ft-pair .fx-tide-summary{grid-template-columns:repeat(2,minmax(0,1fr))}#ft-waves[data-chart-available=false] .fx-chart{height:auto;min-height:115px}}
@media(max-width:480px){#p-day .ft-pair>.card,#p-day .ft-pair .best-row>.card{padding:11px}.ft-pair .fx-chart,.ft-pair .fx-chart svg{height:175px}.ft-pair{gap:10px;margin-bottom:10px}.ft-pair .fx-tabs button,.ft-pair .fx-head .btn{min-height:34px}.ft-pair .tbl th,.ft-pair .tbl td{font-size:.74rem;padding:7px 4px}.ft-pair .fx-head p{font-size:.7rem}.ft-pair .fx-head .btn{max-width:100px}}