/* ── ブリッジ内: 地点・日付セグメント（1行、幅が足りない時のみ折り返す） ── */
.fc-controls{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.fc-controls .tb-seg{background:rgba(255,255,255,.08);flex-shrink:0}
.fc-controls .tb-seg > *{color:var(--on-navy-2);padding:0 10px}
.fc-controls .tb-seg > .is-active{background:rgba(255,255,255,.16);color:var(--on-navy);box-shadow:none}
.fc-loc-select{min-height:34px;padding:0 28px 0 10px;border-radius:var(--radius-sm);border:1px solid var(--on-navy-line);background:rgba(255,255,255,.08);color:var(--on-navy);font-size:13px;font-weight:700;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--on-navy-2) 50%),linear-gradient(135deg,var(--on-navy-2) 50%,transparent 50%);background-position:calc(100% - 14px) 15px,calc(100% - 9px) 15px;background-size:5px 5px;background-repeat:no-repeat}
.fc-loc-select option,.fc-loc-select optgroup{color:var(--ink);background:var(--surface)}
.fc-point-meta{color:var(--on-navy-2);margin:0 0 14px}

/* ── ヒーロー: 対象の明示（地点・日付・時間帯・対象時刻・更新） ── */
.fc-hero-meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:6px;font-size:11px;color:var(--on-navy-3);font-variant-numeric:tabular-nums}
.fc-hero-updated{display:block;margin-top:6px;font-size:11px;color:var(--on-navy-3)}
.fc-hint{font-size:11px;font-weight:700;color:var(--on-navy-2);border:1px solid var(--on-navy-line);border-radius:999px;padding:1px 7px;white-space:nowrap}

/* ── 今の海況 / 今の天気: 統計グリッド ── */
.fc-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
@media (max-width:479px){.fc-stat-grid{grid-template-columns:repeat(2,1fr)}}
.fc-weather-main{display:flex;align-items:flex-end;gap:16px;margin-bottom:14px}
.fc-weather-temp{font-size:32px;font-weight:700;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.fc-weather-cond{font-size:13px;font-weight:700;color:var(--ink-2);display:flex;align-items:center;gap:6px;margin-bottom:4px}
.fc-hilo{display:flex;gap:14px;font-size:12px;color:var(--ink-3)}
.fc-hilo b{font-variant-numeric:tabular-nums;color:var(--ink)}
.fc-alerts{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.fc-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex-shrink:0}
/* 期限切れ（state != fresh）の数値は灰色にし、判定は出さない */
.is-stale .tb-stat-value,.is-stale .fc-weather-temp,.is-stale .tb-table tbody td{color:var(--ink-3)}

/* ── 気圧トレンド ── */
.fc-pressure-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.fc-pressure-trend{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--surface-2);color:var(--ink-2)}
.fc-chart-wrap{position:relative;height:160px}
@media (min-width:640px){.fc-chart-wrap{height:190px}}
.fc-chart-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.fc-chart-legend span{display:inline-flex;align-items:center;gap:5px}
.fc-swatch{display:inline-block;width:14px;height:0;border-top-width:2px;border-top-style:solid}
.fc-swatch.dash{border-top-style:dashed}
.fc-chart-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--ink-3)}
.fc-wx{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;color:var(--ink-2)}

/* ── 潮汐×ソルナー ── */
.fc-tide-chart{position:relative;height:180px}
@media (min-width:640px){.fc-tide-chart{height:210px}}
.fc-golden-head{display:flex;align-items:center;gap:8px;margin-top:14px}
.fc-golden-empty{font-size:12px;color:var(--ink-3)}
.fc-golden-row{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:12.5px;color:var(--ink)}
.fc-golden-row + .fc-golden-row{border-top:1px solid var(--line)}

/* ── 時間帯別コンディション ── */
.fc-hourly-th{position:sticky;left:0;z-index:1;background:var(--surface-2)}

/* ── データソース ── */
.fc-sources{margin-top:4px}
.fc-sources div + div{margin-top:2px}

