/* Pin Title & Description Checker (ROADMAP-Calcs-PinPin.md PP5) — the text boxes, a phone-feed preview
   of the title, and the list of checks. Everything else is the core stylesheet. */
/* a <textarea> inside .chqt-input needs what the core gives <input>: 17px (under 16 iPhone zooms on
   focus) and min-width 0 (its intrinsic width otherwise pushes a phone sideways) */
.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; line-height: 1.4; color: var(--chqt-ink, #191320); padding: 12px; min-height: 48px; border-radius: 12px;
}
.chqt-pt-feed { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: .15rem .7rem; align-items: center; margin: .8rem 0; padding: .6rem; border: 1px solid var(--chqt-line, #ddd5e6); border-radius: 14px; background: #fff; }
.chqt-pt-feed-img { grid-row: 1 / span 2; width: 64px; height: 96px; border-radius: 10px; background: linear-gradient(135deg, #f6d6c9, #e7c3de 55%, #cdd6f3); }
.chqt-pt-feed-title { font-weight: 700; font-size: 1rem; line-height: 1.3; overflow-wrap: anywhere; }
.chqt-pt-checks { list-style: none; margin: .6rem 0; padding: 0; }
.chqt-pt-checks li { position: relative; padding: .45rem 0 .45rem 1.9rem; border-top: 1px solid var(--chqt-line, #ddd5e6); font-size: .97rem; line-height: 1.4; overflow-wrap: anywhere; }
.chqt-pt-checks li::before { position: absolute; left: .2rem; top: .45rem; font-weight: 800; }
.chqt-pt-checks .is-pass::before { content: "✓"; color: #1d6b3a; }
.chqt-pt-checks .is-warn::before { content: "!"; color: #9a5b00; }
.chqt-pt-checks .is-fail::before { content: "✕"; color: #a3261b; }
.chqt-pt-over { color: #a3261b; font-weight: 700; }