.membership-page .membership-intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,5vw,72px);align-items:start}
.membership-page .membership-intro-grid p:last-child{margin-bottom:0}
main#main #page-content>.membership-entry{--chapter-background:#173a2c;color:#f0f3ec;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,6vw,80px);align-items:center}
.membership-entry h2{color:#fff;max-width:20ch}.membership-entry .side-label{color:#e0be7e}.membership-entry p{max-width:60ch}
.membership-entry .outline{color:#fff;border-color:#d8e2d1;background:transparent}.membership-entry .outline:hover{background:#2c513d}
.membership-entry .membership-steps{list-style:none;margin:0;padding:0;counter-reset:membership-step}
.membership-steps li{display:grid;grid-template-columns:42px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid #728879;margin:0;counter-increment:membership-step}
.membership-steps li::before{content:"0" counter(membership-step);color:#e0be7e;font-size:14px;font-weight:700;padding-top:5px}
.membership-steps h3{color:#fff;font-size:25px;margin:0 0 8px}.membership-steps p{font-size:16px;margin:0;line-height:1.75}
.membership-fees{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:28px 0}
.membership-fee{padding:28px;background:#fffefb;border:1px solid #d3dccb;border-top:3px solid #bf9451}
.membership-fee h3{margin:0 0 16px}.membership-fee strong{display:block;font:400 48px/1.1 var(--serif);color:#173a2c;margin-bottom:8px}.membership-fee p{font-size:16px;margin:0}
.membership-page .membership-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}
.membership-benefits .editorial-card{min-width:0;margin:0;padding:30px;background:#fffefb;border:1px solid #d3dccb;border-top:3px solid #bf9451}
.membership-benefits .editorial-card:last-child{grid-column:1/-1}.membership-benefits .editorial-card p{font-size:16px;line-height:1.8}.membership-benefits .editorial-card a{font-size:15px}
#membership-dialog{width:min(1160px,calc(100% - 32px));max-width:none;max-height:92dvh;padding:0;border:1px solid #cbd5c4;border-radius:8px;background:#fffefb;color:#223128;box-shadow:0 20px 80px #10291f55;overflow:auto}
#membership-dialog::backdrop{background:#10291fb3;backdrop-filter:blur(2px)}
.membership-dialog-header{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 30px;background:#fffefb;border-bottom:1px solid #d3dccb}
.membership-dialog-header h2{font-size:clamp(25px,3vw,34px);margin:0}.membership-dialog-header button{flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid #a8b59f;border-radius:4px;background:transparent;color:#173a2c;font-size:28px;line-height:1}
.membership-dialog-content{padding:24px 30px}.membership-dialog-content>p{max-width:85ch;font-size:16px}
#membership-dialog .membership-form{margin:24px 0;max-width:none}#membership-dialog .membership-preview{margin:24px 0;scroll-margin-top:110px}#membership-dialog .membership-form{scroll-margin-top:110px}
body:has(#membership-dialog[open]){overflow:hidden}
@media(max-width:800px){.membership-page .membership-intro-grid,main#main #page-content>.membership-entry,.membership-page .membership-benefits{grid-template-columns:1fr}.membership-benefits .editorial-card:last-child{grid-column:auto}}
@media(max-width:600px){.membership-fees{grid-template-columns:1fr;gap:18px}.membership-entry .actions{display:grid}.membership-dialog-header{padding:16px 18px}.membership-dialog-content{padding:18px}#membership-dialog{width:calc(100% - 16px);max-height:95dvh}.membership-dialog-header h2{font-size:25px}#membership-dialog .membership-form{padding:20px 16px}}
