/* Pinterest Account Suspended? (ROADMAP-Calcs-PinPin.md PP52) — the rules each tick touches (Pinterest's words, with their page),
   our advice (labelled), the appeal route, and the ticks and the letter. Everything else is the core stylesheet. */
.sus { align-items: start; }
.chqt .sus-sub { margin: .2rem 0 0; color: var(--chqt-muted, #4c4658); }
.chqt .sus-h { margin: 1rem 0 .3rem; font-weight: 700; }
.sus-rules { margin: .6rem 0 0; padding-left: 1.3rem; }
.sus-rules[hidden], .sus-advice[hidden] { display: none; }
.sus-rules li { margin: .55rem 0; }
.sus-quote { display: block; font-style: italic; }
.sus-src { display: block; font-size: .85rem; color: var(--chqt-muted, #4c4658); }
.sus-from { display: block; font-size: .85rem; font-weight: 600; margin-top: .1rem; }
.sus-advice ul, .sus-appeal ul { margin: .2rem 0 0; padding-left: 1.2rem; }
.sus-advice li, .sus-appeal li { margin: .35rem 0; }
/* the ticks: one per row, a 44px row to hit; a ticked line is a fact about the reader, never struck through */
.sus-ticks { display: grid; gap: .1rem; }
.sus-tick { display: flex; gap: .6rem; align-items: flex-start; min-height: 44px; padding: .45rem .2rem; cursor: pointer; text-decoration: none; }
.sus-tick input { flex: 0 0 auto; width: 22px; height: 22px; font-size: 16px; margin: .1rem 0 0; accent-color: var(--chqt-accent, #b3124e); }
.sus-letter { margin-top: .8rem; }
/* 16px everywhere: an iPhone zooms on focus under that */
.sus-letter__text { display: block; width: 100%; box-sizing: border-box; font: 16px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif; padding: .6rem .7rem; border: 1px solid var(--chqt-line, #ddd5e6); border-radius: 10px; background: #fff; color: var(--chqt-ink, #191320); resize: vertical; }