/* Board & Sections Planner (ROADMAP-Calcs-PinPin.md PP20) — the boards with their sections to tap and copy, and the verdicts
   on the reader's own section names. Everything else is the core stylesheet. ⚠️ Every button stays ≥ 16px (fenced). */
/* the core styles <input>/<select> inside .chqt-input; a <textarea> needs the same: 17px (iPhone zooms under 16) and min-width 0 */
.chqt-input textarea {
  flex: 1 1 auto; min-width: 0; width: 100%; box-sizing: border-box;
  border: 0; background: transparent; outline: none; resize: vertical;
  font: inherit; font-size: 17px; color: var(--chqt-ink, #191320); padding: 12px; min-height: 84px; border-radius: 12px;
}
.bs-boards { list-style: none; margin: .4rem 0 .2rem; padding: 0; display: grid; gap: 10px; }
.bs-board { background: #fff; border: 1px solid var(--chqt-line, #ddd5e6); border-radius: 14px; padding: 12px 14px; min-width: 0; }
.chqt .bs-name { font-size: 1.05rem; margin: 0 0 4px; overflow-wrap: anywhere; }
.bs-verdict { margin: 0 0 6px; font-size: 15px; padding-left: 10px; border-left: 4px solid var(--chqt-line, #ddd5e6); }
.bs-verdict--help { border-left-color: #1e7a4a; }
.bs-verdict--maybe { border-left-color: #b26b00; }
.bs-verdict--skip { border-left-color: #b3124e; }
.bs-later { margin: 6px 0 0; font-weight: 700; font-size: 15px; }
.bs-angle { margin: 8px 0 4px; font-size: 13px; letter-spacing: .05em; text-transform: uppercase; color: var(--chqt-muted, #4c4658); font-weight: 700; }
.bs-secs { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.bs-sec {
  font: inherit; font-size: 16px; min-height: 44px; cursor: pointer; color: var(--chqt-ink, #191320); background: var(--chqt-cream, #f6f2fa);
  border: 1px solid var(--chqt-line, #ddd5e6); border-radius: 999px; padding: 6px 14px; -webkit-tap-highlight-color: transparent;
}
.bs-sec:hover { border-color: var(--chqt-accent, #b3124e); }
.bs-sec:focus-visible { outline: 3px solid var(--chqt-accent, #b3124e); outline-offset: 2px; }
.bs-check { margin-top: 1.4rem; padding-top: 1.1rem; border-top: 1px solid var(--chqt-line, #ddd5e6); }
.chqt .bs-h2 { font-size: 1.2rem; margin: 0 0 .6rem; }
.bs-count { font-weight: 700; margin: .6rem 0 .3rem; }
.bs-rows { list-style: none; margin: 0; padding: 0; }
.bs-rows li { padding: .5rem .7rem; margin: .4rem 0; border-radius: 10px; border-left: 4px solid var(--chqt-line, #ddd5e6); background: #fff; overflow-wrap: anywhere; }
.bs-rows li.is-ok { border-left-color: #1e7a4a; }
.bs-rows li.is-fix { border-left-color: #b26b00; }
.bs-rows li.is-fail { border-left-color: #b3124e; }
.bs-rows p { margin: .2rem 0 0; font-size: .95rem; }
.bs-meta { font-size: .85rem; color: var(--chqt-muted, #4c4658); }
.bs .chqt-result { gap: 6px; }
@media (max-width: 460px) { .chqt[data-tool="pinterest-board-sections"] .chqt-lede { display: none; } }