/* ==========================================================================
   Therapist subscription explainer (template-parts/specialist/subscription-explainer.php).
   Loaded on the membership page and the join-as-specialist page. Design-system tokens, logical properties only
   (RTL, LTR and body.is-ravanline follow the tokens). Prefix: .sub-explain
   ========================================================================== */

.sub-explain { max-inline-size: 60rem; margin-block: var(--ds-space-6) 0; }
.sub-explain__title { margin: 0 0 var(--ds-space-4); font-size: var(--ds-fs-xl); line-height: var(--ds-lh-tight); }
.sub-explain__grid { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--ds-space-4); grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); }
.sub-explain__card { padding: var(--ds-space-4) var(--ds-space-5); background: var(--ds-surface); border: var(--ds-border); border-radius: var(--ds-radius-card); }
.sub-explain__num { display: inline-flex; align-items: center; justify-content: center; inline-size: 2rem; block-size: 2rem; border-radius: 50%; background: var(--ds-mint-strong); color: var(--ds-deep); font-weight: var(--ds-fw-bold); }
.sub-explain__card-title { margin: var(--ds-space-2) 0 var(--ds-space-1); font-size: var(--ds-fs-md); }
.sub-explain__card p, .sub-explain__note p { margin: 0; color: var(--ds-text-2); font-size: var(--ds-fs-sm); line-height: 1.9; }
.sub-explain__note { margin-block-start: var(--ds-space-4); padding: var(--ds-space-4) var(--ds-space-5); background: var(--ds-tint); border-radius: var(--ds-radius-card); }
.sub-explain__note .sub-explain__card-title { margin-block-start: 0; }
.sub-explain__where { margin: var(--ds-space-3) 0 0; color: var(--ds-text-2); font-size: var(--ds-fs-sm); }
.sub-explain__free { margin: var(--ds-space-4) 0 0; color: var(--ds-text-2); }