/*
 * Cruise Tools sea conditions tool page: only what the shared .ct-tool base (conditions-tool.css) does not hold.
 * Prism mock docs/design/conditions-tools/mock.html v13 (5cbdaad), "Tool page 4". Every selector is scoped
 * .ct-tool.ct-tool--sea so theme rules never win and nothing here reaches another tool's page; every class is in the
 * server-rendered HTML (JCH 7a).
 */
.ct-tool.ct-tool--sea .ct-tool__pick { align-items: flex-end; }
.ct-tool.ct-tool--sea .ct-tool__field--wide { flex-basis: 100%; }
.ct-tool.ct-tool--sea .ct-tool__show { font: inherit; font-size: 0.95em; font-weight: 700; min-height: 44px; padding: 6px 16px; border: 1px solid var(--ct-embed-accent, #2c4f6b); border-radius: 6px; background: var(--ct-embed-accent, #2c4f6b); color: #fff; cursor: pointer; }
.ct-tool.ct-tool--sea .ct-tool__show:focus-visible { outline: 2px solid #8a4b00; outline-offset: 2px; }
.ct-tool.ct-tool--sea .ct-tool__answer { margin: 0 0 4px; }
.ct-tool.ct-tool--sea p.ct-tool__live { display: block; }
/* Rough days and water (mock: .ct-tool__facts). */
.ct-tool.ct-tool--sea .ct-tool__facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 8px; margin: 4px 0 0; }
.ct-tool.ct-tool--sea .ct-tool__fact { background: #fff; border: 1px solid #dde2e6; border-radius: 6px; padding: 8px 10px; display: grid; gap: 0; }
.ct-tool.ct-tool--sea .ct-tool__fact dt { font-size: 0.75em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: #5f6b6d; }
.ct-tool.ct-tool--sea .ct-tool__fact dd { margin: 0; font-size: 1.15em; font-weight: 700; color: #1d1d1d; font-variant-numeric: tabular-nums; }
.ct-tool.ct-tool--sea .ct-tool__fact dd small { font-size: 0.7em; font-weight: 400; color: #5f6b6d; }
/* The 12-month chart: rough days (light) with the typical height (dark) inside. */
.ct-tool.ct-tool--sea .ct-tool__bars--12 { grid-template-columns: repeat(12, 1fr); gap: 4px; }
.ct-tool.ct-tool--sea .ct-tool__axis--12 { grid-template-columns: repeat(12, 1fr); gap: 4px; }
.ct-tool.ct-tool--sea .ct-tool__key--typical { background: #2c4f6b; }
.ct-tool.ct-tool--sea .ct-tool__key--rough { background: #c9d9e4; }
.ct-tool.ct-tool--sea .ct-tool__table td a { color: var(--ct-embed-accent, #2c4f6b); }

/* 2.13.1: the live line's room is reserved from the first paint, so drawing it moves nothing (Core Web Vitals). While loading it shows its frame and one
   muted "Checking" line (data-live="loading"; sea-live.js replaces them); sized for the leg's zone count n, as measured on a phone and on a wide page (one zone line wraps to two
   lines on a phone). A shorter answer leaves blank room inside the box; a longer one cannot happen (a line per zone, at most). */
.ct-tool.ct-tool--sea .ct-live-n1 { min-height: 9.60em; }
.ct-tool.ct-tool--sea .ct-live-n2 { min-height: 12.80em; }
.ct-tool.ct-tool--sea .ct-live-n3 { min-height: 16.00em; }
.ct-tool.ct-tool--sea .ct-live-n4 { min-height: 19.20em; }
.ct-tool.ct-tool--sea .ct-live-n5 { min-height: 22.40em; }
.ct-tool.ct-tool--sea .ct-live-n6 { min-height: 25.60em; }
@media (min-width: 560px) {
    .ct-tool.ct-tool--sea .ct-live-n1 { min-height: 7.05em; }
    .ct-tool.ct-tool--sea .ct-live-n2 { min-height: 8.70em; }
    .ct-tool.ct-tool--sea .ct-live-n3 { min-height: 10.35em; }
    .ct-tool.ct-tool--sea .ct-live-n4 { min-height: 12.00em; }
    .ct-tool.ct-tool--sea .ct-live-n5 { min-height: 13.65em; }
    .ct-tool.ct-tool--sea .ct-live-n6 { min-height: 15.30em; }
}