/* Pinterest Rich Pin Checker (ROADMAP-Calcs-PinPin.md PP53) — the verdict, one line per Rich Pin type, what the tags say (a
   card shaped like the text a Rich Pin adds), the notes; and the paste box. Everything else is the core stylesheet. */
.rpc { align-items: start; }
.chqt .rpc-via { margin: 0; font-weight: 600; color: var(--chqt-muted, #4c4658); }
.rpc-types, .rpc-notes { list-style: none; margin: .5rem 0 0; padding: 0; }
.rpc-types li, .rpc-notes li { padding: .45rem .7rem; margin: .35rem 0; border-radius: 10px; border-left: 4px solid var(--chqt-line, #ddd5e6); background: #fff; font-size: .95rem; overflow-wrap: anywhere; }
.rpc-types li.is-pass, .rpc-notes li.is-pass { border-left-color: #1e7a4a; }
.rpc-types li.is-fix, .rpc-notes li.is-fix { border-left-color: #b26b00; }
.rpc-types li.is-fail, .rpc-notes li.is-fail { border-left-color: #b3124e; }
.rpc-types li.is-info, .rpc-notes li.is-info { border-left-color: #5b6b8c; }
.rpc-types li.is-off { color: var(--chqt-muted, #4c4658); }
.rpc-card { margin: .7rem 0 0; padding: .7rem .85rem; border-radius: 12px; background: #fff; box-shadow: 0 1px 6px rgba(25, 19, 32, .12); overflow-wrap: anywhere; }
.rpc-card[hidden] { display: none; }
.chqt .rpc-card p { margin: 0; }
.chqt .rpc-card__label { font-size: .78rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--chqt-muted, #4c4658); margin-bottom: .3rem; }
.chqt .rpc-card__site { font-size: .85rem; font-weight: 600; }
.chqt .rpc-card__title { font-size: 1.1rem; font-weight: 700; line-height: 1.3; margin: .15rem 0; }
.chqt .rpc-card__desc { font-size: .93rem; color: var(--chqt-muted, #4c4658); }
.chqt .rpc-card__extra { font-size: .9rem; font-weight: 600; margin-top: .3rem; }
/* the paste box: 16px text everywhere (an iPhone zooms on focus under that; the layout check holds every field to it), monospace,
   never wider than its column */
.rpc-src { display: block; width: 100%; box-sizing: border-box; min-height: 12rem; max-height: 60vh; font: 16px/1.45 ui-monospace, SFMono-Regular, Menlo, monospace; padding: .6rem .7rem; border: 1px solid var(--chqt-line, #ddd5e6); border-radius: 10px; background: #fff; color: var(--chqt-ink, #191320); resize: vertical; white-space: pre; overflow: auto; }
.chqt .rpc-form kbd { font: 600 .85em ui-monospace, Menlo, monospace; padding: 0 .3em; border: 1px solid var(--chqt-line, #ddd5e6); border-radius: 4px; background: #fff; }