.member-area{--g:var(--green2);--line:#d8ddd9;background:var(--cream);color:var(--ink)}
.member-area main{max-width:960px;margin:auto;padding:30px 18px 24px;min-height:55vh}
.member-area h1{font:700 32px/1.15 Georgia,"Times New Roman",serif;margin:0 0 12px;color:var(--g)}
.member-area h2{font-size:24px;margin:0 0 12px;color:var(--g)}
.member-area p{margin:8px 0 18px}.member-area .muted{color:var(--muted);font-size:14px}
.member-area .kicker{color:var(--muted);font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700}
.member-area .hero{background:var(--green);color:white;border:0;border-radius:16px;display:block;min-height:0;padding:26px;margin:24px 0}
.member-area .hero h2{color:white;font-size:27px;line-height:1.2}.member-area .hero .kicker,.member-area .hero .muted{color:#e2dfce}
.member-area .panel{background:white;border:1px solid var(--line);border-radius:14px;padding:24px;margin:18px 0}
.member-area .login-panel{max-width:600px;margin:24px auto}
.member-area .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:left}
.member-area .stat{padding:18px;background:white;border:1px solid var(--line);border-radius:14px}
.member-area .stat b{display:block;font-size:28px;color:var(--g)}.member-area .stat span{color:var(--muted);font-size:12px}
.member-area .button,.member-area main button{display:inline-block;padding:12px 18px;border:0;border-radius:8px;background:var(--gold);color:#15221b;text-decoration:none;font:inherit;font-weight:700;cursor:pointer;min-height:44px}
.member-area .button.secondary,.member-area main button.secondary{background:white;border:1px solid var(--line);color:var(--g)}
.member-area button:disabled{opacity:.55}.member-area .bottom{position:sticky;bottom:0;display:flex;justify-content:center;background:#fff;border-top:1px solid var(--line);padding:8px 12px calc(8px + env(safe-area-inset-bottom));gap:8px;z-index:10}
.member-area .bottom a{flex:1;max-width:190px;text-align:center;text-decoration:none;font-size:14px;font-weight:700;color:var(--muted);padding:13px 8px;border-radius:10px}
.member-area .bottom a[aria-current="page"]{background:#e8f0eb;color:var(--g)}
.member-area .event{padding:18px 0;border-bottom:1px solid var(--line)}.member-area .event:last-child{border-bottom:0}.member-area .event h3{margin:4px 0;font-size:19px;color:var(--g)}
.member-area .pill{font-size:11px;font-weight:700;display:inline-block;padding:4px 9px;border-radius:20px;background:#ecf1ed;color:var(--g)}
.member-area .row{display:flex;gap:18px;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);padding:12px 0}.member-area .history .muted{display:block}
.member-area .member-help{background:var(--green2);color:white;font-size:14px;display:flex;justify-content:center;gap:24px;flex-wrap:wrap;padding:22px 18px;border-top:3px solid var(--gold)}
.member-area .member-help a{color:var(--gold);padding:8px 0}.member-area .login-actions{display:flex;gap:12px;flex-wrap:wrap}
.member-area .guide{max-width:720px}.member-area .guide ol{padding-left:26px}.member-area .guide li{margin:14px 0}
.member-area .device-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.member-area .device-tabs button{background:white;border:1px solid var(--line);color:var(--g)}.member-area .device-tabs button[aria-pressed="true"]{background:var(--g);color:white}
.member-area .guide .back{display:inline-block;margin-top:16px;color:var(--g)}.member-area .guide-note{border-left:4px solid var(--gold);padding:12px 16px;background:var(--cream)}
.member-area .support-detail{margin-top:24px;font-size:13px;color:var(--muted)}.member-area .support-detail summary{cursor:pointer;padding:6px 0}
.member-area a:focus-visible,.member-area button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}[hidden]{display:none!important}
@media(min-width:780px){.member-area main{padding-top:40px}.member-area .stats{max-width:650px}.member-area .hero{padding:32px}.member-area .panel{padding:28px}}
@media(max-width:370px){.member-area .stat{padding:12px}.member-area .stat b{font-size:24px}.member-area .stats{gap:8px}}