/* Explanatory visuals in the existing SafePass design system. */
.paperwork-visual{margin:42px 0;padding:30px;background:#eef0e4;border:1px solid var(--line);border-radius:8px;overflow:hidden}.paperwork-visual figcaption h2{font-size:30px;line-height:1.2;margin:0 0 12px;letter-spacing:-1px}.paperwork-visual figcaption>p{font-size:15px;line-height:1.7;color:var(--muted);margin:0 0 28px}.paperwork-visual h3{font:600 19px/1.35 Manrope,sans-serif;letter-spacing:-.4px;margin:13px 0 9px}.paperwork-visual p,.paperwork-visual li,.paperwork-visual dd{font-size:14px;line-height:1.7}.paperwork-visual .visual-caption{font-size:12px;line-height:1.7;color:var(--muted);margin:24px 0 0;padding-top:18px;border-top:1px solid #cbd5c5}.visual-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;list-style:none;margin:0;padding:0}.visual-flow li{margin:0;padding:18px;background:var(--cream);border:1px solid var(--line);border-radius:5px}.step-index{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--ink);color:#fff;font:600 14px Manrope,sans-serif}.visual-flow p{margin:0;color:var(--muted)}.visual-compare,.visual-file{display:grid;grid-template-columns:1fr 1fr;gap:20px}.visual-compare>section,.visual-folder,.visual-followup{padding:23px;background:var(--cream);border:1px solid var(--line);border-radius:5px}.visual-icon{width:32px;height:32px;color:var(--ink)}.visual-compare h3{font-size:26px}.visual-purpose{color:var(--ink)!important;font-weight:600}.paperwork-visual dt{font-size:12px;font-weight:700;color:var(--ink);margin-top:18px}.paperwork-visual dd{margin:4px 0 0;color:var(--muted)}.visual-file ul{padding-left:20px;color:var(--muted)}.folder-tab{display:block;width:max-content;max-width:100%;font-size:12px;font-weight:600;background:#dfe7cb;padding:7px 11px;border-radius:5px;margin-bottom:20px}.visual-followup{background:#133c36;color:white}.visual-followup h3,.visual-followup dt{color:white}.visual-followup dd{color:#dfe7df}@media(max-width:1050px){.visual-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.paperwork-visual{padding:22px;margin:30px 0}.paperwork-visual figcaption h2{font-size:26px}.visual-flow,.visual-compare,.visual-file{grid-template-columns:1fr}.visual-flow li{padding:18px}.visual-compare>section,.visual-folder,.visual-followup{padding:20px}}@media print{.paperwork-visual{break-inside:avoid;background:white}.visual-followup{background:white;color:#133c36}.visual-followup h3,.visual-followup dt,.visual-followup dd{color:#133c36}}