.member-page{--member-ink:#263f34;--member-muted:#526558;--member-accent:#315b4b;color:var(--member-ink);background:#f8f9f5;font-size:17px}.member-welcome h1 span,.member-card h2 span{white-space:nowrap}
.member-header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:21px max(5%,calc((100% - 1120px)/2));background:white;border-bottom:1px solid #e0e6da}.member-brand{font:34px/1.1 Georgia,serif}.member-brand small{display:block;font:13px/1.6 var(--sans);letter-spacing:.04em;margin-top:7px;color:var(--member-muted)}.member-header nav{display:flex;gap:27px;font-size:15px;font-weight:600}.member-header [aria-current]{color:var(--member-accent);border-bottom:2px solid #315b4b;padding-bottom:6px}
.member-main{width:min(1120px,calc(100% - 44px));margin:42px auto 70px}.member-welcome{display:flex;justify-content:space-between;align-items:start;gap:25px;margin-bottom:24px}.member-eyebrow{font-size:12px;letter-spacing:.15em;color:var(--member-accent);margin-bottom:8px}.member-welcome h1{font:600 clamp(29px,3.4vw,39px)/1.7 var(--serif);margin:0 0 12px}.member-welcome p{color:var(--member-muted);margin-bottom:0}.member-account{text-align:right;max-width:310px;overflow-wrap:anywhere;font-size:14px}.member-account p{margin-bottom:10px}.member-link-button{border:0;background:transparent;padding:8px 0;font:inherit;text-decoration:underline;text-underline-offset:4px;color:var(--member-accent);cursor:pointer}
.member-notice{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#edf3e6;border:1px solid #d7e2cd;border-radius:14px;padding:22px 26px;margin:22px 0 30px}.member-notice h2{font:600 21px/1.6 var(--serif);margin:0 0 8px}.member-notice p{color:var(--member-muted);font-size:15px;margin:0}.member-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--member-accent);color:white;padding:12px 22px;border-radius:999px;border:1px solid var(--member-accent);font:600 16px/1.6 var(--sans);cursor:pointer;min-height:46px;text-align:center;flex-shrink:0}.member-button.secondary{background:white;color:var(--member-accent);border-color:#c3d2bb}.member-button:disabled{opacity:.55;cursor:wait}.member-page a:focus-visible,.member-page button:focus-visible,.member-page input:focus-visible{outline:3px solid #638f73;outline-offset:4px}
.member-scopes{display:flex;align-items:center;gap:10px;margin:30px 0 19px}.member-scopes button{border:1px solid #cfdbca;background:white;border-radius:999px;padding:9px 20px;font:600 15px/1.6 var(--sans);color:var(--member-ink);cursor:pointer}.member-scopes [aria-pressed=true]{background:var(--member-accent);color:white;border-color:var(--member-accent)}.member-scope-note{font-size:14px;color:var(--member-muted);margin-left:auto}
.member-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.member-card{min-width:0;border:1px solid #dce4d6;background:white;border-radius:17px;overflow:hidden}.member-card-head{display:flex;align-items:center;gap:19px;padding:27px 28px 20px}.member-card-icon{display:grid;place-items:center;width:62px;height:62px;flex:none;border-radius:16px;background:#edf2e7;color:#3d614a}.member-card-icon svg{width:34px;height:34px}.member-card h2{font:600 26px/1.6 var(--serif);margin:0 0 4px}.member-card-head p{font-size:15px;color:var(--member-muted);margin:0}.member-card-body{padding:0 28px 28px}.member-card .member-button{width:100%}.member-count{font:28px/1 Georgia,serif;color:var(--member-accent);margin-right:5px}.member-summary{font-size:16px;color:var(--member-muted);margin:0 0 20px;min-height:55px}.member-summary strong{display:block;color:var(--member-ink);font:600 21px/1.6 var(--serif);overflow-wrap:anywhere;margin-bottom:6px}.member-summary small{font-size:14px}.member-status{display:inline-block;font-size:13px;padding:3px 11px;border-radius:999px;background:#edf3e7;color:#3a5d45;margin-right:7px}.member-error{color:#8c3d30;font-size:15px;line-height:1.8;margin:14px 0;overflow-wrap:anywhere}
.member-section{margin-top:36px}.member-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.member-section h2{font:600 25px/1.6 var(--serif);margin:0}.member-section-heading p{margin:5px 0 0;color:var(--member-muted);font-size:15px}.member-drafts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.member-draft{display:block;min-width:0;padding:23px;background:white;border:1px solid #dde5d8;border-radius:13px;transition:transform .15s,border-color .15s}.member-draft:hover{transform:translateY(-2px);border-color:#8fa487}.member-draft span{font-size:13px;color:var(--member-accent)}.member-draft h3{font:600 21px/1.7 var(--serif);margin:8px 0 15px;overflow-wrap:anywhere}.member-draft p{font-size:13px;color:var(--member-muted);margin:0 0 16px}.member-draft b{font-size:15px;color:var(--member-accent)}.member-empty{border:1px dashed #cbd8c2;border-radius:13px;background:#f1f5ec;padding:27px;font-size:16px}.member-empty p{font-size:15px;color:var(--member-muted);margin:8px 0 18px}
.member-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.member-tool{display:flex;align-items:center;gap:15px;border:1px solid #dde5d8;border-radius:13px;background:white;padding:20px;min-width:0}.member-tool svg{width:27px;height:27px;flex:none;color:var(--member-accent)}.member-tool strong{font-size:16px;line-height:1.7;overflow-wrap:anywhere}.member-tool small{display:block;font-size:13px;color:var(--member-muted);margin-top:5px}.member-tool:hover{border-color:#8fa487;background:#f1f5ec}.member-next{font-size:14px;color:var(--member-muted);margin:24px 0 0}.member-footer{display:flex;justify-content:space-between;gap:20px;padding:27px max(5%,calc((100% - 1120px)/2));background:white;border-top:1px solid #e0e6da;font-size:13px;color:var(--member-muted)}.member-footer>a:first-child{font:23px/1.5 Georgia,serif}.member-loading{padding:40px;color:var(--member-muted)}
#member-login{width:min(540px,calc(100% - 32px));padding:28px;border:1px solid #d8e2d0;border-radius:17px;color:var(--member-ink);max-height:90vh;overflow:auto}#member-login::backdrop{background:#243c3455;backdrop-filter:blur(4px)}.member-login-head{display:flex;align-items:start;justify-content:space-between;gap:20px}.member-login-head h2{font:600 27px/1.6 var(--serif);margin:0 0 20px}.member-login-close{padding:5px 10px;background:#f0f4e9;border:0;border-radius:8px;font-size:23px;color:var(--member-ink);cursor:pointer}.member-login-form label{display:block;font-size:16px;font-weight:600;margin:20px 0}.member-login-form input{display:block;margin-top:9px;border:1px solid #adbf9f;border-radius:9px;background:white;color:var(--member-ink);padding:12px 14px;font:17px/1.6 var(--sans);width:100%;min-width:0}.member-login-form .member-button{width:100%}.member-login-note{font-size:14px;color:var(--member-muted);margin:17px 0 0}.member-test-code{padding:13px;background:#f3f6ee;border-radius:9px;font-size:14px}.member-test-code strong{font-size:21px;letter-spacing:.1em;display:block}.member-message-error{padding:20px;border:1px solid #e0bbaa;border-radius:12px;background:#fff8f2;color:#873e30;margin-bottom:20px}.member-message-error button{margin-top:12px}#member-message{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#315b4b;color:white;padding:12px 24px;border-radius:14px;max-width:min(500px,calc(100% - 32px));font-size:15px;z-index:60}#member-message:empty{display:none}
@media(max-width:760px){.member-header{padding:17px 22px;gap:15px}.member-brand{font-size:29px}.member-brand small{display:none}.member-header nav{gap:15px;font-size:14px}.member-header nav a:nth-child(2){display:none}.member-main{margin:28px auto 45px}.member-welcome{display:block}.member-account{text-align:left;max-width:none;margin-top:19px}.member-notice{display:block;padding:23px}.member-notice .member-button{margin-top:19px;width:100%}.member-main-grid{grid-template-columns:1fr;gap:16px}.member-card-head{padding:23px 23px 17px}.member-card-body{padding:0 23px 24px}.member-card h2{font-size:24px}.member-drafts{grid-template-columns:1fr}.member-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.member-tool{padding:17px;gap:10px}.member-tool svg{width:23px;height:23px}.member-tool strong{font-size:15px}.member-tool small{font-size:12px}.member-section-heading{align-items:start}.member-section-heading>a{font-size:14px;white-space:nowrap}.member-scopes{flex-wrap:wrap}.member-scope-note{width:100%;margin-left:0}.member-footer{flex-wrap:wrap;font-size:12px}.member-footer span{width:100%;order:3}#member-login{padding:23px}}
@media(max-width:360px){.member-header{padding:17px}.member-header nav{gap:12px;font-size:13px}.member-main{width:calc(100% - 32px)}.member-tools{grid-template-columns:1fr}.member-card-head{gap:13px}.member-card-icon{width:48px;height:48px}.member-card h2{font-size:22px}.member-scopes button{padding:9px 16px;font-size:14px}}
