/* Secure setup page: reuses the offer, process and credential patterns. */
.secure-intro { margin-bottom: var(--space-row); color: var(--muted); }
.secure-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-field) var(--space-content); margin-top: var(--space-row); }
.secure-section { margin-top: var(--space-section); }
.secure-split, .secure-familiar { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-content) 60px; padding-top: var(--space-inset); border-top: 1px solid var(--line); }
.secure-split h2, .secure-familiar h2, .secure-heading, .secure-closing h2 { font-size: clamp(32px, 3.6vw, 52px); line-height: 1.08; letter-spacing: -.05em; text-wrap: balance; }
.secure-split h2 span, .secure-familiar h2 span, .secure-closing h2 span { color: var(--accent); }
.secure-heading { padding-top: var(--space-inset); border-top: 1px solid var(--line); }
.secure-copy { max-width: 56ch; }
.secure-copy p, .secure-note { color: var(--muted); font-size: 17px; }
.secure-copy p + p { margin-top: 17px; }
.secure-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.secure-list li { padding-block: 14px; border-bottom: 1px solid var(--line); font-size: clamp(18px, 1.6vw, 22px); line-height: 1.35; letter-spacing: -.02em; text-wrap: pretty; }
.secure-note { max-width: 52ch; margin-top: var(--space-row); }
.secure-details > div:last-child { grid-column: 1 / -1; }
.secure-details dd { max-width: 60ch; }
.secure-split .credential-group { grid-column: 1 / -1; margin-top: 0; }
.secure-closing { margin-top: var(--space-section); align-items: end; }
.secure-closing > div:first-child { max-width: 760px; }
.secure-closing .secure-note { margin-top: var(--space-field); font-size: 17px; line-height: 1.5; letter-spacing: normal; }
.secure-closing .secure-actions { flex-shrink: 0; margin-top: 0; }
@media (max-width: 820px) {
  .secure-split, .secure-familiar { grid-template-columns: 1fr; }
  .secure-details > div:last-child { grid-column: auto; }
}
@media (max-width: 700px) {
  .secure-actions { flex-direction: column; align-items: stretch; }
  .secure-actions .text-link { align-self: flex-start; }
  .secure-closing .secure-actions { margin-top: var(--space-content); }
}