.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:34px 0 0;color:rgba(255,255,255,.55);font-size:13px;font-weight:850;letter-spacing:.03em}
.breadcrumbs a{color:rgba(255,255,255,.75);transition:.25s ease}.breadcrumbs a:hover{color:var(--brand-two)}.breadcrumbs span{color:rgba(255,255,255,.50)}
.support-hero{padding:46px 0 30px}.support-hero-panel{padding:clamp(28px,5vw,58px);border-radius:44px;border:1px solid var(--line);background:radial-gradient(circle at 100% 0%,rgba(242,50,0,.22),transparent 24rem),linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.04));box-shadow:var(--shadow)}
.support-hero-panel h1{margin:24px 0 0;max-width:980px;font-size:clamp(46px,7vw,92px);line-height:1.04;letter-spacing:-.035em}.support-hero-panel p{color:var(--muted);font-size:19px;line-height:1.72;max-width:920px}.support-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px;align-items:stretch}.tier-card{position:relative;display:flex;flex-direction:column;padding:30px;border-radius:36px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.04));box-shadow:0 26px 70px rgba(0,0,0,.22)}.tier-card.recommended{border-color:rgba(242,50,0,.65)}
.tier-badge{display:inline-flex;width:fit-content;padding:7px 11px;border-radius:999px;font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px;border:1px solid}.bronze{color:#f0a55b;border-color:#d9903d}.silver{color:#e3e3e3;border-color:#c0c0c0}.gold{color:#ffe27a;border-color:#f2c94c}
.tier-card h3{margin:0;font-size:30px;letter-spacing:-.04em}.tier-price{margin:8px 0 18px;font-size:42px;font-weight:950;letter-spacing:-.05em}.tier-price span{font-size:15px;color:var(--soft);letter-spacing:0}.tier-card p,.tier-card li{color:var(--muted);line-height:1.65}.tier-card ul{padding-left:20px}.tier-card li{margin:8px 0}.tier-card strong{color:#fff}.tier-card .mini-button{margin-top:auto}.recommended-ribbon{position:absolute;right:18px;top:18px;padding:7px 10px;border-radius:999px;background:linear-gradient(135deg,var(--brand),var(--brand-two));font-size:10px;font-weight:950;text-transform:uppercase}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}.detail-card{padding:30px;border-radius:32px;border:1px solid var(--line);background:rgba(255,255,255,.065)}.detail-card h3{margin:0 0 12px;font-size:24px}.detail-card p{color:var(--muted);line-height:1.7}
.faq-stack{display:grid;gap:14px;margin-top:30px}details.faq-card{border-radius:28px;border:1px solid var(--line);background:rgba(255,255,255,.055);overflow:hidden}details.faq-card summary{cursor:pointer;list-style:none;padding:24px 28px;font-weight:900;font-size:18px;display:flex;justify-content:space-between;gap:16px}details.faq-card summary::-webkit-details-marker{display:none}details.faq-card summary::after{content:"+";color:var(--brand-two);font-size:24px}details.faq-card[open] summary::after{content:"–"}.faq-answer{padding:0 28px 26px}.faq-answer p{margin:0;color:var(--muted);line-height:1.7}
.one-time-panel{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center;padding:clamp(28px,5vw,50px);border-radius:40px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(32,14,10,.94),rgba(7,7,7,.92));box-shadow:var(--shadow)}.one-time-panel h2{margin:0;font-size:clamp(34px,4.5vw,58px)}.one-time-panel p{color:var(--muted);line-height:1.72}.one-time-actions{display:flex;justify-content:flex-end}.fine-print{margin-top:28px;padding:24px 28px;border-radius:28px;border:1px solid var(--line);background:rgba(255,255,255,.045);color:var(--soft);font-size:14px;line-height:1.7}.fine-print a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:980px){.tier-grid,.detail-grid,.one-time-panel{grid-template-columns:1fr}.one-time-actions{justify-content:flex-start}}@media(max-width:640px){.support-actions .button,.one-time-actions .button{width:100%}.support-hero-panel,.tier-card,.detail-card,.one-time-panel,.fine-print{border-radius:28px}}

/* Phase 20D: stable accessible FAQ disclosure controls (Safari included). */
details.faq-card > summary {
  -webkit-appearance: none;
  appearance: none;
  outline: none;
}
details.faq-card > summary::marker {
  content: "";
  display: none;
}
details.faq-card > summary::-webkit-details-marker {
  display: none;
}
details.faq-card > summary:focus-visible {
  outline: 3px solid rgba(255,255,255,.92);
  outline-offset: -4px;
  border-radius: 24px;
}
details.faq-card[open] > summary {
  border-bottom: 1px solid rgba(255,255,255,.07);
}

/* Phase 20F: Membership Terms intro should align with the full card grid width. */
#membership-terms .coverage-head .section-copy {
  max-width: none;
  width: 100%;
}

/* Phase 20G: remove the parent copy-width constraint for Membership Terms only.
   Keep normal responsive wrapping at narrower viewport widths. */
#membership-terms .coverage-head {
  max-width: none;
  width: 100%;
}
#membership-terms .coverage-head .section-copy {
  max-width: none;
  width: 100%;
}
@media (min-width: 1100px) {
  #membership-terms .coverage-head .section-copy {
    white-space: nowrap;
  }
}
@media (max-width: 1099px) {
  #membership-terms .coverage-head .section-copy {
    white-space: normal;
  }
}

/* Phase 20N: vertically balance expanded FAQ answer copy. */
details.faq-card[open] .faq-answer{
  padding:18px 28px 24px;
  display:flex;
  align-items:center;
  min-height:74px;
}
details.faq-card[open] .faq-answer p{
  width:100%;
}
@media(max-width:640px){
  details.faq-card[open] .faq-answer{
    padding:16px 22px 22px;
    min-height:0;
  }
}
