.account-page{max-width:1060px;margin:0 auto;padding:44px 28px 72px}.account-heading{max-width:740px;margin-bottom:28px}.account-heading h1{font-size:clamp(28px,4vw,42px);line-height:1.15;margin:10px 0 16px}.account-heading p,.account-card p{line-height:1.65;color:var(--muted,#52636c)}.account-card{background:#fff;border:1px solid var(--line,#dfe5e5);border-radius:20px;padding:28px;margin-bottom:24px}.account-card>.stack{max-width:520px}.account-card>.btn,.account-card>form{margin-bottom:16px}.account-toolbar,.account-links{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.account-list{display:grid;gap:0}.account-list>article{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:24px 0;border-bottom:1px solid var(--line,#dfe5e5)}.account-list>article:last-child{border:0;padding-bottom:0}.account-list h2,.account-list h3{margin:6px 0;font-size:20px;overflow-wrap:anywhere}.account-list p{margin:5px 0;overflow-wrap:anywhere}.account-list>article>div{min-width:0}.account-device{max-width:520px;font-size:13px}.account-notice{padding:16px 20px;background:#eef3ef;border:1px solid #c9d9cf;border-radius:12px;line-height:1.6;overflow-wrap:anywhere}.account-readonly{font-size:12px;font-weight:600;color:#51646d;margin-top:5px}.account-page .btn{white-space:normal;text-align:center;min-height:44px}.account-page .field input,.account-page .field select{font-size:16px}.account-page .account-card{min-width:0}.account-page .fine{max-width:640px}
@media(max-width:650px){.account-page{padding:28px 16px 56px}.account-card{padding:22px 18px;border-radius:16px}.account-list>article{flex-direction:column;gap:12px}.account-list .row{width:100%}.account-list .row>.btn{flex:1 1 160px}.account-toolbar>.btn{flex:1 1 160px}.account-page .stack>.btn{width:100%}.account-page .account-links{display:grid;grid-template-columns:1fr}.account-page h2{font-size:22px}.account-heading{margin-bottom:22px}}

/* Keep the shared brand, but let account navigation occupy its real height. */
.public-header.account-header{position:sticky;top:8px;left:auto;right:auto;transform:none;width:min(calc(100% - 24px),1060px);margin:8px auto 0;display:flex;justify-content:space-between;gap:12px}
.account-header .row{justify-content:flex-end;flex-wrap:wrap}.account-header .brand{flex-shrink:0}
.account-card>.account-list{margin-bottom:20px}
.account-entry{display:flex;justify-content:flex-end;align-items:center;gap:10px;min-width:0}.account-menu{position:relative;flex-shrink:0}.account-menu>summary{list-style:none;cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:center;padding:10px 16px;border:1px solid #d6ded8;border-radius:12px;background:#fff;color:#20343c;font-size:14px;font-weight:700}.account-menu>summary::-webkit-details-marker{display:none}.account-menu>summary:after{content:'⌄';margin-left:12px}.account-menu[open]>summary:after{content:'⌃'}.account-menu nav{position:absolute;z-index:65;right:0;top:calc(100% + 10px);width:min(300px,calc(100vw - 40px));padding:10px;background:#fff;border:1px solid #d9e1d9;border-radius:16px;box-shadow:0 15px 50px #10243326;display:grid;gap:3px}.account-menu nav>div{padding:12px;display:grid;gap:6px;border-bottom:1px solid #e3e8e1;margin-bottom:5px;overflow-wrap:anywhere}.account-menu nav small{font-size:12px;color:#617279}.account-menu nav a,.account-menu nav button{font:inherit;color:#20343c;border:0;background:transparent;text-align:left;display:block;padding:12px;border-radius:9px;min-height:44px;text-decoration:none}.account-menu nav a:hover,.account-menu nav button:hover{background:#edf2e9}.account-menu nav button{color:#a54f36;cursor:pointer}.account-menu summary:focus-visible{outline:3px solid #bb633c;outline-offset:3px}.landing-grid,.landing-grid>*{min-width:0}.landing-free-note{font-weight:600;font-size:14px;color:#445a49;margin:20px 0}.workspace-top{gap:14px;flex-wrap:wrap}.workspace-top>.row{flex:1;min-width:0}.workspace-account{margin-left:auto}.workspace-top .account-menu{z-index:30}
@media(max-width:820px){.workspace-top .workspace-account{justify-self:end;grid-row:3}.public-header:not(.account-header){gap:14px}.account-entry .btn{white-space:normal;text-align:center}}
@media(max-width:570px){.public-header:not(.account-header){grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px}.account-entry{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;justify-items:stretch}.public-header .account-entry .btn{min-height:40px;padding:8px 10px;justify-self:stretch;line-height:1.2}.public-header:has(.account-entry)+main .landing-hero{padding-top:146px}.account-header .account-menu summary{font-size:13px}.account-menu nav{position:absolute}.workspace-account .account-menu nav{right:0}.landing-free-note{line-height:1.5}}

/* Irreversible actions retain readable margins, accessible touch targets and an explicit status. */
.dialog-backdrop:has(#kasou-erasure-confirm){padding:12px}
.dialog:has(#kasou-erasure-confirm){width:min(650px,100%);max-width:100%;min-width:0;overflow-wrap:anywhere}
#kasou-erasure-confirm .input{font-size:16px;width:100%;min-width:0}
#kasou-erasure-confirm .checkbox-row{min-height:44px;align-items:flex-start}
#kasou-erasure-confirm .btn{min-height:44px;white-space:normal}
.account-erasure-receipt{border-top:1px solid #d6dce0;padding:14px 0;overflow-wrap:anywhere}
.account-erasure-receipt strong{font-weight:700}

/* Account and legacy privacy confirmations use the same tested mobile dialog margins. */
.dialog-backdrop:has(#kasou-account-erasure),
.dialog-backdrop:has(#kasou-legacy-dietary-erasure){padding:12px}
.dialog:has(#kasou-account-erasure),
.dialog:has(#kasou-legacy-dietary-erasure){width:min(650px,100%);max-width:100%;min-width:0;overflow-wrap:anywhere}
#kasou-account-erasure .input,#kasou-legacy-dietary-erasure .input{font-size:16px;max-width:100%;width:100%;min-width:0}
#kasou-account-erasure .checkbox-row,#kasou-legacy-dietary-erasure .checkbox-row{min-height:44px;align-items:flex-start}
#kasou-account-erasure .btn,#kasou-legacy-dietary-erasure .btn{min-height:44px;white-space:normal}