/* Florida King Tide Calendar (ROADMAP-Calcs-Travel.md TM108): the two segments side by side, the ranked list, the month
   bars. Everything else is the core stylesheet. */
.chqt-kt-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; }
.chqt-kt-top { font-variant-numeric: tabular-nums; }
.chqt-kt-top td:first-child { font-weight: 700; }
.chqt-kt-h { margin: .8rem 0 .3rem; font-weight: 600; }
.chqt-kt-months { list-style: none; margin: 0; padding: 0; font-variant-numeric: tabular-nums; }
.chqt-kt-months li { display: grid; grid-template-columns: 7.2rem minmax(0, 1fr) 4.2rem; align-items: center; gap: .5rem; min-height: 30px; font-size: .92rem; }
.chqt-kt-bar { display: block; height: 12px; border-radius: 6px; background: #9cc3d5; }
.chqt-kt-months li.is-top .chqt-kt-bar { background: #0b6386; }
.chqt-kt-months li.is-top { font-weight: 700; }
@media (max-width: 420px) { .chqt-kt-two { grid-template-columns: 1fr; } .chqt-kt-months li { grid-template-columns: 6.4rem minmax(0, 1fr) 3.8rem; } }
.chqt-kt-snsum { margin: 0 0 6px; font-size: 15px; }
.chqt-kt-snl { list-style: none; margin: 0 0 10px; padding: 0; font-size: 15px; }
.chqt-kt-snl li { padding: 6px 0 6px 10px; border-left: 4px solid #d8cdb8; margin: 0 0 4px; }
.chqt-kt-snl li.is-spring { border-left-color: #1d4f8a; }