/* Pinterest Board Name Generator (ROADMAP-Calcs-PinPin.md PP13) — the names with their Copy buttons, the seasonal
   ones, and the verdicts on the reader's own names. Everything else is the core stylesheet. */
/* the core styles <input>/<select> inside .chqt-input; a <textarea> needs the same: 17px (under 16 iPhone zooms the
   page on focus) and min-width 0 (its 20 columns otherwise push the row wider than a phone) */
.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: 96px; border-radius: 12px;
}
.bn-list { list-style: none; margin: .4rem 0 .2rem; padding: 0; }
.bn-list li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0 .6rem; align-items: center; padding: .35rem 0; border-top: 1px solid var(--chqt-line, #ddd5e6); }
.bn-list li:first-child { border-top: 0; }
.chqt .bn-name { grid-column: 1; font-weight: 700; color: var(--chqt-ink, #191320); text-decoration: underline; text-decoration-color: var(--chqt-line, #ddd5e6); text-underline-offset: 3px; overflow-wrap: anywhere; }
.bn-list .bn-meta { grid-column: 1; font-size: .85rem; color: var(--chqt-muted, #4c4658); }
.bn-copy { grid-column: 2; grid-row: 1 / span 2; }
.chqt .bn-h { font-size: 1rem; margin: .9rem 0 .2rem; }
.bn-verdict { font-weight: 700; margin: .6rem 0 .3rem; }
.bn-rows { list-style: none; margin: 0; padding: 0; }
.bn-rows li { padding: .5rem .7rem; margin: .4rem 0; border-radius: 10px; border-left: 4px solid var(--chqt-line, #ddd5e6); background: #fff; overflow-wrap: anywhere; }
.bn-rows li.is-ok { border-left-color: #1e7a4a; }
.bn-rows li.is-fix { border-left-color: #b26b00; }
.bn-rows li.is-fail { border-left-color: #b3124e; }
.bn-rows p { margin: .2rem 0 0; font-size: .95rem; }
/* the checker sits under the names, full width: on a phone the names come first (the answer on the first screen) */
.bn-check { margin-top: 1.4rem; padding-top: 1.1rem; border-top: 1px solid var(--chqt-line, #ddd5e6); }
.chqt .bn-h2 { font-size: 1.2rem; margin: 0 0 .6rem; }
/* the first name on the first phone screen: the kicker sits tight on the answer */
.bn .chqt-result { gap: 6px; }