/* caribbean-water-temperature: this tool's own look, loaded only on its page (tools.css is shared and kept under 5 KB gz). */
.sst-bar { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 14px 0 4px; flex-wrap: wrap; }
.sst-h { margin: 14px 0 4px; font-size: 14px; font-weight: 700; }
.sst-bar .sst-h { margin: 0; }
.sst-year { list-style: none; margin: 0; padding: 0; }
.sst-m { display: flex; align-items: center; gap: 8px; border-bottom: 1px solid var(--chqt-line, #eadfca); padding: 5px 0; font-size: 15px; }
.sst-m b { flex: 0 0 3.2em; }
.sst-m .sst-bar { flex: 1 1 auto; height: 10px; border-radius: 5px; background: #e9eef3; overflow: hidden; margin: 0; display: block; }
.sst-m .sst-bar i { display: block; height: 100%; background: #0b6386; }
.sst-cold .sst-bar i { background: #3d5a80; }
.sst-comfortable .sst-bar i { background: #2d6f37; }
.sst-warm .sst-bar i { background: #b3261e; }
.sst-v { flex: 0 0 auto; min-width: 3.4em; text-align: right; color: var(--chqt-muted, #5c5350); font-size: 14px; }
.sst-me { background: #f3f8fd; box-shadow: inset 4px 0 0 #1d4f8a; padding-left: 8px; font-weight: 600; }
.sst-rank { margin: 0 0 8px; padding-left: 1.6em; font-size: 15px; }
.sst-rank li { margin: 0 0 4px; }
.chqt[data-tool="caribbean-water-temperature"] .chqt-form select { font-size: 16px; min-height: 44px; max-width: 100%; }
@media (max-width: 460px) { .chqt[data-tool="caribbean-water-temperature"] .chqt-lede { display: none; } }