/* The forecast is a working surface: a shared time axis and explicit units. */
.fp-page { max-width:1184px; margin:auto; padding:32px 24px 48px; color:var(--ink); font-size:16px; }
.fp-page [hidden] { display:none !important; }
.fp-page button, .fp-page select { font:inherit; }
.fp-page button { cursor:pointer; }
.fp-page button:focus-visible, .fp-page select:focus-visible, .fp-page summary:focus-visible, .fp-scroll:focus-visible { outline:3px solid #2377e8; outline-offset:3px; }
.fp-page-head { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:24px; }
.fp-eyebrow { font-size:12px; font-weight:700; letter-spacing:.08em; color:#466586; margin:0 0 6px; }
.fp-page h1 { margin:0; font-size:clamp(26px,4vw,36px); font-weight:700; letter-spacing:.01em; line-height:1.4; }
.fp-intro { color:var(--ink-2); margin:8px 0 0; font-size:16px; }
.fp-radar { display:flex; align-items:center; gap:8px; font-size:14px; font-weight:700; min-height:44px; color:#135bbe; text-decoration:none; }
.fp-radar:hover { text-decoration:underline; }
.fp-selector { border:1px solid #d3e0ee; border-radius:16px; background:#fff; padding:18px 22px; margin-bottom:18px; }
.fp-select-top, .fp-select-bottom { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; }
.fp-select-bottom { border-top:1px solid #e1eaf3; margin-top:16px; padding-top:14px; justify-content:flex-start; }
.fp-location-label { display:flex; align-items:center; gap:12px; color:#4c6380; font-size:14px; font-weight:700; }
.fp-page .fc-loc-select { max-width:100%; min-height:46px; color:#102d4f; background-color:#edf4fb; border:1px solid #b7cce0; font-size:16px; padding:8px 34px 8px 14px; border-radius:8px; background-image:linear-gradient(45deg,transparent 50%,#4c6380 50%),linear-gradient(135deg,#4c6380 50%,transparent 50%); background-position:calc(100% - 17px) 20px,calc(100% - 12px) 20px; }
.fp-segment { display:inline-flex; gap:4px; border:1px solid #cbdcec; border-radius:10px; padding:4px; background:#f0f5fa; }
.fp-segment button { border:0; border-radius:7px; background:transparent; min-height:44px; padding:8px 18px; color:#4c6380; font-weight:700; font-size:15px; }
.fp-segment button span, .fp-segment button small { display:block; font-weight:400; font-size:12px; }
.fp-segment button[aria-pressed="true"] { color:#fff; background:#103a66; box-shadow:0 2px 5px #092b501a; }
.fp-control-label { color:#4c6380; font-size:14px; font-weight:700; }
.fp-window-options { display:flex; gap:8px; flex-wrap:wrap; }
.fp-window-options button { border:1px solid transparent; background:transparent; min-height:44px; border-radius:7px; padding:6px 12px; font-size:14px; font-weight:700; color:#46617f; }
.fp-window-options small { font-size:12px; font-weight:400; margin-left:4px; }
.fp-window-options button[aria-pressed="true"] { color:#135bbe; background:#e9f2ff; border-color:#a7c9f4; }
.fp-overview { padding:24px 28px 20px; border-radius:18px; background:#0d3157; color:#fff; margin-bottom:30px; }
.fp-overview-top { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; align-items:baseline; }
.fp-overview .fp-eyebrow { color:#c5e3ff; font-size:14px; }
.fp-updated { color:#b8cee4; font-size:12px; }
.fp-overview-body { display:flex; align-items:center; gap:20px; margin:18px 0 24px; }
.fp-summary-icon { display:flex; align-items:center; justify-content:center; flex-shrink:0; width:80px; height:80px; color:#a4d0ff; background:#224b73; border:1px solid #527799; border-radius:20px; }
.fp-overview h2 { font-size:clamp(20px,2.7vw,28px); line-height:1.5; font-weight:700; margin:0 0 8px; text-wrap:balance; }
.fp-overview-body p { margin:0; color:#c1d7ed; font-size:14px; line-height:1.8; }
.fp-summary-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid #3c5d7e; border-bottom:1px solid #3c5d7e; padding:18px 0; }
.fp-summary-stats > div { display:grid; grid-template-columns:24px 1fr; gap:6px 8px; align-content:start; padding:0 18px; border-left:1px solid #3c5d7e; }
.fp-summary-stats > div:first-child { padding-left:0; border:0; }
.fp-summary-stats > div:last-child { padding-right:0; }
.fp-summary-stats svg { color:#a5cdff; }
.fp-stat-label { font-size:14px; color:#e2edf8; }
.fp-stat-label small { display:block; font-size:12px; color:#b8cee4; }
.fp-summary-stats strong { grid-column:1/-1; font-size:clamp(22px,3vw,32px); letter-spacing:.01em; font-variant-numeric:tabular-nums; font-weight:700; line-height:1.5; }
.fp-stat-note { grid-column:1/-1; color:#c1d7ed; font-size:12px; line-height:1.7; }
.fp-safety { color:#bed1e4; font-size:12px; line-height:1.8; margin:12px 0 0; }
.fp-retry { min-height:44px; border:1px solid #a4c6e8; background:#fff; color:#103a66; padding:8px 18px; border-radius:8px; margin-top:16px; font-weight:700; }
.fp-overview[data-state="stale"], .fp-overview[data-state="missing"] { background:#34465b; }
.fp-overview[data-state="stale"] .fp-summary-stats { opacity:.75; }
.fp-section-head { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-bottom:12px; }
.fp-section-head h2 { margin:0; font-size:24px; font-weight:700; line-height:1.5; }
.fp-resolution button { padding:6px 18px; }
.fp-scroll-hint { font-size:12px; color:#4c6380; margin:0 0 10px; }
.fp-scroll { width:100%; overflow-x:auto; overscroll-behavior-x:contain; border:1px solid #cbdcec; border-radius:14px; background:#fff; scrollbar-color:#9ab7d5 #f1f6fb; scrollbar-width:thin; }
.fp-table { width:100%; border-collapse:separate; border-spacing:0; table-layout:fixed; font-variant-numeric:tabular-nums; }
.fp-table th, .fp-table td { width:150px; min-width:130px; text-align:center; padding:12px 10px; border-right:1px solid #e0eaf4; border-bottom:1px solid #e0eaf4; vertical-align:middle; }
.fp-table th:first-child { width:138px; min-width:138px; position:sticky; left:0; z-index:2; background:#f3f7fc; text-align:left; box-shadow:1px 0 #cbdcec; }
.fp-table th:last-child, .fp-table td:last-child { border-right:0; }
.fp-table tr:last-child th, .fp-table tr:last-child td { border-bottom:0; }
.fp-table thead th { background:#eff5fc; padding:0; }
.fp-table thead th:first-child { font-size:14px; padding:16px; }
.fp-table tbody th { font-size:14px; font-weight:700; padding-left:16px; }
.fp-table tbody th > svg { margin-bottom:8px; display:block; color:#496b8e; }
.fp-table th small { display:block; font-size:12px; font-weight:400; color:#4c6380; margin-top:3px; }
.fp-period { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:76px; width:100%; background:none; border:0; color:#102d4f; padding:8px; }
.fp-period > span:first-child { font-size:24px; font-weight:700; }
.fp-period small { display:inline !important; font-size:14px !important; color:inherit !important; }
.fp-period-hint { font-size:12px; color:#135bbe; margin-top:2px; }
.fp-period:hover { background:#dcecff; }
.fp-weather-row td > svg { display:block; margin:0 auto 8px; }
.fp-weather-name { display:block; font-size:14px; min-height:22px; font-weight:700; }
.fp-temperature { display:block; font-size:19px; margin-top:5px; }
.fp-temperature small, .fp-number small { font-size:12px; font-weight:400; margin-left:3px; }
.fp-icon-sun, .fp-icon-cloud-sun { color:#af7100; }
.fp-summary-icon .fp-icon-sun, .fp-summary-icon .fp-icon-cloud-sun { color:#ffd985; }
.fp-icon-rain, .fp-icon-drop { color:#2378ce; }
.fp-summary-icon .fp-icon-rain, .fp-summary-icon .fp-icon-drop { color:#a4d0ff; }
.fp-icon-thunder { color:#9f5c08; }
.fp-summary-icon .fp-icon-thunder { color:#ffca7e; }
.fp-icon-snow { color:#416bc1; }
.fp-icon-fog, .fp-icon-cloud { color:#627c99; }
.fp-summary-icon .fp-icon-cloud, .fp-summary-icon .fp-icon-fog { color:#cce1f5; }
.fp-probability-row strong { color:#1468b9; font-size:20px; font-weight:700; }
.fp-probability-row strong small { font-size:12px; margin-left:2px; }
.fp-prob-track { display:block; width:70%; height:5px; margin:9px auto 0; background:#dfedfa; border-radius:4px; overflow:hidden; }
.fp-prob-track i { display:block; height:100%; background:#267ccb; }
.fp-graph-row td { position:relative; height:110px; padding-top:10px; padding-bottom:8px; }
.fp-number { position:relative; z-index:1; display:block; font-size:21px; font-weight:700; }
.fp-bar-space { display:flex; align-items:flex-end; height:40px; border-bottom:1px solid #d3e0ee; width:70%; margin:5px auto 0; }
.fp-bar { display:block; width:100%; border-radius:4px 4px 0 0; min-height:0; }
.fp-bar-rain { background:#74b8ed; }
.fp-bar-wind { background:#8199bb; }
.fp-bar-wave { background:#6aafac; }
.fp-direction { display:block; font-size:12px; color:#4c6380; margin-top:4px; }
.fp-missing { display:block; font-size:12px; color:#736047; margin-top:4px; }
.fp-method-note { font-size:12px; color:#4c6380; line-height:1.9; margin:12px 0; }
.fp-reading { border-bottom:1px solid #d3e0ee; padding:4px 0 14px; }
.fp-reading summary { cursor:pointer; min-height:44px; display:list-item; padding:10px 0; font-size:14px; font-weight:700; color:#17599f; }
.fp-reading > div { max-width:75ch; font-size:14px; color:#4c6380; line-height:1.9; }
.fp-reading p { margin:0 0 12px; }
.fp-reading a, .fp-next > a:last-child { color:#135bbe; text-decoration:underline; text-underline-offset:3px; font-size:14px; }
.fp-detail { border:1px solid #a7c9f4; background:#e9f2ff; padding:16px; border-radius:12px; margin-top:14px; }
.fp-detail-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.fp-detail-head h3 { font-size:16px; margin:0; }
.fp-detail-head button { min-height:44px; border:0; background:transparent; color:#135bbe; padding:4px 10px; font-size:14px; }
.fp-detail-table { border-collapse:collapse; width:100%; min-width:600px; font-size:14px; }
.fp-detail-table th, .fp-detail-table td { text-align:left; padding:12px; border-bottom:1px solid #d3e0ee; }
.fp-detail-table th { background:#f2f7fc; }
.fp-detail-table td svg { vertical-align:middle; }
.fp-detail-table small { display:block; font-size:12px; font-weight:400; }
.fp-preparation { margin:28px 0; }
.fp-advice-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.fp-advice-card { display:flex; align-items:flex-start; gap:10px; padding:18px 0; border-top:2px solid #bed2e6; }
.fp-advice-card > svg { flex-shrink:0; color:#416b99; margin-top:2px; }
.fp-advice-card h3 { margin:0 0 8px; font-size:15px; line-height:1.7; }
.fp-advice-card p { margin:0; color:#4c6380; font-size:14px; line-height:1.9; }
.fp-next { display:flex; align-items:center; flex-wrap:wrap; gap:20px; margin:8px 0 24px; }
.fp-next .tb-btn { font-size:14px; min-height:48px; padding:10px 20px; }
.fp-more { border-top:1px solid #cbdcec; }
.fp-disclosure { border-bottom:1px solid #cbdcec; }
.fp-disclosure > summary { list-style:none; display:flex; align-items:center; justify-content:space-between; gap:20px; cursor:pointer; padding:22px 0; }
.fp-disclosure > summary::-webkit-details-marker { display:none; }
.fp-disclosure > summary > span:first-child { display:flex; align-items:center; gap:14px; }
.fp-disclosure > summary strong { display:block; font-size:17px; font-weight:700; }
.fp-disclosure > summary small { display:block; font-size:13px; margin-top:5px; color:#4c6380; }
.fp-disclosure > summary > span:last-child { font-size:24px; color:#466586; }
.fp-disclosure[open] > summary > span:last-child { transform:rotate(45deg); }
.fp-disclosure-body { padding:0 0 24px; }
.fp-disclosure-body .tb-section { margin:0; }
.fp-disclosure-body .tb-section-title { font-size:18px; }
.fp-disclosure-body .tb-stat-label { font-size:14px; color:#4c6380; }
.fp-disclosure-body .tb-stat-value { font-size:24px; }
.fp-disclosure-body .tb-stat-foot, .fp-disclosure-body .tb-cap { font-size:12px; }
.fp-current-grid { display:grid; gap:24px; }
.fp-mini-explain { font-size:12px; color:#4c6380; margin:3px 0 8px; }
.fp-page .fc-stat-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.fp-data-notes { padding:24px 0; }
.fp-data-notes h2 { font-size:16px; font-weight:700; margin:0 0 8px; }
.fp-data-notes p { font-size:13px; line-height:1.9; color:#4c6380; max-width:75ch; }
.fp-data-notes .fc-sources { font-size:12px; line-height:1.9; }
.fp-empty { padding:32px 24px; text-align:center; border:1px dashed #b7cce0; border-radius:12px; font-size:16px; background:#f8fbff; line-height:1.9; }
.fp-empty p { font-size:14px; color:#4c6380; }
.fp-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media (max-width:700px) {
 .fp-page { padding:22px 16px 32px; }
 .fp-page-head { align-items:flex-start; gap:12px; }
 .fp-radar { font-size:12px; max-width:110px; flex-wrap:wrap; gap:4px; }
 .fp-intro { font-size:14px; }
 .fp-selector { padding:14px; }
 .fp-select-top { align-items:stretch; gap:14px; }
 .fp-location-label { width:100%; justify-content:space-between; }
 .fp-page .fc-loc-select { flex:1; min-width:0; max-width:calc(100% - 75px); }
 #day-seg { width:100%; }
 #day-seg button { flex:1; padding:8px 12px; }
 .fp-select-bottom { gap:8px; }
 .fp-control-label { width:100%; }
 .fp-window-options { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); width:100%; gap:4px; }
 .fp-window-options button { padding:6px 4px; }
 .fp-window-options small { display:block; margin:3px 0 0; }
 .fp-overview { padding:20px 18px 16px; margin-bottom:24px; }
 .fp-overview-top { gap:4px; }
 .fp-updated { font-size:12px; }
 .fp-overview-body { align-items:flex-start; gap:12px; margin:16px 0 18px; }
 .fp-summary-icon { width:52px; height:56px; border-radius:12px; }
 .fp-summary-icon svg { width:36px; height:36px; }
 .fp-overview h2 { font-size:20px; text-wrap:initial; }
 .fp-overview-body p { font-size:13px; }
 .fp-summary-stats { gap:0; }
 .fp-summary-stats > div { padding:0 9px; grid-template-columns:1fr; gap:4px; }
 .fp-summary-stats > div > svg { display:none; }
 .fp-stat-label { font-size:14px; }
 .fp-stat-label small { font-size:12px; }
 .fp-summary-stats strong { font-size:21px; line-height:1.5; overflow-wrap:anywhere; }
 .fp-stat-note { font-size:12px; }
 .fp-section-head h2 { font-size:21px; }
 .fp-resolution button { font-size:14px; padding:6px 12px; }
 .fp-section-head .fp-eyebrow { font-size:12px; }
 .fp-table th, .fp-table td { width:108px; min-width:108px; padding:10px 6px; }
 .fp-table th:first-child { width:102px; min-width:102px; padding-left:10px; }
 .fp-table thead th:first-child { padding:10px; }
 .fp-table tbody th { font-size:14px; }
 .fp-table th small { font-size:12px; }
 .fp-period > span:first-child { font-size:23px; }
 .fp-period small { font-size:13px !important; }
 .fp-period-hint { font-size:12px; }
 .fp-weather-row td > svg { width:32px; height:32px; }
 .fp-weather-name { font-size:13px; }
 .fp-number { font-size:20px; }
 .fp-advice-grid { grid-template-columns:1fr; gap:0; }
 .fp-advice-card { padding:16px 0; }
 .fp-advice-card h3 { font-size:16px; margin-bottom:4px; }
 .fp-disclosure > summary strong { font-size:16px; }
 .fp-page .fc-stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .fp-disclosure-body .tb-card-p { padding:14px; }
}
@media (prefers-reduced-motion:reduce) { .fp-page * { scroll-behavior:auto; transition:none; animation:none; } }
/* Keep the first useful result and its units legible on narrow screens. */
.fp-summary-stats strong { white-space:nowrap; }
.fp-summary-stats strong small { font-size:16px; font-weight:500; }
.fp-page-head { margin-bottom:18px; }
.fp-selector { padding-top:14px; padding-bottom:14px; }
.fp-overview-body { margin-top:12px; margin-bottom:18px; }
@media (max-width:700px) {
 .fp-page { padding-top:16px; }
 .fp-page-head { gap:8px; }
 .fp-page-head > div { min-width:0; }
 .fp-page-head .fp-eyebrow { font-size:12px; letter-spacing:0; }
 .fp-radar { display:block; font-size:12px; min-width:76px; max-width:76px; line-height:1.8; }
 .fp-radar > svg { display:none; }
 .fp-intro { margin-top:5px; }
 .fp-select-top { gap:10px; }
 .fp-select-bottom { margin-top:10px; padding-top:10px; }
 .fp-control-label { display:none; }
 .fp-segment button span { display:inline; margin-left:3px; }
 .fp-summary-stats strong small { font-size:13px; }
 .fp-summary-stats strong { font-size:20px; }
 .fp-summary-stats { padding:14px 0; }
 .fp-overview h2 { font-size:19px; }
}
@media (max-width:380px) {
 .fp-page-head { display:block; }
 .fp-radar { display:inline-flex; min-width:0; max-width:none; margin-top:10px; }
}

/* Put marine peaks and their limitations ahead of optional detail. */
.fp-maxima-label { font-size:14px; font-weight:700; margin:18px 0 8px; }
.fp-briefing { margin-bottom:30px; }
.fp-briefing h2 { font-size:22px; margin:0 0 14px; }
.fp-briefing .fp-advice-grid { border:1px solid #d3e0ee; border-radius:14px; padding:0 20px; background:#fff; }
.fp-advice-card { min-width:0; }
.fp-advice-card p { overflow-wrap:anywhere; line-height:1.8; }
.fp-peak-link, .fp-alert-link { display:inline-flex; align-items:center; min-height:44px; font-size:14px; font-weight:700; color:#135bbe; }
.fp-peak-link:focus-visible { outline:3px solid #2377e8; outline-offset:3px; }
#alerts-section { border-left:3px solid #c8913b; padding:12px 16px; background:#fffaf0; border-radius:8px; margin-bottom:18px; }
#alerts-section .tb-section-header { flex-wrap:wrap; }
#alerts-section .tb-section-title { font-size:16px; }
#alerts-section .fc-alerts { margin-top:4px; font-size:14px; line-height:1.7; }
#alerts-section p { margin:0; }
.fp-overview .fp-stat-note { overflow-wrap:anywhere; }
@media(max-width:700px) {
 .fp-overview .fp-summary-stats { grid-template-columns:1fr; padding:0; }
 .fp-overview .fp-summary-stats > div { grid-template-columns:minmax(70px,1fr) minmax(0,1.4fr); padding:12px 0; border-left:0; border-bottom:1px solid #3c5d7e; column-gap:8px; }
 .fp-overview .fp-summary-stats > div:last-child { border-bottom:0; }
 .fp-overview .fp-stat-label { grid-column:1; grid-row:1; align-self:center; }
 .fp-overview .fp-summary-stats strong { grid-column:2; grid-row:1; font-size:26px; }
 .fp-overview .fp-stat-note { grid-column:2; font-size:13px; }
 .fp-overview .fp-summary-stats strong small { font-size:16px; }
 .fp-briefing .fp-advice-grid { padding:0 16px; }
}