:root{--blue:#08688c;--ink:#183d4c;--wash:#f2f7f8;--line:#cddde3}*{box-sizing:border-box}body{margin:0;background:#fffdf8;color:var(--ink);font:16px/1.8 system-ui,sans-serif}a{color:var(--blue)}header,main,footer{max-width:1120px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:20px}header img{width:180px;height:60px;object-fit:contain}nav{display:flex;gap:24px}nav a{text-decoration:none}nav [aria-current]{font-weight:700;border-bottom:2px solid var(--blue)}.preview{background:var(--wash);font-size:13px;text-align:center;margin:0;padding:8px}.intro{padding:32px 0}.eyebrow{color:var(--blue);font-size:12px;letter-spacing:.18em}h1{font-size:clamp(27px,4vw,42px);line-height:1.4}h2{font-size:24px}section{padding:28px;border:1px solid var(--line);border-radius:16px;background:white;margin:20px 0}#login{max-width:520px;margin:0 auto}label{display:block;margin:16px 0}input:not([type=checkbox]),select,textarea{display:block;font:inherit;width:100%;min-height:46px;padding:10px;border:1px solid #8ba7b4;border-radius:7px}textarea{resize:vertical;min-height:100px}button{font:inherit;background:var(--blue);color:white;border:0;border-radius:8px;padding:11px 17px;min-height:46px;margin:8px 8px 8px 0;cursor:pointer}button:disabled{opacity:.5;cursor:default}article{padding:15px 0;border-bottom:1px solid var(--line)}pre,p{overflow-wrap:anywhere}pre{white-space:pre-wrap}small{color:#456674}footer{border-top:1px solid var(--line);margin-top:40px;font-size:14px}.skip{position:absolute;top:-80px}.skip:focus{top:8px;left:8px;background:white;padding:12px;z-index:2}:focus-visible{outline:3px solid #9a6714;outline-offset:3px}[hidden]{display:none!important}.member-navigation{position:sticky;top:0;background:#fffdf8;border-bottom:1px solid var(--line);padding:10px 0;display:flex;flex-wrap:wrap;gap:8px;z-index:1}.member-navigation a{padding:8px 12px;border-radius:7px;background:var(--wash);text-decoration:none}#member section{scroll-margin-top:90px}@media(max-width:600px){header,main,footer{padding:16px}header img{width:132px;height:44px}nav{gap:12px;font-size:14px}section{padding:18px}.intro{padding:16px 0}.member-navigation{position:static}button{max-width:100%;overflow-wrap:anywhere}#member section{scroll-margin-top:16px}}
 .profile-avatar{display:inline-block;object-fit:cover;border:1px solid var(--line);border-radius:50%;vertical-align:middle}.profile-avatar--account{width:72px;height:72px}.profile-current-avatar{display:flex;align-items:center;gap:14px;min-height:72px}.profile-current-avatar span{font-weight:700}.profile-current-avatar p{margin:0}
.auth-choices{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 auto 20px;max-width:820px}.auth-choices a{padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--wash);text-decoration:none}.auth-choices a:focus-visible,.auth-choices a:hover{border-color:var(--blue)}#registration,#recovery{max-width:650px;margin:auto}#registration section,#recovery section{margin:0}#registration label:has(input[type=checkbox]){display:flex;align-items:flex-start;gap:10px}#registration label input[type=checkbox]{flex:none;width:20px;height:20px;margin-top:5px}.registration-complete{padding:20px;background:var(--wash);border:1px solid var(--line);border-radius:12px}.registration-complete a{display:inline-block;padding:10px 14px;background:var(--blue);color:#fff;border-radius:8px;text-decoration:none}
#registration .registration-step{margin:22px 0 10px;color:var(--blue);font-weight:700}#registration .registration-hint{font-size:14px;color:#456674;margin:-8px 0 18px}#registration .registration-main-action{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0 8px}#registration .registration-main-action span{font-size:14px;color:#456674}#registration .registration-primary{background:#075f80;color:#fff;font-weight:700;padding:12px 22px;box-shadow:0 2px 0 #06465e}#registration .registration-primary:hover{background:#064d69}#registration .registration-secondary{background:#fff;color:#075f80;border:2px solid #075f80;font-weight:700;padding:9px 16px}#registration .registration-secondary:hover{background:#eaf5f8}#registration .registration-text-action{background:transparent;color:#075f80;text-decoration:underline;text-underline-offset:3px;padding:8px 2px;min-height:40px}#registration .registration-text-action:hover{color:#063e57}#registration .registration-help{margin-top:24px;padding:16px;background:var(--wash);border:1px solid var(--line);border-radius:10px}#registration .registration-help p{margin:0 0 8px}#registration .registration-help-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}#registration .registration-reset{margin-top:22px;border-top:1px solid var(--line);padding-top:14px;font-size:14px}#registration .registration-reset summary{cursor:pointer;color:#456674}#registration [role=status]:not(:empty){padding:10px 14px;background:#eaf5f8;border-left:4px solid var(--blue);border-radius:4px}@media(max-width:600px){#registration .registration-main-action{display:block}#registration .registration-primary{width:100%;margin-right:0}#registration .registration-help-actions{align-items:stretch;flex-direction:column;gap:2px}#registration .registration-secondary{width:100%;margin-right:0}}

