/* frontend/src/styles/pages/your-data.css — spec 2026-10-12 your-data §2.
   Seven short sections; each heading is a visitor's question. Standard + cozy via tokens only. */
.yd-main { max-width: 820px; margin: 0 auto; padding: 48px 24px 72px; scroll-margin-top: 92px; /* §594.2: the skip link (#main-content) landed the h1 under the sticky nav — same offset as .yd-section */ }
.yd-main h1 { font-size: clamp(32px, 4.5vw, 48px); margin: 0 0 8px; text-wrap: balance; }
.yd-lead { color: var(--fg-muted); font-size: clamp(16px, 1.3vw, 18px); line-height: 1.6; margin: 0 0 36px; }
.yd-lead a { text-decoration: underline; text-underline-offset: 3px; }
.yd-section { padding: 22px 0; border-top: 1px solid var(--border-subtle, rgba(148, 163, 184, 0.18)); scroll-margin-top: 92px; /* anchor links (#delete from the hero/emails) land below the fixed nav */ }
.yd-section h2 { font-size: 22px; margin: 0 0 10px; }
/* §619 round nb1 (Margarethe): the training question, asked in so many words above the sentence that answers it. */
.yd-section h3.yd-q { font-size: 17px; margin: 2px 0 6px; scroll-margin-top: 92px; }
.yd-section p, .yd-section li { line-height: 1.65; color: var(--fg); margin: 0 0 10px; }
.yd-section ul { padding-left: 20px; margin: 0 0 10px; }
.yd-section a { text-decoration: underline; text-underline-offset: 3px; }
.yd-not { color: var(--fg-muted); }
.yd-steps { counter-reset: yd; list-style: none; padding: 0; margin: 0 0 12px; }
.yd-steps li { position: relative; padding-left: 36px; margin-bottom: 8px; }
.yd-steps li::before { counter-increment: yd; content: counter(yd); position: absolute; left: 0; top: 2px; width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 600; color: var(--fg); background: var(--surface-2, rgba(148, 163, 184, 0.16)); }
.yd-shot { display: block; width: 100%; max-width: 640px; height: auto; border-radius: 12px; border: 1px solid var(--border-subtle, rgba(148, 163, 184, 0.18)); margin: 14px 0 6px; }
.yd-caption { font-size: 13px; color: var(--fg-muted); margin: 0 0 12px; }
.yd-table { width: 100%; border-collapse: collapse; margin: 8px 0 12px; font-size: 15px; }
.yd-table th, .yd-table td { text-align: left; padding: 8px 10px; border-bottom: 1px solid var(--border-subtle, rgba(148, 163, 184, 0.18)); vertical-align: top; color: var(--fg); }
.yd-table th { color: var(--fg-muted); font-weight: 500; }
.yd-asof { font-size: 13px; color: var(--fg-muted); }
.yd-links a { margin-right: 18px; }
@media (max-width: 560px) { .yd-main { padding: 32px 16px 56px; } .yd-table { font-size: 14px; } .yd-table th, .yd-table td { padding: 6px 6px; } }
@media print { .top-nav, .lp-footer, .skip-link { display: none; } }