/* Shared account navigation, loaded after the canonical site stylesheet. */
.account-main { padding-block:3rem 4rem; min-height:70vh; }
.account-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.65fr); gap:3rem; align-items:start; }
.account-intro h1 { font-size:clamp(2rem,4vw,3rem); line-height:1.12; margin:.75rem 0 1rem; letter-spacing:-.04em; }
.account-intro p { color:var(--muted); max-width:36rem; }
.account-help { margin-top:2rem; padding:1.2rem; border:1px solid var(--border); border-radius:var(--radius); background:var(--surface-muted); }
.account-help p { margin:.5rem 0; font-size:.9rem; }
.link-card { min-width:0; padding:clamp(1.3rem,3vw,2.25rem); border:1px solid var(--border); border-radius:var(--radius-lg); background:linear-gradient(135deg,var(--surface),var(--bg-soft)); box-shadow:var(--shadow); }
.link-card h2 { margin:0 0 1rem; font-size:1.5rem; line-height:1.3; }
.link-card h3 { margin:1.8rem 0 .75rem; font-size:1.1rem; }
.link-card p,.link-card li { color:var(--muted); line-height:1.65; }
.link-card li { margin:.5rem 0; }
.link-card ol { padding-left:1.4rem; }
.link-card form { display:grid; gap:.7rem; margin:1.5rem 0; }
.link-card label { font-weight:750; color:var(--text); }
.link-card input:not([type="hidden"]) { width:100%; min-width:0; min-height:3.15rem; padding:.8rem 1rem; border:1px solid var(--border-strong); border-radius:var(--radius-sm); background:var(--bg); color:var(--text); font:inherit; }
.link-card input::placeholder { color:var(--muted); opacity:.65; }
.link-card input:focus-visible { outline:2px solid var(--primary); outline-offset:3px; }
.link-button { min-height:3rem; padding:.8rem 1rem; border:1px solid var(--primary); border-radius:var(--radius-sm); background:var(--primary); color:var(--bg); font:inherit; font-weight:800; cursor:pointer; text-align:center; text-decoration:none; }
.link-button:hover { background:var(--primary-soft); }
.link-button:disabled { opacity:.5; cursor:not-allowed; }
.link-button--secondary { background:transparent; color:var(--text); border-color:var(--border-strong); }
.link-button--secondary:hover { background:var(--surface-strong); }
.link-card .link-id { display:inline-block; margin:.25rem 0 .8rem; padding:.55rem 1rem; border:1px solid var(--border-strong); border-radius:var(--radius-sm); color:var(--primary-soft); font-family:Consolas,monospace; font-size:2rem; font-weight:800; }
.link-card .link-note { font-size:.9rem; }
.link-card .link-error,.link-card [role="status"],.account-confirm { padding:1rem; border:1px solid var(--border); border-radius:var(--radius-sm); background:rgba(184,117,255,.08); overflow-wrap:anywhere; }
.link-card .link-error { border-color:var(--danger); color:var(--danger); background:rgba(255,141,154,.06); }
.link-card strong { color:var(--text); overflow-wrap:anywhere; }
.account-actions { display:flex; flex-wrap:wrap; gap:1rem; align-items:center; margin-top:1.25rem; }
.account-recovery { margin-top:1.8rem; padding-top:1.5rem; border-top:1px solid var(--border); }
.account-recovery h3 { margin-top:0; }
.account-recovery .link-button { display:inline-block; max-width:100%; }
.account-footer { padding-top:1.5rem; }
.account-footer nav { line-height:2; }
.account-sections { display:flex; flex-wrap:wrap; gap:.5rem 1rem; margin:0 0 1.25rem; }
.account-sections a { display:inline-flex; align-items:center; min-height:44px; color:var(--primary-soft); text-underline-offset:.2em; }
.account-section-anchor,#account-skin,#account-deaths { scroll-margin-top:6rem; }
@media (min-width:56.01rem) and (max-width:75rem) {
    .site-nav { gap:.5rem; }
    .site-nav__links { gap:.1rem; }
    .site-nav__links a { padding:.5rem .45rem; font-size:.85rem; }
}
@media (max-width:56rem) {
    .account-layout { grid-template-columns:1fr; gap:1.5rem; }
    .account-main { padding-top:1.75rem; }
    .account-intro h1 { font-size:2rem; }
    .account-help { display:none; }
}

.account-intro h1,.link-card h2,.link-card h3 { font-family:var(--font-mono, "Cascadia Mono", "SFMono-Regular", Consolas, monospace); }
.password-toggle { justify-self:start; min-height:2.75rem; padding:.45rem .7rem; border:1px solid var(--border); border-radius:var(--radius-sm); background:transparent; color:var(--text); font:inherit; cursor:pointer; }
.password-toggle:hover { background:var(--surface-strong); }
.password-toggle:focus-visible { outline:2px solid var(--primary); outline-offset:3px; }