.profile-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.settings-open { display:flex; align-items:center; justify-content:center; width:44px; height:44px; flex-shrink:0; border:1px solid #d4ded5; border-radius:50%; background:#fff; color:var(--color-forest-green); font-size:24px; cursor:pointer; }
.settings-heading { display:flex; align-items:center; gap:12px; }
.settings-back { min-height:44px; padding:8px 12px; border:1px solid #d4ded5; border-radius:12px; background:#fff; color:var(--color-forest-green); cursor:pointer; }
.settings-section { margin-bottom:20px; }
.settings-section h3 { margin:0 0 12px; font-size:16px; color:var(--color-forest-green); }
.settings-note { color:#58675d; font-size:13px; line-height:1.5; margin:6px 0 12px; }
.settings-email { font-size:16px; font-weight:600; overflow-wrap:anywhere; }
.settings-row { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:48px; padding:12px 0; border:0; border-bottom:1px solid #e5e9e5; background:transparent; text-align:left; color:var(--color-ink-text); font:inherit; font-size:14px; cursor:pointer; }
.settings-row:last-child { border-bottom:0; }
.settings-row::after { content:'›'; flex-shrink:0; font-size:24px; color:#687a6b; }
.settings-row > span { min-width:0; }
.settings-row small { display:block; margin-top:3px; color:#58675d; line-height:1.4; }
.settings-actions { display:flex; flex-direction:column; gap:10px; }
.settings-actions .btn { margin:0; white-space:normal; }
.settings-actions button:disabled { opacity:.55; cursor:default; }
.settings-section .account-security { margin:16px 0 0; padding:0; box-shadow:none; border:0; background:transparent; }
.settings-section .account-security summary { min-height:44px; display:flex; align-items:center; }
.settings-open:focus-visible, .settings-back:focus-visible, .settings-row:focus-visible { outline:3px solid #478c5a; outline-offset:3px; }
.settings-section [hidden] { display:none !important; }
.settings-about-name { font-size:20px; font-weight:600; color:var(--color-forest-green); }

.settings-section .account-security summary::after { content:"›"; margin-left:auto; font-size:24px; color:#687a6b; }
.settings-section .account-security[open] summary::after { transform:rotate(90deg); }