/* Pinterest Video Checker (ROADMAP-Calcs-PinPin.md PP75) — the answer, the pick button and the checks first (on a phone too),
   the frame with Pinterest's safe zone under them; the typed facts and the posting steps beside them on a desktop. */
.vc { display: grid; gap: 1.2rem; }
.vc > * { min-width: 0; }
@media (min-width: 900px) { .vc { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: start; } }
.vc .vc-main { display: flex; flex-direction: column; gap: .7rem; background: var(--chqt-cream); border-radius: 14px; padding: 14px 16px; }
.vc .vc-pickrow { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; }
.vc .vc-table { overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid var(--chqt-line, #ddd5e6); border-radius: 12px; background: #fff; }
.vc .vc-checks { width: 100%; border-collapse: collapse; font-size: .95rem; }
.vc .vc-checks th, .vc .vc-checks td { padding: .45rem .55rem; text-align: left; border-top: 1px solid var(--chqt-line, #ddd5e6); vertical-align: top; }
.vc .vc-checks thead th { border-top: 0; font-size: .85rem; color: var(--chqt-muted, #4c4658); }
.vc .vc-ok { color: #1f6b3a; font-weight: 600; }
.vc .vc-no { color: #8a1c2b; font-weight: 600; }
.vc .vc-app, .vc .vc-warn { color: #7a4a00; font-weight: 600; }
.vc .vc-frame { position: relative; width: min(100%, 240px); margin: 0 auto; background: #2a2433; border-radius: 12px; overflow: hidden; }
.vc .vc-frame video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; display: none; }
.vc .vc-frame.vc-has video { display: block; }
.vc .vc-safe { position: absolute; border: 2px dashed #ffd36e; border-radius: 4px; pointer-events: none; }
.vc .vc-frame:not([data-shape="9:16"]) .vc-safe { display: none; }
.vc .vc-drop { position: absolute; left: 0; right: 0; bottom: 8px; text-align: center; color: #fff; font-size: .85rem; }
.vc .vc-frame.vc-has .vc-drop { display: none; }
.vc .vc-two { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.vc .vc-post { margin-top: 1rem; }
.vc .vc-post ol { padding-left: 1.3rem; margin: .5rem 0; }
.vc .vc-post li { margin: .2rem 0; line-height: 1.45; }
.vc .vc-h { font-weight: 700; margin: 0 0 .4rem; }
.chqt-content .vc-specs { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.chqt-content .vc-specs table { width: 100%; border-collapse: collapse; font-size: .95rem; }
.chqt-content .vc-specs th, .chqt-content .vc-specs td { padding: .45rem .55rem; text-align: left; border-top: 1px solid var(--chqt-line, #ddd5e6); vertical-align: top; }