/* Sign-in pages (B): the age question, the provider list and the clash page. Same-origin stylesheet only, no inline styles. */
/* the age question: one plain box in the middle of the screen */
body:has(.age-card) { justify-content: center; }
.age-ask { margin: 0; text-align: center; font-weight: 600; }
.age-row { display: flex; gap: 10px; }
.age-row select { flex: 1 1 0; min-width: 0; font: inherit; padding: 10px; border-radius: 8px; border: 1px solid var(--line); background: var(--panel); color: var(--text); }
.age-row select:first-child { flex: 2 1 0; }
.age-go { text-align: center; }
.age-logo { display: block; height: 104px; width: auto; margin: 0 auto 18px; color: var(--text); }
.age-logo path { fill: currentColor; }
.provider-list { display: flex; flex-direction: column; gap: 10px; }
.provider-list form { margin: 0; }
.provider-list .btn { width: 100%; }
.lead { margin: 0 0 4px; color: var(--muted); }