/* DAD sub-pages (thanks / recover-key / privacy / terms).
   Layered on top of the site's style.css + solutions.css — uses the same dark
   theme variables, adds a readable document layout with the DAD cyan accent. */

.dad-doc { margin-top: var(--header-height); padding: var(--spacing-2xl) 0 var(--spacing-3xl); min-height: 60vh; }
.dad-doc .container { max-width: 820px; }
.dad-doc-card {
    background: var(--color-bg-secondary);
    border: 1px solid var(--color-gray-light);
    border-radius: 16px;
    padding: var(--spacing-xl);
}
@media (max-width: 600px) { .dad-doc-card { padding: var(--spacing-lg); } }

.dad-doc h1 { font-size: var(--font-size-3xl); font-weight: 900; letter-spacing: -0.5px; margin-bottom: var(--spacing-xs); color: var(--color-text-primary); }
.dad-doc h2 { font-size: var(--font-size-xl); font-weight: 800; margin: var(--spacing-lg) 0 var(--spacing-sm); color: var(--color-text-primary); }
.dad-doc h3 { font-size: var(--font-size-lg); font-weight: 700; margin: var(--spacing-md) 0 var(--spacing-xs); color: var(--color-text-primary); }
.dad-doc p, .dad-doc li { color: var(--color-text-secondary); line-height: 1.75; }
.dad-doc p { margin-bottom: var(--spacing-sm); }
.dad-doc ul, .dad-doc ol { margin: 0 0 var(--spacing-sm) 1.4rem; }
.dad-doc li { margin-bottom: 0.4rem; }
.dad-doc strong { color: var(--color-text-primary); }
.dad-doc a { color: #00bcd4; text-decoration: none; }
.dad-doc a:hover { text-decoration: underline; }
.dad-doc .meta { color: var(--color-text-muted); font-size: var(--font-size-sm); margin-bottom: var(--spacing-lg); }
.dad-doc code {
    background: rgba(0, 188, 212, 0.12); color: #4dd0e1;
    padding: 2px 7px; border-radius: 5px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.9em;
}

.dad-summary { background: rgba(0, 188, 212, 0.08); border-left: 3px solid #00bcd4; padding: var(--spacing-md); border-radius: 10px; margin-bottom: var(--spacing-md); }
.dad-summary p { margin: 0; }
.dad-callout { background: rgba(245, 158, 11, 0.08); border-left: 3px solid #f59e0b; padding: var(--spacing-md); border-radius: 10px; margin: var(--spacing-md) 0; }
.dad-callout p { margin: 0; }

/* recover-key form */
.dad-form-row { display: flex; gap: 0.75rem; margin: var(--spacing-md) 0 var(--spacing-xs); }
.dad-form-row input {
    flex: 1; font: inherit; padding: 0.9rem 1rem; border-radius: 10px;
    border: 1px solid var(--color-gray-light); background: var(--color-bg-tertiary); color: var(--color-text-primary);
}
.dad-form-row input:focus { outline: none; border-color: #00bcd4; box-shadow: 0 0 0 3px rgba(0, 188, 212, 0.2); }
.dad-form-row .btn { white-space: nowrap; background: #00bcd4; color: #04181c; border: none; }
.dad-form-row .btn:hover { background: #26d6e8; }
.dad-status { min-height: 1.4em; font-weight: 600; margin-top: var(--spacing-sm); }
.dad-status.ok { color: #22c55e; }
.dad-status.err { color: #ef4444; }
@media (max-width: 480px) { .dad-form-row { flex-direction: column; } }

/* thanks steps + buttons */
.dad-steps { counter-reset: step; list-style: none; margin: var(--spacing-md) 0; padding: 0; }
.dad-steps li { counter-increment: step; padding-left: 2.8rem; position: relative; margin-bottom: var(--spacing-sm); color: var(--color-text-secondary); }
.dad-steps li::before {
    content: counter(step); position: absolute; left: 0; top: 0; width: 1.9rem; height: 1.9rem; border-radius: 50%;
    background: #00bcd4; color: #04181c; font-weight: 800; font-size: 0.9rem; display: flex; align-items: center; justify-content: center;
}
.dad-btn-cyan { background: #00bcd4; color: #04181c; border: none; }
.dad-btn-cyan:hover { background: #26d6e8; color: #04181c; }
.dad-doc .btn { display: inline-flex; align-items: center; gap: 0.55rem; }