/* Scoped account layout: visual changes here do not affect learning or auth dialogs. */
.account-page {--account-width:760px;}
.account-page .sectionintro,.account-page .account-layout {max-width:var(--account-width);margin-inline:auto;}
.account-page .sectionintro {padding-bottom:20px;}
.account-page .sectionintro h2 {font-size:clamp(1.8rem,4vw,2.35rem);letter-spacing:-.035em;}
.account-layout {display:grid;gap:16px;min-width:0;}
.account-panel {background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:clamp(20px,4vw,32px);}
.account-panel > h2 {font-size:1.05rem;margin:0 0 24px;font-weight:650;}
.account-identity {display:flex;align-items:center;gap:16px;margin-bottom:24px;min-width:0;}
.account-identity > div {min-width:0;}
.account-label {font-size:.85rem;color:var(--muted);margin:0 0 4px;}
.account-avatar {display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:14px;background:var(--soft);color:var(--cobalt-deep);font-size:1.3rem;font-weight:700;}
#accountEmail {display:block;overflow-wrap:anywhere;font-size:1.05rem;}
.account-facts {margin:0 0 22px;}
.account-facts > div {display:grid;grid-template-columns:125px minmax(0,1fr);gap:16px;padding:14px 0;border-top:1px solid var(--line);}
.account-facts dt {color:var(--muted);}
.account-facts dd {margin:0;overflow-wrap:anywhere;}
.account-verified {color:var(--success);font-weight:600;}
.account-sync-detail {margin:0 0 24px;}
.account-sync-detail p {font-size:.9rem;line-height:1.6;}
.account-actions {display:flex;flex-wrap:wrap;gap:10px;}
.account-page .btn {min-height:44px;white-space:normal;box-shadow:none;}
.account-empty h3 {font-size:1.3rem;margin:0 0 10px;}
.account-empty p {line-height:1.65;margin:0 0 20px;}
.account-notice {padding:16px;border:1px solid var(--line);border-radius:10px;margin-bottom:20px;}
.account-notice p {margin-top:0;}
.account-danger {border-top:1px solid var(--line);margin-top:24px;padding-top:16px;}
.account-danger summary,.account-data summary {cursor:pointer;min-height:44px;align-content:center;font-weight:600;}
.account-danger summary {font-size:.9rem;color:var(--muted);}
.account-data {border:1px solid var(--line);border-radius:12px;background:var(--panel);}
.account-data summary {padding:14px 20px;}
.account-data-body {padding:0 20px 20px;}
.account-data .backuprow {display:flex;flex-wrap:wrap;gap:10px;}
.account-page summary:focus-visible {outline:2px solid var(--cobalt-deep);outline-offset:3px;}
@media(max-width:480px){
  .account-facts > div {grid-template-columns:1fr;gap:4px;}
  .account-actions {flex-direction:column;align-items:stretch;}
  .account-identity {gap:12px;align-items:flex-start;}
  .account-data .backuprow .btn {flex:1 1 100%;}
}