/* The existing membership layout, with only the standalone page shell added. */
body.membership-page{background:var(--dark);color:var(--paper)}
.membership-page-nav{display:flex;align-items:center;gap:30px;font-size:14px}
.membership-page-nav>a{min-height:44px;display:inline-flex;align-items:center;gap:12px}
.membership-page-nav>a:first-child{color:#b9c4ac}
.membership-page #memberships{padding-top:48px}
.membership-page .membership-heading h1{font:400 clamp(46px,5.2vw,72px)/1.02 var(--serif);letter-spacing:-.045em;margin:16px 0 18px}
.membership-page .membership-heading h1 em{color:var(--sage)}
.membership-page .membership-table tbody th{position:sticky;left:0;background:var(--dark);z-index:1}
.membership-page #compare-plans,.membership-page #membership-terms{scroll-margin-top:24px}
.membership-page-footer{border-top:1px solid #ffffff24;padding-top:24px;padding-bottom:max(28px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:16px;color:#acb6a1;font-size:13px}
.membership-page-footer a{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:#c6d5ac}
.membership-page-footer svg{width:18px;height:18px}
@media(max-width:800px){
 .membership-page #memberships{padding-top:32px}
 .membership-page .membership-heading h1{font-size:48px;margin:14px 0}
 .membership-page-nav{gap:20px;font-size:13px}
 .membership-page-nav .header-book{font-size:14px}
 .membership-page-footer{flex-direction:column;align-items:flex-start;gap:6px}
}
@media(max-width:370px){.membership-page-nav{gap:12px;font-size:12px}.membership-page .header{padding-inline:20px}}