/* shark-tooth-island: this tool's own look, loaded only on its page (tools.css is shared and kept under 5 KB gz). */
.sti-h { margin: 14px 0 4px; font-size: 14px; font-weight: 700; }
.sti-week { list-style: none; margin: 0; padding: 0; }
.sti-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; }
.sti-me { background: #f3f8fd; box-shadow: inset 4px 0 0 #1d4f8a; padding-left: 10px; }
.sti-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; }
.sti-no { color: var(--chqt-muted, #5c5350); }
.sti-how { margin: 0 0 8px; padding-left: 1.2em; font-size: 15px; }
.sti-how li { margin: 0 0 5px; }
.sti-q { color: var(--chqt-muted, #5c5350); }
.sti-rule { font-weight: 600; }
.chqt-answer[data-sti-k="none"], .chqt-answer[data-sti-k="nodata"] { color: #8a4b08; }
.chqt[data-tool="shark-tooth-island"] input[type="date"] { font-size: 16px; min-height: 44px; -webkit-appearance: none; appearance: none; }
@media (max-width: 460px) { .chqt[data-tool="shark-tooth-island"] .chqt-lede { display: none; } }