/* Accounts extend the approved Modern palette and bundled Plex typography. */
.account-view {padding-block:32px;}
#account-content {display:grid;gap:24px;}
.account-intro {color:var(--muted);max-width:60ch;}
.account-view h1 {font-size:clamp(30px,4vw,44px);letter-spacing:-1.2px;line-height:1.15;}
.account-view h2 {font-size:23px;line-height:1.25;}
.auth-layout {display:grid;grid-template-columns:1fr 1fr;min-height:530px;gap:0;border-radius:16px;overflow:hidden;border:1px solid var(--line);}
.account-story {display:flex;flex-direction:column;justify-content:flex-end;gap:22px;padding:48px;background:linear-gradient(0deg,#061e3bf2,#061e3b70),url('/static/images/modern-aviation.png') center/cover;color:var(--hero-text);}
.account-story .eyebrow {color:var(--ice);}
.account-story h2 {font-size:clamp(34px,4vw,52px);white-space:pre-line;letter-spacing:-1.5px;}
.account-story>p:last-child {max-width:32ch;color:var(--hero-muted);}
.account-panel {background:var(--surface);padding:30px;border:1px solid var(--line);border-radius:12px;display:grid;gap:18px;align-content:start;min-width:0;}
.auth-layout>.account-panel {border:0;border-radius:0;padding:40px;}
.account-form {display:grid;gap:17px;max-width:480px;}
.account-form label {display:grid;gap:8px;font-size:13px;color:var(--ink);font-weight:500;}
.account-form input:not([type=checkbox]) {width:100%;min-height:46px;box-sizing:border-box;}
.account-form button {justify-self:start;}
.account-form .primary {min-height:46px;}
.account-message {font-size:14px;white-space:pre-line;}
.account-message:empty {display:none;}
.account-links {border-top:1px solid var(--line);padding-top:18px;}
.account-summary {display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
.account-summary>button {margin-left:auto;}
.account-grid {display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;}
.account-email {overflow-wrap:anywhere;color:var(--muted);}
.watch-list {display:grid;gap:0;}
.watch-card {display:grid;gap:12px;padding-block:20px;border-top:1px solid var(--line);}
.watch-card>button {justify-self:start;font-size:12px;}
.watch-card h3 {overflow-wrap:anywhere;}
.account-settings>summary {cursor:pointer;font-weight:600;}
.account-settings[open] {display:grid;gap:24px;}
.account-settings .account-form {margin-top:24px;}
.account-form .account-check {display:flex;flex-direction:row;align-items:start;gap:10px;font-weight:400;}
.account-check input {width:18px;min-width:18px;height:18px;}
.account-dialog {width:min(480px,calc(100vw - 40px));padding:28px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);}
.account-dialog::backdrop {background:#061e3baa;}
@media(max-width:760px){.auth-layout,.account-grid{grid-template-columns:1fr;}.account-story{padding:28px;min-height:230px;}.account-story h2{font-size:34px;}.auth-layout>.account-panel,.account-panel{padding:24px;}.account-summary{gap:14px;}.account-summary>button{margin-left:0;}.site-header nav{flex-wrap:wrap;}}

.email-choices {min-width:0;display:grid;gap:16px;border:0;border-top:1px solid var(--line);padding:18px 0 0;margin:0;}
.email-choices legend {padding:0 10px 0 0;font-weight:600;font-size:15px;}
.email-choices .account-check {font-size:14px;line-height:1.5;cursor:pointer;}
.email-choices input {margin:2px 0 0;accent-color:var(--blue,#4589ff);}