.nav.wrap{padding-inline:24px}
#why{background:var(--paper);padding:64px 0}
.membership-pitch{display:flex;flex-direction:column;align-items:center;text-align:center}
.membership-pitch>.kicker{grid-column:1/-1;margin-bottom:18px}
#why h1{font-family:var(--serif);font-size:clamp(2.5rem,4.5vw,3.6rem);font-weight:500;line-height:1.08;letter-spacing:-.015em;max-width:none;margin-inline:auto;white-space:nowrap}
#why .membership-intro{max-width:760px;margin:32px auto 0}
#why .membership-intro>.lede{margin:0 auto;max-width:65ch;line-height:1.7}
#why .membership-intro .cta-row{justify-content:center;animation:none}
.benefit-register{margin-top:24px;text-align:center;max-width:100%}
#membership-benefits{margin-top:48px;gap:24px}
#membership-benefits .benefit{padding:28px;background:var(--raise);border:1px solid var(--line);border-radius:16px}
.membership-evidence{background:var(--raise);border-top:1px solid var(--line-soft)}
#membership-benefits .benefit h3{font-size:1.45rem;line-height:1.2}
#membership-benefits .benefit p{margin-top:16px;line-height:1.7}
@media(max-width:760px){#why{padding:40px 0}#why h1{white-space:normal}.membership-pitch{gap:0}.membership-pitch>.kicker{margin:0}#membership-benefits{margin-top:32px;grid-template-columns:1fr;gap:20px}#membership-benefits .benefit{padding:24px}}

/* Membership: reasons to join, communities, evidence, costs and getting started. */
.membership-free{margin-top:14px;font-size:.9rem;color:var(--ink-soft);line-height:1.6}
.membership-free strong{color:var(--ink)}
#communities .lede{max-width:74ch}
.comm-chip{font-size:.95rem;min-height:44px}
.comm-panel[hidden]{display:none}
.comm-panels[hidden]{display:none}
.comm-chip[aria-expanded="true"]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.comm-panel .exp{font-size:1rem}
.community-framework{margin-top:18px;border-top:1px solid var(--line);padding-top:14px;font-size:.9rem;color:var(--ink-soft)}
.community-framework summary{cursor:pointer;font-weight:600;color:var(--accent)}
.community-framework p{margin-top:10px;max-width:72ch}
.community-framework a{display:inline-block;margin-top:10px;text-underline-offset:3px}
.membership-proof-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:56px;align-items:center}
.membership-proof h2{max-width:24ch}
.evidence-summary{margin-top:28px}
.evidence-summary>div{padding:14px 0;border-top:1px solid var(--line)}
.evidence-summary dt{font-weight:600}
.evidence-summary dd{font-size:1rem;color:var(--ink-soft);margin-top:4px}
.review-approach{margin-top:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;font-size:1rem;color:var(--ink-soft)}
.review-approach summary{cursor:pointer;font-weight:600;color:var(--accent);line-height:1.5}
.review-approach p{margin-top:14px;line-height:1.65;max-width:65ch}
.membership-reassurance{margin-top:22px;font-size:1rem;color:var(--ink-soft)}
.membership-reassurance strong{color:var(--ink)}
.membership-example .rec{max-width:none}
.membership-example .rec-row{display:grid;grid-template-columns:1fr;justify-items:start;gap:12px}
.membership-example .rec-row .cap span,.membership-example .r-badge,.membership-example .rec-foot,.membership-example .rec .meta{font-size:.875rem}
.membership-example .rec.play .rec-row,.membership-example .rec.play .rec-foot{animation:none}
.membership-example .btn{margin-top:18px}
.example-caption{margin-top:14px;font-size:.9rem;color:var(--ink-soft)}
.membership-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:20px;margin-top:16px}
.membership-plan{display:grid;grid-template-rows:subgrid;grid-row:span 5;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.membership-plan h3,.membership-extras h3,.membership-questions h3{font-family:var(--serif);font-size:1.4rem;font-weight:600;line-height:1.25}
.plan-price{font-family:var(--serif);font-size:2rem;font-weight:500;color:var(--ink);margin-top:14px;line-height:1.3;align-self:baseline}
.organisation-price{font-family:var(--sans);font-size:1.05rem;line-height:2.6rem;font-weight:600}
.plan-purpose{margin-top:16px;color:var(--ink-soft);font-size:1rem}
.membership-plan ul{padding-left:18px;margin-top:18px;font-size:1rem;color:var(--ink-soft)}
.membership-plan li+li{margin-top:8px}
.membership-plan li::marker{color:var(--ink-faint)}
.plan-status{margin-top:24px;border-top:1px solid var(--line);padding-top:16px;color:var(--ink-soft);font-size:.9rem}
.plan-status .plan-contact{display:block;margin-top:12px}
.pricing-controls{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px}
.billing-switch{display:inline-flex;flex:none;gap:2px;padding:2px;border:1px solid var(--line);border-radius:8px;background:var(--raise)}
.billing-switch button{border:0;border-radius:5px;padding:8px 13px;min-height:44px;font:600 .875rem var(--sans);cursor:pointer;background:transparent;color:var(--ink-soft)}
.billing-switch button[aria-pressed="true"]{background:var(--paper);color:var(--accent)}
.billing-switch button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.plan-price .price-period{font-family:var(--sans);font-size:1rem;font-weight:400;color:var(--ink-soft)}
.billing-detail{font-size:.9rem;line-height:1.5;color:var(--ink-soft)}
.membership-extras{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:32px;padding-top:28px;border-top:1px solid var(--line)}
.membership-extras h3{font-size:1.2rem}
.membership-extras p{margin-top:12px;color:var(--ink-soft);font-size:1rem}
.membership-extras a{color:var(--accent);text-underline-offset:3px}
.membership-price-note{margin-top:24px;font-size:.9rem;color:var(--ink-soft)}
.membership-start-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px}
.membership-questions h3{margin-bottom:18px}
.membership-questions details{border-top:1px solid var(--line);padding:17px 0}
.membership-questions details:last-child{border-bottom:1px solid var(--line)}
.membership-questions summary{cursor:pointer;font-weight:600;font-size:1rem;line-height:1.5}
.membership-questions details p{margin-top:12px;font-size:1rem;color:var(--ink-soft)}
summary:focus-visible,.comm-chip:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:900px){
  .membership-proof-grid,.membership-start-grid{gap:32px}
  .membership-plans{grid-template-columns:1fr}
  .membership-plan{display:block;grid-row:auto;margin-bottom:16px}
}
@media(max-width:760px){
  .membership-proof-grid,.membership-start-grid,.membership-extras{grid-template-columns:1fr;gap:32px}
  .membership-example .rec{padding:20px}
  .membership-plan{padding:24px}
  .pricing-controls{align-items:flex-start;flex-direction:column;gap:12px}
  .membership-questions{margin-top:4px}
  main>section{padding:44px 0}
}

