.subject-membership-ui{--smui-text:var(--t24-color-text,#172033);--smui-muted:var(--t24-color-muted,#667085);--smui-surface:var(--t24-color-surface,#fff);--smui-soft:var(--t24-color-surface-soft,#f6f8fb);--smui-border:var(--t24-color-border,#d7dee8);--smui-border-strong:var(--t24-color-border-strong,#b9c4d2);--smui-brand:var(--t24-color-brand,#1769e0);--smui-brand-strong:var(--t24-color-brand-strong,#0f56bd);--smui-brand-soft:var(--t24-color-brand-soft,#eaf2ff);--smui-success:var(--t24-color-success,#067647);color:var(--smui-text);max-width:1280px;margin:0 auto;padding:clamp(1.25rem,3vw,2.5rem) clamp(1rem,2.5vw,2rem) 3.5rem}.subject-membership-ui h1,.subject-membership-ui h2,.subject-membership-ui h3{color:var(--smui-text);text-wrap:balance}.subject-membership-ui p{line-height:1.6}.smui-eyebrow{margin:0 0 .65rem;color:var(--smui-brand-strong);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.smui-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(1.5rem,4vw,4rem);align-items:end;padding:clamp(1.5rem,4vw,3rem) 0 clamp(2rem,5vw,4rem);border-bottom:1px solid var(--smui-border)}.smui-hero__copy{max-width:760px}.smui-hero h1{margin:0;font-size:clamp(2.35rem,5vw,4.6rem);line-height:.98;letter-spacing:-.055em}.smui-hero__lead{max-width:680px;margin:1rem 0 0;color:var(--smui-muted);font-size:clamp(1.05rem,1.8vw,1.22rem)}.smui-hero__proof{display:grid;gap:.75rem;padding:1rem 0}.smui-proof-row{display:grid;grid-template-columns:2rem 1fr;gap:.75rem;align-items:start;padding:.8rem 0;border-top:1px solid var(--smui-border)}.smui-proof-row:first-child{border-top:0}.smui-proof-row strong{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--smui-brand-soft);color:var(--smui-brand-strong);font-size:.82rem}.smui-proof-row span{color:var(--smui-muted);font-size:.9rem}.smui-section{padding:clamp(2rem,4vw,3.5rem) 0}.smui-section__head{display:flex;justify-content:space-between;gap:1.5rem;align-items:end;margin-bottom:1.35rem}.smui-section__head h2{margin:0;font-size:clamp(1.55rem,3vw,2.15rem);letter-spacing:-.03em}.smui-section__head p{max-width:640px;margin:.35rem 0 0;color:var(--smui-muted)}.smui-catalog{display:grid;border-top:1px solid var(--smui-border)}.smui-subject{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,260px);gap:1.5rem;align-items:center;padding:1.5rem 0;border-bottom:1px solid var(--smui-border)}.smui-subject__meta{display:flex;gap:.55rem;flex-wrap:wrap;margin-bottom:.4rem;color:var(--smui-brand-strong);font-size:.78rem;font-weight:750}.smui-subject h2{margin:0 0 .4rem;font-size:clamp(1.25rem,2.4vw,1.65rem)}.smui-subject__description{max-width:760px;margin:0;color:var(--smui-muted)}.smui-subject__features{display:flex;gap:.8rem 1.1rem;flex-wrap:wrap;margin-top:.8rem;color:#344054;font-size:.82rem;font-weight:650}.smui-subject__features span::before{content:"✓";margin-right:.35rem;color:var(--smui-success);font-weight:850}.smui-subject__decision{text-align:right}.smui-price-label{display:block;color:var(--smui-muted);font-size:.75rem}.smui-price{display:block;margin:.1rem 0 .75rem;font-size:1.55rem;font-weight:850;letter-spacing:-.035em}.smui-subject__decision .btn{min-width:190px}.smui-detail-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,390px);gap:clamp(1.5rem,4vw,4rem);align-items:start;padding:clamp(1rem,3vw,2rem) 0 2.25rem}.smui-detail-hero__copy h1{margin:0;font-size:clamp(2.4rem,5vw,4.5rem);line-height:1;letter-spacing:-.055em}.smui-detail-hero__lead{max-width:720px;margin:1rem 0;color:var(--smui-muted);font-size:clamp(1.05rem,1.6vw,1.2rem)}.smui-outcomes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--smui-border);border-bottom:1px solid var(--smui-border);margin-top:1.5rem}.smui-outcome{padding:1rem 1rem 1rem 0}.smui-outcome:nth-child(even){padding-left:1rem;border-left:1px solid var(--smui-border)}.smui-outcome:nth-child(n+3){border-top:1px solid var(--smui-border)}.smui-outcome strong{display:block;font-size:.92rem}.smui-outcome span{display:block;margin-top:.2rem;color:var(--smui-muted);font-size:.82rem}.smui-purchase{position:sticky;top:5.5rem;border:1px solid var(--smui-border);border-radius:1rem;background:var(--smui-surface);box-shadow:var(--t24-shadow-md,0 10px 28px rgb(16 24 40/.09));overflow:hidden}.smui-purchase__active{padding:1rem 1.2rem;background:#ecfdf3;border-bottom:1px solid #a7d7c4;color:#05603a}.smui-purchase__active strong{display:block;margin:.15rem 0 .65rem;color:#064e3b}.smui-purchase__body{padding:1.25rem}.smui-purchase__title{margin:0 0 1rem;font-size:1rem;font-weight:800}.smui-plan-list{display:grid;gap:.7rem;margin-bottom:1rem}.smui-plan{display:block;position:relative;padding:1rem;border:1px solid var(--smui-border);border-radius:.8rem;background:var(--smui-surface);cursor:pointer}.smui-plan:has(input:checked){border-color:var(--smui-brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--smui-brand) 18%,transparent);background:color-mix(in srgb,var(--smui-brand-soft) 55%,white)}.smui-plan__top{display:grid;grid-template-columns:auto 1fr auto;gap:.65rem;align-items:start}.smui-plan__name{font-weight:800}.smui-plan__trial{color:var(--smui-success);font-size:12px;font-weight:800}.smui-plan__desc{margin:.25rem 0 .5rem;color:var(--smui-muted);font-size:.82rem}.smui-plan__prices{display:flex;gap:.8rem;align-items:baseline;flex-wrap:wrap}.smui-plan__monthly{font-size:1.15rem;font-weight:850}.smui-plan__annual{color:var(--smui-success);font-size:.78rem;font-weight:750}.smui-plan__benefits{margin:.7rem 0 0;padding-left:1.15rem;color:#344054;font-size:.78rem}.smui-plan__benefits li+li{margin-top:.28rem}.smui-purchase__field{margin-top:.85rem}.smui-purchase__field .form-label{font-size:.8rem;font-weight:750}.smui-boundary{margin:1rem 0 0;padding-top:1rem;border-top:1px solid var(--smui-border);color:var(--smui-muted);font-size:.78rem}.smui-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--smui-border);border-bottom:1px solid var(--smui-border)}.smui-flow__step{padding:1.4rem 1.25rem 1.4rem 0}.smui-flow__step+.smui-flow__step{padding-left:1.25rem;border-left:1px solid var(--smui-border)}.smui-flow__number{display:block;margin-bottom:.5rem;color:var(--smui-brand-strong);font-size:.75rem;font-weight:850}.smui-flow__step h3{margin:0 0 .35rem;font-size:1.03rem}.smui-flow__step p{margin:0;color:var(--smui-muted);font-size:.88rem}.smui-curriculum{border-top:1px solid var(--smui-border)}.smui-strand{display:grid;grid-template-columns:minmax(160px,220px) minmax(0,1fr);gap:1.5rem;padding:1.35rem 0;border-bottom:1px solid var(--smui-border)}.smui-strand h3{margin:0;font-size:1rem;color:var(--smui-brand-strong)}.smui-skill{padding:.65rem 0;border-top:1px solid color-mix(in srgb,var(--smui-border) 70%,transparent)}.smui-skill:first-child{padding-top:0;border-top:0}.smui-skill strong{display:block}.smui-skill span{display:block;margin-top:.15rem;color:var(--smui-muted);font-size:.84rem}.smui-account-header{display:flex;justify-content:space-between;align-items:end;gap:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--smui-border)}.smui-account-header h1{margin:0;font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.045em}.smui-account-header p{max-width:670px;margin:.55rem 0 0;color:var(--smui-muted)}.smui-account-actions{display:flex;gap:.55rem;flex-wrap:wrap}.smui-memberships{display:grid;margin-top:1.5rem;border-top:1px solid var(--smui-border)}.smui-membership{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,360px);gap:2rem;padding:1.5rem 0;border-bottom:1px solid var(--smui-border)}.smui-membership__top{display:flex;justify-content:space-between;gap:1rem}.smui-membership h2{margin:.2rem 0;font-size:1.35rem}.smui-state{display:inline-flex;align-items:center;height:1.8rem;padding:.25rem .55rem;border:1px solid var(--smui-border);border-radius:999px;background:var(--smui-soft);font-size:12px;font-weight:800;white-space:nowrap}.smui-people{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.75rem;color:var(--smui-muted);font-size:.8rem}.smui-people strong{color:#344054}.smui-learning-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1rem 0}.smui-metric span{display:block;color:var(--smui-muted);font-size:12px}.smui-metric strong{display:block;margin-top:.15rem;font-size:1rem}.smui-mastery{height:.55rem;border-radius:999px;background:var(--smui-soft);overflow:hidden;margin-bottom:1rem}.smui-mastery span{display:block;height:100%;border-radius:999px;background:var(--smui-brand)}.smui-membership__billing{padding-left:1.5rem;border-left:1px solid var(--smui-border)}.smui-billing-summary{margin-bottom:.9rem;color:var(--smui-muted);font-size:.82rem}.smui-billing-panel{padding-top:.9rem;border-top:1px solid var(--smui-border)}.smui-billing-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(100px,.8fr);gap:.65rem}.smui-billing-panel .form-label{font-size:.76rem;font-weight:750}.smui-billing-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.7rem}.smui-payer-note{padding:.9rem 1rem;border-left:3px solid var(--smui-brand);background:var(--smui-soft);color:#344054;font-size:.85rem}.smui-empty{padding:3rem 1rem;text-align:center;border-bottom:1px solid var(--smui-border)}.smui-empty h2{font-size:1.35rem}.smui-empty p{color:var(--smui-muted)}.subject-membership-ui :is(a,button,input,select,summary):focus-visible{outline:3px solid var(--t24-color-focus,#2563eb);outline-offset:2px}@media(max-width:991.98px){.smui-hero,.smui-detail-hero{grid-template-columns:1fr}.smui-purchase{position:static}.smui-membership{grid-template-columns:1fr}.smui-membership__billing{padding:1rem 0 0;border-left:0;border-top:1px solid var(--smui-border)}}@media(max-width:767.98px){.subject-membership-ui{padding-left:1rem;padding-right:1rem}.smui-subject{grid-template-columns:1fr}.smui-subject__decision{text-align:left}.smui-subject__decision .btn{width:100%}.smui-flow{grid-template-columns:1fr}.smui-flow__step,.smui-flow__step+.smui-flow__step{padding:1rem 0;border-left:0;border-top:1px solid var(--smui-border)}.smui-flow__step:first-child{border-top:0}.smui-strand{grid-template-columns:1fr;gap:.7rem}.smui-account-header{align-items:flex-start;flex-direction:column}.smui-learning-metrics{grid-template-columns:1fr 1fr}.smui-billing-grid{grid-template-columns:1fr}.smui-outcomes{grid-template-columns:1fr}.smui-outcome,.smui-outcome:nth-child(even){padding:1rem 0;border-left:0}.smui-outcome:nth-child(n+2){border-top:1px solid var(--smui-border)}}

@media(max-width:575.98px){.subject-membership-ui,.subject-membership-ui *{min-width:0}.subject-membership-ui :is(h1,h2,h3,p,span,strong,a){overflow-wrap:anywhere}.smui-hero,.smui-section__head,.smui-subject,.smui-proof-row{grid-template-columns:minmax(0,1fr)}}
