/* Account area — extends site.css */
.acct .doc { padding-top: 112px; min-height: 70vh; }
.acct h1 { margin-bottom: 12px; } .acct h2 { font-size: 23px; margin-bottom: 8px; }
.acct .lead { margin-bottom: 24px; }
.panel { border: 1px solid var(--line-on-paper); border-radius: 8px; padding: 24px; margin: 0 0 24px; background: rgba(255,255,255,.4); }
.panel-accent { border-color: var(--color-gold-dark); }
.cards { display: grid; gap: 0; margin-top: 32px; }
.status { font-size: 14px; color: var(--color-on-paper-muted); margin: 0; }
.status-ready { color: var(--color-jade-dark); font-weight: 500; }
.status-wait { color: var(--color-gold-dark); } .status-soon { color: var(--color-on-paper-muted); font-style: italic; }
.status-error { color: var(--color-cinnabar); }
.alert { border: 1px solid var(--line-on-paper); border-left-width: 3px; border-radius: 4px; padding: 14px 16px; margin: 0 0 24px; background: rgba(255,255,255,.5); }
.alert-ok { border-left-color: var(--color-jade-dark); } .alert-info { border-left-color: var(--color-gold-dark); } .alert-error { border-left-color: var(--color-cinnabar); }
.form label { margin-top: 18px; } .form .row2 label { margin-top: 0; }
.row2 { display: grid; gap: 0 20px; margin-top: 18px; } @media (min-width: 640px) { .row2 { grid-template-columns: 1fr 1fr; } }
label.check { display: flex; gap: 12px; align-items: flex-start; font-weight: 400; margin-top: 20px; }
label.check input { width: 22px; height: 22px; margin-top: 3px; accent-color: var(--color-ink); flex: none; }
.linklike { background: none; border: 0; padding: 12px 0; font: inherit; font-size: 15px; color: var(--color-on-ink-muted); cursor: pointer; text-decoration: none; }
.linklike:hover { color: var(--color-on-ink); }
.checks { list-style: none; padding: 0; margin: 24px 0; } .checks li { padding: 10px 0 10px 32px; position: relative; border-top: 1px solid var(--line-on-paper); }
.checks li::before { content: ""; position: absolute; left: 4px; top: 19px; width: 12px; height: 7px; border-left: 2px solid var(--color-gold-dark); border-bottom: 2px solid var(--color-gold-dark); transform: rotate(-45deg); }
.acct .nav-links a, .acct .linklike { color: var(--color-on-ink-muted); }
.acct .nav-links { gap: 24px; }

.acct .panel h2 { margin-top: 0; }
.acct .panel .facts dd { font-size: 23px; }
.acct .panel { padding: 24px; } .acct .panel > :last-child { margin-bottom: 0; }
.acct .nav-links { flex-wrap: nowrap; } @media (max-width: 560px) { .acct .nav-links { gap: 14px; } .acct .nav-links a, .acct .linklike { font-size: 14px; } .acct .brand { font-size: 20px; } .acct .brand img { width: 24px; } }
.yearrow { border-top: 1px solid var(--line-on-paper); padding: 14px 0 6px; margin-top: 8px; }
.yearrow h3 { font-size: 23px; margin: 0 0 8px; }