/* Illustrated app instructions. Static native captures; no account controls. */
.app-guide-page .page-content { max-width: none; }
.app-guide-page .page-content > p,
.app-guide-page .page-content > section:not(.app-guide-step) { max-width: 70ch; }
.app-guide-page .app-guide-step {
 display: grid; grid-template-columns: minmax(0, 1fr) minmax(180px, 270px);
 gap: clamp(24px, 4vw, 52px); align-items: start;
 padding-block: 36px; border-top: 1px solid var(--line);
}
.app-guide-page .app-guide-step + .app-guide-step { margin-top: 0; }
.app-guide-page .app-guide-number { color: var(--accent); font-weight: 700; margin: 0 0 12px; font-size: 1rem; }
.app-guide-page .app-guide-instruction h3 { margin: 0 0 18px; font-size: clamp(1.4rem, 2.2vw, 1.9rem); line-height: 1.18; }
.app-guide-page .app-guide-instruction p + p { margin-top: 16px; }
.app-guide-page .app-guide-figure { margin: 0; min-width: 0; }
.app-guide-page .app-guide-figure > a { display: block; border-radius: 24px; overflow: hidden; line-height: 0; }
.app-guide-page .app-guide-phone > a { border: 5px solid var(--ink); background: var(--paper-2); box-shadow: 0 12px 28px rgba(27,22,35,.10); }
.app-guide-page .app-guide-figure img { display: block; width: 100%; height: auto; }
.app-guide-page .app-guide-figure figcaption { margin-top: 14px; color: var(--ink-2); font-size: .85rem; line-height: 1.55; }
.app-guide-page .app-guide-figure figcaption a { display: inline-block; padding-block: 8px; }
.app-guide-page .app-guide-note { border-left: 3px solid var(--accent); padding: 12px 16px; background: var(--accent-tint); font-size: .95rem; line-height: 1.65; }
.app-guide-page .app-guide-detail { align-self: start; margin-top: 50px; }
.app-guide-page .app-guide-dialog > a { border: 1px solid var(--line); }
.app-guide-page .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (max-width: 700px) {
 .app-guide-page .app-guide-step { grid-template-columns: minmax(0,1fr); gap: 24px; padding-block: 28px; }
 .app-guide-page .app-guide-figure { width: min(100%,300px); margin-inline: auto; }
 .app-guide-page .app-guide-detail { width: 100%; margin-top: 0; }
 .app-guide-page .app-guide-dialog { width: min(100%,360px); }
}