.member-body { min-height: 100vh; background: var(--paper); }
.member-layout { display: grid; grid-template-columns: .78fr 1.22fr; min-height: calc(100vh - 83px); }
.member-aside { padding: 105px 8vw 80px 11vw; background: var(--ink); color: var(--paper); }
.member-aside h1 { margin: 0; font: 600 clamp(48px, 5.2vw, 76px)/.98 var(--serif); letter-spacing: -.04em; }
.member-aside > p:not(.eyebrow):not(.aside-small) { max-width: 330px; margin: 30px 0 0; color: rgba(242,238,230,.72); font-size: 14px; line-height: 1.7; }
.member-panel { width: min(670px, 100%); padding: 78px 8vw 65px; }
.member-plans { display: grid; gap: 12px; border: 0; margin: 42px 0 30px; padding: 0; }
.member-plans legend { margin-bottom: 16px; font: 500 25px var(--serif); }
.member-plan { display: flex; align-items: flex-start; gap: 13px; border: 1px solid var(--line); padding: 18px; cursor: pointer; }
.member-plan:has(input:checked) { border-color: var(--olive); background: rgba(105,112,90,.08); }
.member-plan input { flex: 0 0 auto; margin-top: 4px; accent-color: var(--olive); }
.member-plan span { display: grid; gap: 5px; }
.member-plan strong { font: 600 25px var(--serif); }
.member-plan b { color: var(--olive); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.member-plan small { color: #77756f; font-size: 11px; line-height: 1.5; }
.member-success { border-left: 2px solid var(--olive); padding: 18px; background: rgba(105,112,90,.09); }
.member-success h2 { margin: 8px 0; font: 500 30px var(--serif); }
.member-success p { margin: 0; color: #77756f; font-size: 12px; line-height: 1.6; }
@media (max-width: 800px) { .member-layout { display: block; }.member-aside { padding: 65px 8vw 55px; }.member-panel { width: auto; padding: 55px 8vw 60px; } }
@media (max-width: 560px) { .member-panel { padding: 45px 6vw 55px; }.member-aside { padding: 55px 6vw 45px; }.member-plan strong { font-size: 22px; } }