/* Short, ordered specialisms with middle-dot bullets. */
.comm-panel .community-specialisms {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 32px;
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
  color: var(--ink-soft);
  font-size: 1rem;
  line-height: 1.6;
}
.community-specialisms li { position: relative; padding-left: 18px; }
.community-specialisms li::before {
  content: "·";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--accent);
  font-weight: 600;
}
@media (max-width: 760px) {
  .comm-panel .community-specialisms { grid-template-columns: 1fr; gap: 8px; }
}

/* A compact view of experience, beside the detail behind the record. */
.membership-shape{margin-top:48px;padding:32px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);gap:30px;align-items:center;background:var(--paper);border:1px solid var(--line-soft);border-radius:20px;scroll-margin-top:24px}
.membership-shape .kicker{margin-bottom:12px;font-size:.95rem}
.membership-shape h3{font:500 1.8rem/1.15 var(--serif);letter-spacing:-.01em}
.membership-shape-copy>p:not(.kicker){margin-top:16px;font-size:1rem;line-height:1.65;color:var(--ink-soft)}
.membership-shape-copy>.membership-shape-note{padding-top:16px;border-top:1px solid var(--line)}
.membership-radar{min-width:0;width:100%;margin:0}
.membership-radar svg{width:100%;height:auto;display:block;overflow:visible}
.membership-radar text{font-family:var(--sans);font-size:15px;fill:var(--ink-soft)}
.membership-radar .rd-strong{fill:var(--ink);font-weight:600}
.membership-radar .rd-grid circle{stroke:var(--line);opacity:1}
.membership-radar .rd-poly{fill-opacity:.17;stroke-width:2.2}
.membership-radar figcaption{font-size:.875rem;color:var(--ink-soft);text-align:center;line-height:1.5;margin-top:18px}
.membership-radar .radar-mobile,.radar-key{display:none}
@media(max-width:1000px){.membership-shape{grid-template-columns:1fr;gap:28px}.membership-shape-copy{max-width:64ch}.membership-radar{max-width:580px;justify-self:center}}
@media(max-width:600px){
  .membership-shape{padding:24px 20px;margin-top:32px;gap:24px}
  .membership-shape h3{font-size:1.65rem}
  .membership-radar .radar-desktop{display:none}
  .membership-radar .radar-mobile{display:block;max-width:330px;margin:auto}
  .membership-radar .radar-mobile text{font-size:16px;fill:var(--ink)}
  .radar-key{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;padding-left:22px;margin:18px 0 0;font-size:.875rem;line-height:1.5;color:var(--ink-soft)}
  .radar-key li::marker{color:var(--accent);font-weight:600}
}

/* Give the experience radar a full section and a quieter type hierarchy. */
.membership-experience { padding: 64px 0; background: #fff; }
.membership-experience .membership-shape { margin: 0; padding: 36px; gap: 44px; border: 0; background: #f1f5fb; grid-template-columns: minmax(0,.9fr) minmax(0,1.2fr); }
.membership-experience h2 { font-family: var(--serif); font-size: 2rem; font-weight: 400; line-height: 1.25; letter-spacing: -.025em; margin: 0 0 24px; }
.membership-experience .membership-shape-copy>p:not(.kicker) { font-size: .95rem; line-height: 1.7; }
.membership-experience .membership-radar text { font-size: 12px; font-weight: 400; }
.membership-experience .membership-radar .rd-strong { font-weight: 500; fill: var(--accent); }
.membership-experience .membership-radar figcaption { font-size: .78rem; font-family: var(--sans); font-style: normal; margin-top: 16px; }
@media(max-width:1000px){.membership-experience .membership-shape{grid-template-columns:1fr;gap:30px}}
@media(max-width:600px){.membership-experience{padding:40px 0}.membership-experience .membership-shape{padding:24px 20px}.membership-experience h2{font-size:1.7rem}.membership-experience .membership-radar .radar-mobile text{font-size:14px}}

/* Keep the label within the heading row of the five-row pricing grid. */
.plan-label{margin-top:8px;color:var(--ink-soft);font-family:var(--sans);font-size:.875rem;line-height:1.5}
.plan-price .price-prefix{font-family:var(--sans);font-size:1rem;font-weight:400;color:var(--ink-soft)}