.account-page { max-width: 1050px; }
.account-heading { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:8px 0 20px; border-bottom:3px solid var(--comic-ink); }
.account-heading-links { display:flex; flex-wrap:wrap; gap:18px; font-size:12px; font-weight:750; }
.account-cover { display:flex; align-items:center; justify-content:space-between; overflow:hidden; margin:24px 0; border:3px solid var(--comic-ink); background:var(--comic-pale); box-shadow:5px 5px 0 var(--comic-ink); }
.account-cover > div { padding:25px 30px; position:relative; z-index:1; }
.account-cover h1 { margin:15px 0 8px; font-size:32px; font-weight:900; letter-spacing:-1px; }
.account-cover p { color:var(--muted); font-size:12px; margin:0; }
.account-cover > img { width:240px; height:240px; object-fit:cover; align-self:stretch; }
.account-grid-layout { display:grid; grid-template-columns:1fr 1fr; align-items:start; gap:20px; }
.account-page .card { margin-bottom:22px; padding:24px; min-width:0; }
.account-page h2 { font-size:18px; font-weight:850; }
.account-page .card-title { margin-bottom:18px; }
.account-identity { display:flex; align-items:center; gap:15px; margin:5px 0 18px; }
.account-identity > div { min-width:0; }
.account-identity strong { display:block; font-size:21px; }
.account-identity span { display:block; font-size:12px; color:var(--muted); overflow-wrap:anywhere; }
.account-page label { display:block; font-size:12px; font-weight:750; margin-bottom:6px; }
.account-input-row { display:flex; gap:10px; align-items:center; }
.account-input-row input { min-width:0; flex:1; }
.account-input-row .btn { flex-shrink:0; }
.account-profile-actions { display:flex; flex-wrap:wrap; gap:10px; padding-top:10px; }
.account-profile-actions .btn { font-size:12px; }
.account-admin-links { display:flex; justify-content:space-between; gap:10px; padding-top:18px; margin-top:18px; border-top:1px dashed var(--line); font-size:12px; }
.account-form-result { font-size:12px; min-height:20px; margin:9px 0 5px; color:var(--ok); overflow-wrap:anywhere; }
.account-form-result.is-error { color:var(--danger); }
.account-password-help { padding-top:13px; border-top:1px dashed var(--line); font-size:11px; color:var(--muted); }
.account-password-help summary { cursor:pointer; font-weight:750; }
.account-password-help p { padding-top:8px; margin:0; line-height:1.8; }
.account-session-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px 15px; border-top:1px solid var(--line-soft); padding:14px 0; }
.account-session-row strong { font-size:12px; overflow-wrap:anywhere; }
.account-session-row p { grid-column:1/-1; margin:0; color:var(--muted); font-size:11px; }
.session-revoke-form { max-width:600px; padding-top:16px; border-top:1px dashed var(--line); }
.account-footnote { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; font-size:11px; padding-top:12px; color:var(--muted); }
.help-page { max-width:950px; }
.help-page .help-intro { margin:24px 0; padding:25px; border:3px solid var(--comic-ink); background:var(--comic-yellow); box-shadow:5px 5px 0 var(--comic-ink); }
.help-page h1 { font-size:30px; font-weight:900; }
.help-page .help-links { display:flex; flex-wrap:wrap; gap:8px 16px; font-size:12px; margin-top:18px; }
.help-page article { margin:22px 0; padding:24px; background:#fffefa; border:2px solid var(--comic-ink); }
.help-page article h2 { font-size:20px; margin-bottom:15px; }
.help-page article p, .help-page article li { font-size:13px; line-height:1.9; }
.help-page article ol, .help-page article ul { padding-left:22px; }
.help-page article li { margin-bottom:7px; }
.help-page code { overflow-wrap:anywhere; white-space:normal; }
.help-page .help-note { border-left:4px solid var(--comic-blue); padding:12px 15px; background:var(--comic-pale); }
.comic-header-links { flex-wrap:wrap; justify-content:flex-end; }
@media(max-width:640px) {
  .account-heading { gap:12px; padding-bottom:15px; }
  .account-heading .comic-brand { font-size:18px; }
  .account-heading-links { gap:7px; flex-direction:column; font-size:10px; }
  .account-cover > div { padding:20px 15px; }
  .account-cover .chapter-label { font-size:8px; }
  .account-cover h1 { font-size:25px; }
  .account-cover > img { width:34%; height:auto; object-fit:cover; }
  .account-cover p { font-size:10px; }
  .account-grid-layout { grid-template-columns:1fr; gap:0; }
  .account-page .card { padding:20px 16px; }
  .account-page .input { font-size:13px; }
  .account-input-row .btn { padding:10px; font-size:11px; }
  .account-page .account-identity strong { font-size:19px; }
  .account-page .card-title h2 { font-size:17px; }
  .account-admin-links { flex-wrap:wrap; }
  .help-page .help-intro, .help-page article { padding:20px 16px; }
  .help-page h1 { font-size:25px; }
  .help-page article h2 { font-size:18px; }
  .comic-masthead .comic-header-links { gap:6px 11px; max-width:170px; font-size:10px; }
}
@media print { .bottom-nav,.connect-fab,.help-links,.help-page .btn { display:none!important; } .help-page { max-width:none; padding:0; } .help-page article { break-inside:avoid; } body { background:white; } }