/* /v/:id — one coloring page, built for people arriving from search or a printed sheet. */
.kicker { margin: 36px 0 0; color: #9a9a9a; font-weight: 600; font-size: 14px; letter-spacing: .04em; text-transform: uppercase; }
.sheet-page h1 { margin-top: 6px; }
.tags { color: var(--ink-2); margin-top: -4px; }
.tag { margin-right: 6px; }
.art { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 24px 0 8px; }
.art figure { margin: 0; }
.art img { width: 100%; height: auto; border: 1px solid var(--rule); border-radius: 12px; background: #fff; display: block; }
.art figcaption { font-size: 14px; color: var(--ink-2); margin-top: 6px; text-align: center; }
.cta { display: flex; align-items: flex-start; gap: 18px; margin-top: 36px; padding: 18px 20px; border-radius: 14px; background: #fff4f0; }
.app-icon { width: 60px; height: 60px; border-radius: 13.5px; box-shadow: 0 2px 8px rgba(0,0,0,.14); flex: none; }
.cta h2 { margin: 0 0 2px; font-size: 14px; font-weight: 700; }
.cta p { margin: 0 0 12px; font-size: 12.5px; color: var(--ink-2); }
.cta .soon { display: inline-block; font-size: 13px; color: var(--ink); background: #fff; border: 1px solid var(--rule); border-radius: 10px; padding: 8px 12px; font-size: 12.5px; white-space: nowrap; }
@media (max-width: 560px) { .art { grid-template-columns: 1fr; } }