.account-wrap { max-width: 1120px; }
.account-wrap .lead { max-width: 720px; }
#account-status { margin: 24px 0; min-height: 24px; }
.account-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.account-wrap .card-quiet { margin-bottom: 24px; min-width: 0; }
.account-wrap h2 { margin-bottom: 18px; }
.account-wrap form { display: grid; gap: 16px; margin: 20px 0; }
.account-wrap label { display: grid; gap: 8px; }
.account-wrap input:not([type=checkbox]) { width: 100%; min-width: 0; padding: 12px; background: var(--ot-surface); color: var(--ot-text); border: 1px solid var(--ot-tile-edge); border-radius: 10px; font: inherit; }
.account-check { display: flex !important; align-items: start; }
.account-check input { margin-top: 5px; }
.account-wrap .btn { width: fit-content; }
.account-wrap .account-row { display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:space-between; padding:18px 0; border-bottom:1px solid var(--ot-tile-edge); }
.account-wrap p,.account-row span { overflow-wrap:anywhere; }
.account-wrap [hidden] { display:none !important; }
.account-wrap details { margin-top:20px; }
.account-email-preferences { font-size:14px; }
.account-email-preferences summary { cursor:pointer; min-height:44px; padding-block:12px; }
.account-email-preferences .account-check { margin-top:12px; }
@media(max-width:719px) { .account-grid { grid-template-columns:minmax(0,1fr); } .account-wrap .card-quiet { padding:22px; } }

.account-wrap button.btn { background:var(--ot-surface-2); color:var(--ot-text); border:1px solid var(--ot-tile-edge); font:inherit; }
.account-wrap .btn-link { display:inline-block; margin:8px 16px 8px 0; }
.account-pair-actions { display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin-top:16px; }
.account-pair-actions .btn-link { margin:0; padding-block:10px; min-height:44px; }
.account-wrap .account-profile-heading h2 { margin-bottom:6px; }
.account-profile-heading #profile-email { margin:0; font-size:14px; color:var(--ot-text-2); }
.account-wrap #profile-form { margin:20px 0 12px; gap:8px; }
.account-profile-fields { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:12px; }
.account-wrap button.btn-primary { background:var(--ot-gold); color:var(--ot-on-accent); border-color:var(--ot-gold); }
.account-wrap .account-row button { background:none; border:0; color:var(--ot-text-2); font-size:14px; padding:8px; min-height:44px; }
.account-wrap .account-row button:hover { color:var(--ot-gold); }
.account-wrap #profile-form details { margin-top:0; }
.account-profile-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; padding-top:12px; border-top:1px solid var(--ot-tile-edge); }
.account-profile-actions .btn-link { margin:0; font-size:14px; }
.account-profile-actions .form-note { margin:0; }
.account-signout { background:none; color:var(--ot-text-2); border:0; padding:10px 0; min-height:44px; font:inherit; font-size:14px; cursor:pointer; }
@media(max-width:719px) { .account-profile-fields { grid-template-columns:minmax(0,1fr); } .account-profile-fields .btn { justify-self:end; } }
.article-preview { white-space:pre-wrap; overflow-wrap:anywhere; }