[data-account-header]{position:relative;font-size:14px;margin-left:4px;flex-shrink:0;max-width:160px}[data-account-header] summary{cursor:pointer;max-width:150px;overflow-wrap:anywhere}[data-account-header] button,.account-button{font:inherit;cursor:pointer;border:1px solid #bab9b1;border-radius:6px;padding:8px 12px;background:#fff;color:#27251e;text-decoration:none}.account-menu{position:absolute;right:0;top:100%;z-index:100;background:#faf8f5;border:1px solid #bab9b1;box-shadow:0 6px 20px #0002;border-radius:6px;min-width:130px;padding:8px;display:grid;gap:8px}.account-menu a{color:#016a71;padding:6px}.account-dialog{border:1px solid #bab9b1;border-radius:12px;max-width:min(460px,calc(100vw - 32px));padding:24px;background:#faf8f5;color:#27251e}.account-dialog::backdrop{background:#0006}.account-dialog .account-button{display:block;text-align:center;margin:12px 0}.account-dialog p{line-height:1.7}.account-dialog a{color:#016a71}.account-page{max-width:760px;padding:36px 20px 80px;margin:auto;line-height:1.8}.account-page input{font:inherit;font-size:16px;max-width:100%;border:1px solid #bab9b1;padding:9px;border-radius:5px}.account-page button{font:inherit;padding:9px 16px;cursor:pointer;margin:6px;border:1px solid #bab9b1;border-radius:5px;background:#fff}.account-page [role=status]{min-height:1.8em;color:#016a71}.account-page .danger{color:#a12626}.poem-card{border:1px solid #d1d1cd;border-radius:10px;background:#faf8f5;padding:clamp(16px,4vw,36px);margin:20px 0;overflow-wrap:anywhere}.poem-card .poem-line{font-family:'Noto Serif TC','Songti TC',serif;font-size:clamp(22px,5vw,34px);letter-spacing:.12em;line-height:1.9;margin:12px 0 0}.poem-card .poem-reading{font-size:14px;color:#64635d}.poem-card .poem-tones{font-family:monospace;color:#64635d;font-size:14px;letter-spacing:.12em}.poem-card p{white-space:pre-wrap}.account-draft-note{padding:12px;background:#efede8;border-radius:6px}.account-sync-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0}.account-sync-tools button{font:inherit;cursor:pointer;padding:8px 14px;border:1px solid #bab9b1;border-radius:5px;background:#fff}.account-sync-tools input{font-size:16px}.legal-draft{background:#fff2cd;border:1px solid #d9c68c;padding:16px;border-radius:6px}
.account-dialog{position:fixed;inset:0;margin:auto;max-height:calc(100dvh - 32px);overflow:auto}.account-dialog p{white-space:pre-line}.account-dialog button{font:inherit;cursor:pointer;padding:9px 14px;margin:6px 4px 6px 0;border:1px solid #bab9b1;border-radius:5px;background:#fff;color:#27251e}

[data-account-header]{font-size:15px;max-width:min(160px,42vw)}[data-account-header]>a{color:inherit;text-decoration:none;padding:5px 0}[data-account-header]>button{max-width:100%;overflow-wrap:anywhere;padding:5px 8px;text-align:left}.account-menu[hidden]{display:none}.account-menu{max-width:calc(100vw - 28px);min-width:145px}.account-setting{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;border-block:1px solid #d1d1cd;padding:12px 0}.account-setting h2{font-size:18px;margin:0}.account-setting p{font-size:15px;margin:0}.account-setting button{margin-left:auto}.account-page{font-size:16px}.account-page small{font-size:15px}

/* 계정 본문만 셸에 맞춥니다. 모든 화면이 쓰는 머리글 표시는 유지합니다. */
.hn-main .account-page {width:100%;max-width:720px;margin:0;padding:0;font-size:var(--hn-body);line-height:1.8;box-sizing:border-box}
.hn-main .account-page :is(form,label,input,button) {max-width:100%;box-sizing:border-box}
.hn-main .account-page form {display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:16px}
.hn-main .account-page label {display:grid;gap:6px;flex:1 1 240px;min-width:0}
.hn-main .account-page input {min-width:0;width:100%;min-height:44px;font-size:17px;background:var(--hn-paper);color:var(--hn-ink);border-color:var(--hn-line)}
.hn-main .account-page button {margin:0;min-height:44px;white-space:normal}
.hn-main .account-page small {font-size:15px}
.hn-main .account-page .age-confirm {display:flex;flex:none}
.hn-main .account-page .age-confirm input {min-height:22px;width:22px}

/* 스크립트로 도착한 제목은 초점만 유지하고, 탐색 가능한 요소의 표시는 유지합니다. */
.hn-main:has(.account-page, .community-page) .hn-title-row h1[tabindex="-1"]:focus {outline:none}
.hn-main .account-page #me-logout + hr {margin:32px 0}