/* 2026-10-22 UI proposal: keep the brand and make each action easier to find. */
:root{--blue:#006db5;--ink:#173b50;--wash:#f0f7fb;--line:#d6e3ea;--yellow:#ffd42a}
body{background:#fbfcfd;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:16px;line-height:1.75}
main{max-width:1040px;padding-top:24px}h1{font-size:clamp(28px,4vw,40px);letter-spacing:.02em;margin:8px 0 12px}h2{font-size:22px;line-height:1.5;margin:0 0 18px}h3{font-size:18px;line-height:1.6}p{margin:12px 0}small,.auth-note{font-size:14px;line-height:1.75;color:#4d6777}.eyebrow{font-size:12px;font-weight:700;color:#35637c}.intro{padding:12px 0 24px}.intro p:last-child{color:#4d6777}.preview{background:#eff6fa;color:#466273;font-size:13px;padding:9px 16px}section{border:1px solid var(--line);border-radius:16px;padding:28px;margin:18px 0;background:#fff}label{font-size:16px;font-weight:600;margin:20px 0 10px}label:has(input[type=checkbox]){font-size:15px;font-weight:400;display:flex;align-items:flex-start;gap:10px}input[type=checkbox]{width:20px;height:20px;flex:none;accent-color:var(--blue);margin-top:4px}input:not([type=checkbox]),select,textarea{font-family:inherit;font-size:16px;font-weight:400;line-height:1.5;border-color:#9eb6c4;background:#fff;border-radius:10px;padding:12px;min-height:48px;margin-top:7px}textarea{min-height:120px}input:focus,select:focus,textarea:focus{border-color:var(--blue)}
button{font-family:inherit;font-size:15px;font-weight:600;line-height:1.5;min-height:46px;border:1px solid #b5cbd8;border-radius:10px;padding:11px 16px;background:#fff;color:#075e92;margin:8px 8px 8px 0}button:hover{background:#edf6fb;border-color:var(--blue)}button.primary-action,#registration .registration-primary,.shared-action--primary{color:#fff;background:var(--blue);border-color:var(--blue);font-weight:700;box-shadow:none}button.primary-action:hover,#registration .registration-primary:hover{background:#005b97}.text-action,.registration-text-action{border-color:transparent;background:transparent;text-decoration:underline;text-underline-offset:4px;padding-left:2px}.secondary-action{background:#fff;color:#075e92}button:disabled{opacity:.5}.login-recovery{margin-top:16px}#show-password{border:0;padding-left:0;background:transparent;text-decoration:underline;text-underline-offset:4px}#sign-in{display:block;width:100%;margin-top:18px}
.auth-choices{max-width:540px;border-bottom:1px solid var(--line);gap:0;margin:0 auto 24px}.auth-choices a{flex:1;text-align:center;border:0;border-radius:0;background:transparent;min-height:48px;font-weight:700;padding:14px}.auth-choices a:hover{background:var(--wash)}#login,#registration,#recovery{max-width:560px;margin-left:auto;margin-right:auto}#login{padding:28px}#registration section,#recovery section{padding:28px}.auth-progress{display:flex;list-style:none;gap:10px;padding:0;margin:20px 0 26px}.auth-progress li{flex:1;border-bottom:3px solid #dbe7ed;padding:8px 0;font-size:14px;color:#526d7e;font-weight:600}.auth-progress [aria-current=step]{border-bottom-color:var(--yellow);color:#005f9e;font-weight:800}.auth-return{padding-top:18px;margin-top:22px;border-top:1px solid var(--line)}.recovery-help{padding:14px 16px;margin-top:20px;background:var(--wash);border-radius:10px;font-size:14px}.recovery-help p{margin-top:0}.registration-step{font-size:18px}.auth-note{margin-top:20px}
.member-navigation{position:sticky;top:0;z-index:3;display:flex;gap:6px;flex-wrap:nowrap;padding:10px 0 14px;background:#fbfcfd;border-bottom:1px solid var(--line);margin-bottom:24px}.member-navigation button{flex:1;white-space:nowrap;margin:0;padding:12px 10px;background:#fff;border-color:var(--line);font-size:16px;min-width:0}.member-navigation button[aria-pressed=true]{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:inset 0 -3px 0 var(--yellow)}#member>section{scroll-margin-top:90px}#member article{padding:18px 0}#member article:first-child{padding-top:0}#member article>a:first-child{font-weight:700;font-size:17px}.profile-current-avatar{margin:16px 0}.profile-current-avatar p{font-size:14px}.account-help{background:var(--wash)}.save-help,.candidate-editor{border-top:1px solid var(--line);padding-top:16px;margin-top:20px}.save-help summary,.candidate-editor summary{cursor:pointer;font-size:15px;font-weight:600;color:#41667b;min-height:44px;padding:10px 0}#member [role=status]:not(:empty),#recovery [role=status]:not(:empty){padding:12px 16px;background:#edf6fb;border-left:3px solid var(--blue);border-radius:6px;font-size:15px}#member :is(section,article) p{max-width:72ch}:focus-visible{outline:3px solid #006db5;outline-offset:3px}#member pre{font-family:inherit;font-size:15px;line-height:1.8}#member input[type=file]{font-size:14px}#member .account-help a{font-weight:700}
@media(max-width:600px){main{padding:18px 16px}.intro{padding:8px 0 20px}section,#login,#registration section,#recovery section{padding:20px 18px;border-radius:14px}h2{font-size:21px}.member-navigation{position:sticky;gap:4px;padding:8px 0 12px;margin:0 0 16px}.member-navigation button{font-size:14px;padding:11px 5px}#member>section{scroll-margin-top:84px}.auth-progress{gap:10px}.auth-progress li{font-size:13px}.primary-action{width:100%;margin-right:0}.auth-choices a{font-size:15px}.preview{font-size:12px}.intro p:last-child{font-size:15px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

#member .saved-item{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}#member .saved-item a{min-width:0;overflow-wrap:anywhere}#member .saved-item button{flex-shrink:0}

.member-confirm-dialog{width:min(480px,calc(100vw - 32px));padding:28px;border:1px solid var(--line);border-radius:16px;color:var(--ink);box-shadow:0 20px 80px #173b5033}.member-confirm-dialog::backdrop{background:#102f4a66}.member-confirm-dialog h2{font-size:22px}.member-confirm-dialog button{min-width:110px}