/* shark-tooth-beach-jekyll-island: this tool's own look, loaded only on its page (tools.css is shared and kept under 5 KB gz). */
.jst-h { margin: 14px 0 4px; font-size: 14px; font-weight: 700; }
.jst-chart, .jst-week { list-style: none; margin: 0; padding: 0; }
.jst-e { display: flex; flex-wrap: wrap; gap: 4px 12px; border-bottom: 1px solid var(--chqt-line, #eadfca); padding: 6px 0; font-size: 15px; }
.jst-e b { flex: 0 0 4.4em; }
.jst-low b { color: #0b6386; }
.jst-dark { color: var(--chqt-muted, #5c5350); }
.jst-w { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; border-bottom: 1px solid var(--chqt-line, #eadfca); padding: 2px 0; font-size: 15px; }
.jst-me { background: #f3f8fd; box-shadow: inset 4px 0 0 #1d4f8a; padding-left: 10px; }
.jst-day { min-height: 44px; padding: 0 4px; border: 0; background: none; color: inherit; font: inherit; font-weight: 600; text-align: left; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; -webkit-appearance: none; appearance: none; }
.jst-no { color: var(--chqt-muted, #5c5350); }
.jst-how { margin: 0 0 8px; padding-left: 1.2em; font-size: 15px; }
.jst-how li { margin: 0 0 5px; }
.jst-q { color: var(--chqt-muted, #5c5350); }
.chqt-answer[data-jst-k="dark"], .chqt-answer[data-jst-k="nodata"] { color: #8a4b08; }
.chqt[data-tool="shark-tooth-beach-jekyll-island"] input[type="date"] { font-size: 16px; min-height: 44px; -webkit-appearance: none; appearance: none; }
@media (max-width: 460px) { .chqt[data-tool="shark-tooth-beach-jekyll-island"] .chqt-lede { display: none; } }