.account { max-width: 64rem; padding-block: 3rem; }
.account h1 { font-size: clamp(2rem,5vw,3rem); line-height: 1.15; }
.account .card { margin-block: 1.5rem; }
.account .card h2 { margin-bottom: 1rem; }
.account form { display: grid; gap: 1rem; max-width: 30rem; }
.account button { margin-block: .6rem; }
.account-nav { display: flex; flex-wrap: wrap; gap: 1rem; padding-block: 1rem; }
.account [hidden], .site-header [hidden] { display: none !important; }
.account .source { border-top: 1px solid var(--color-border); padding-block: 1.25rem; }
.account .source label { display: block; margin-top: .75rem; }
.account .url { display: block; padding: .75rem; background: var(--color-bg); }
.account .device { display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--color-border-subtle); }
.table-scroll { overflow-x: auto; }
.account table { border-collapse: collapse; width: 100%; text-align: left; }
.account th, .account td { padding: .75rem .5rem; border-bottom: 1px solid var(--color-border-subtle); white-space: nowrap; }
#message { min-height: 1.5rem; font-weight: 600; }
.account footer { margin-top: 2rem; }

/* Account identity must fit beside the navigation on narrow screens. */
.site-header .container { flex-wrap: wrap; }
#identity { min-width: 0; overflow-wrap: anywhere; }