/* Best Time to Post on Pinterest (ROADMAP-Calcs-PinPin.md PP10) — the day × 3-hour grid, its key and the
   two lists. Everything else is the core stylesheet. */
.bt-wrap { margin-top: .6rem; }
.bt-grid { width: 100%; border-collapse: separate; border-spacing: 3px; table-layout: fixed; font-variant-numeric: tabular-nums; }
.bt-grid caption { text-align: left; font-size: .9rem; color: var(--chqt-muted, #4c4658); padding-bottom: .3rem; }
.bt-grid th { font-size: .8rem; font-weight: 700; color: var(--chqt-muted, #4c4658); padding: 2px 0; text-align: center; }
.bt-grid tbody th { text-align: left; width: 2.6rem; }
.bt-grid td { height: 34px; border-radius: 6px; text-align: center; font-size: .74rem; font-weight: 700; letter-spacing: -.02em; color: var(--chqt-ink, #191320); background: #ffffff; box-shadow: inset 0 0 0 1px var(--chqt-line, #ddd5e6); overflow: hidden; }
.bt-grid td.bt-less { background: #d9d4df; color: #4c4658; }
.bt-legend { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem .5rem; font-size: .88rem; margin: .5rem 0 .8rem; }
.bt-key { display: inline-block; width: 16px; height: 16px; border-radius: 4px; vertical-align: middle; }
.bt-key.bt-more { background: rgba(179,18,78,.55); }
.bt-key.bt-less { background: #d9d4df; }
.bt-key.bt-avg { background: #ffffff; box-shadow: inset 0 0 0 1px var(--chqt-line, #ddd5e6); }
.bt-lists { display: grid; gap: .8rem; }
@media (min-width: 640px) { .bt-lists { grid-template-columns: 1fr 1fr; } }
.bt-h { font-weight: 700; margin: 0 0 .3rem; }
.bt-list { list-style: none; margin: 0; padding: 0; display: grid; gap: .25rem; font-size: .95rem; }
.bt-list li { display: flex; flex-direction: column; padding: .25rem .5rem; border-left: 4px solid var(--chqt-line, #ddd5e6); }
.bt-list li.bt-more { border-left-color: var(--chqt-accent, #b3124e); }
.bt-list li.bt-less { border-left-color: #9d96a7; }
.bt-list li span { font-size: .88rem; color: var(--chqt-muted, #4c4658); }