/* Membership copy and prices stay in HTML; gated material never reaches guest markup. */
.membership-layout{padding-bottom:60px}.member-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,1fr);gap:56px;align-items:center;padding:40px 0 54px}.member-hero h1{font-size:clamp(2.25rem,calc(3.6vw * var(--tos-text-factor,1)),3.5rem);line-height:1.13;overflow-wrap:anywhere}.member-hero p{font-size:1.0625rem;max-width:62ch}.member-hero .member-meta{font-size:.8125rem;line-height:1.8;margin:24px 0 0}.member-plans{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:24px;margin:0 0 68px}.member-plan{padding:34px;border:1px solid var(--line);border-radius:16px;background:var(--white)}.member-plan-pro{border:2px solid var(--green);background:var(--soft)}.member-plan h2{font-size:1.75rem}.member-price{display:flex;flex-direction:column;gap:4px;margin:16px 0 24px;color:var(--green)}.member-price>span{font-size:.9375rem;color:var(--muted)}.member-price>strong{font-size:clamp(1.625rem,calc(2.7vw * var(--tos-text-factor,1)),2.5rem);line-height:1.3;letter-spacing:-.035em;overflow-wrap:anywhere}.member-price small{font-size:1rem;letter-spacing:0;color:var(--green)}.member-free-price{font-size:2.5rem;font-weight:650;line-height:1.3;margin:24px 0;color:var(--green)}.member-billing-note{font-size:.8125rem;line-height:1.8;margin:18px 0 0;max-width:70ch}.member-actions{margin:24px 0 0}.member-workshop-card{display:grid;grid-template-columns:minmax(240px,.9fr) minmax(0,1.1fr);gap:34px;padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--white);align-items:center;margin-bottom:48px}.member-workshop-card h2{font-size:clamp(1.625rem,calc(2.3vw * var(--tos-text-factor,1)),2.25rem);line-height:1.25}.member-card-art{width:100%;align-self:stretch;min-height:220px}.member-card-art img{height:100%;object-fit:cover}.member-topics{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin:24px 0}.member-topics li{display:flex;align-items:flex-start;gap:8px;margin:0;font-size:.875rem;color:var(--ink)}.member-topics svg{color:var(--green);margin-top:1px}.member-meta{font-size:.8125rem;color:var(--muted)}.member-social{padding:34px;border:1px solid var(--line);border-radius:16px;background:var(--soft);margin:44px 0}.member-social h2{font-size:1.875rem}.member-social p{max-width:83ch}.member-social p:last-of-type{font-size:.875rem}.member-faq{max-width:850px;margin:50px 0 10px}.member-faq details{border-bottom:1px solid var(--line);padding:0}.member-faq summary{font-weight:600;min-height:48px;padding:18px 0;cursor:pointer;color:var(--green)}.member-faq details p{padding:2px 0 18px;margin:0}.member-lock{padding:34px;border:1px solid var(--line);border-radius:16px;background:var(--white);max-width:850px}.member-lock h2{font-size:1.875rem}.member-lock>.eyebrow{display:flex;align-items:center;gap:8px}.member-lock p{max-width:68ch}.member-access-status{display:flex;align-items:center;gap:10px;padding:16px 20px;background:var(--soft);border:1px solid var(--line);border-radius:10px;color:var(--green);max-width:850px}.member-lesson-body{max-width:85ch;margin:24px auto 44px;line-height:1.9}.member-lesson-body h2{font-size:1.75rem;margin-top:42px;line-height:1.4;scroll-margin-top:130px}.member-lesson-body p,.member-lesson-body li{max-width:none}.member-lesson-body a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.member-lesson-body nav{padding:20px;background:var(--soft);border:1px solid var(--line);border-radius:10px}.member-lesson-body nav ul{columns:2;gap:30px;margin:0;padding-left:22px}.member-lesson-body nav li{break-inside:avoid}.member-lesson-body .tos-workshop-note{background:var(--soft);padding:20px;border-left:3px solid var(--green)}.tos-member-table-wrap{overflow:auto;margin:24px 0;max-width:100%}.tos-member-table-wrap table{width:100%;min-width:620px}.tos-member-table-wrap caption{text-align:left;font-weight:600;color:var(--ink);padding-bottom:12px}.member-profile-link{margin:40px 0 0}.member-promo{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.8fr);gap:34px;padding:34px;border:1px solid var(--line);border-radius:16px;background:var(--soft);align-items:center;margin-block:36px 64px}.member-promo h2{font-size:clamp(1.625rem,calc(2.6vw * var(--tos-text-factor,1)),2.375rem);line-height:1.3}.member-promo .member-price-compact{margin:18px 0 24px}.member-price-compact>strong{font-size:1.5rem}.member-promo-art{width:100%;max-width:420px;justify-self:end}.member-plan .button,.member-lock .button{font-size:.875rem}.member-plan .member-billing-note{color:var(--muted)}
@media(min-width:1201px){.site-header nav{gap:16px}.header-inner{gap:20px}}
@media(max-width:900px){.member-hero{gap:28px}.member-plans{grid-template-columns:repeat(2,minmax(0,1fr))}.member-plan{padding:24px}.member-workshop-card{gap:24px}.member-topics{grid-template-columns:1fr}}
@media(max-width:760px){.member-hero{grid-template-columns:1fr;padding:28px 0 34px;gap:26px}.member-hero h1{font-size:2.25rem}.member-hero .membership-visual{max-width:520px}.member-plans{grid-template-columns:1fr;gap:18px;margin-bottom:44px}.member-workshop-card{grid-template-columns:1fr;padding:20px;gap:24px}.member-card-art{min-height:0}.member-card-art img{height:auto;aspect-ratio:16/9}.member-topics{grid-template-columns:repeat(2,minmax(0,1fr))}.member-social,.member-lock{padding:24px}.member-promo{grid-template-columns:1fr;padding:24px;gap:24px;margin-block:28px 44px}.member-promo-art{grid-row:1;max-width:520px;justify-self:start}.member-promo-art img{aspect-ratio:16/7;object-fit:cover}.member-lesson-body nav ul{columns:1}.member-price>strong{font-size:2rem}.member-hero .member-meta{font-size:.875rem}}
@media(max-width:430px){.member-topics{grid-template-columns:1fr}.member-promo .button-row{align-items:stretch}.member-promo .button-row .button{width:100%}.member-social,.member-lock{padding:20px}.member-hero h1{font-size:2rem}}
html[data-tos-contrast="dark"] :is(.member-plan,.member-lock,.member-workshop-card){background:var(--white)}
@media print{.member-promo,.member-actions,.member-social,.member-lock{display:none!important}.member-lesson-body{max-width:none}.tos-member-table-wrap{overflow:visible}.tos-member-table-wrap table{min-width:0}}
html[data-tos-images] :is(.member-hero,.member-promo,.member-workshop-card){grid-template-columns:minmax(0,1fr)}
:is(html[data-tos-text]:not([data-tos-text="100"]),html[data-tos-spacing]) :is(.member-hero,.member-plans,.member-workshop-card,.member-promo){grid-template-columns:minmax(0,1fr)}
@media print{.member-hero,.member-workshop-card{display:block}.member-plans{grid-template-columns:1fr}}
html[lang^="zh"] .member-hero h1{text-wrap:balance}