/* ==========================================================================
   Medspa_Theme — Why Us + Provider Layouts (20). Token-driven tones.

   TOKEN PREFIX IS --wy-, NOT --w-. The How It Works tab already owns --w-accent
   (.msvc-how .msvc-eyebrow{color:var(--w-accent)}). Custom properties inherit, and
   reusing the prefix across two section families is how you get a colour that is
   correct in isolation and wrong on a page where both sections exist.

   GROUND RULE: every element painting its own background re-declares --wy-fg /
   -fg2 / -fg3 / -accent / -line. Without that it inherits the section's tokens and
   you get same-on-same text — a white card on an ink section inheriting #fff text.

   BLUSH RULE: on var(--blush), --coral-ink is 4.18:1 and --muted is 4.11:1 — both FAIL.
   Every blush ground remaps accent -> --coral-dk (5.50) and fg3 -> --body (6.44).

   --green / --green-dk DO NOT EXIST in this theme (the design ref used them; the
   theme's equivalent token is --accent, which now carries brand sky blue). An
   undefined var invalidates the whole declaration, so the comparison tick defines
   its own --wy-ok instead.
   ========================================================================== */

.msvc-why{
  --wy-bg:var(--white); --wy-fg:var(--ink); --wy-fg2:var(--body); --wy-fg3:var(--muted);
  --wy-line:var(--border); --wy-accent:var(--coral-ink); --wy-card:#fff;
  --wy-chip-bg:var(--blush); --wy-chip-fg:var(--coral-dk); --wy-ok:#186246;
  background:var(--wy-bg);color:var(--wy-fg2);padding-block:var(--gap);
  display:block;grid-template-columns:none}

.msvc-why.t-white{--wy-bg:var(--white)}
.msvc-why.t-cream{--wy-bg:var(--cream)}
.msvc-why.t-sand {--wy-bg:var(--sand)}
/* BLUSH RULE — accent and fg3 both remapped. */
.msvc-why.t-blush{--wy-bg:var(--blush); --wy-accent:var(--coral-dk); --wy-fg3:var(--body)}
.msvc-why.t-ink{--wy-bg:var(--ink); --wy-fg:#fff; --wy-fg2:var(--on-dark); --wy-fg3:var(--on-dark);
  --wy-line:var(--border-lt); --wy-accent:var(--nude); --wy-card:var(--dark);
  --wy-chip-bg:color-mix(in srgb,var(--coral) 22%,transparent); --wy-chip-fg:#f7b0ae}

.msvc-why .wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--pad)}

/* ---------- base type ----------
   .msvc-eyebrow has NO base definition in services.css — only per-tab colour rules.
   The typography lives on `.msvc .eyebrow`, a different class. So this tab styles
   its eyebrow in full rather than inheriting a rule that does not exist. */
.msvc-why .msvc-eyebrow{font-family:var(--fb);font-size:var(--t-label);font-weight:600;
  letter-spacing:.18em;text-transform:uppercase;color:var(--wy-accent);
  display:inline-flex;align-items:center;gap:10px}
.msvc-why .msvc-eyebrow::before{content:'';width:28px;height:2px;background:currentColor;flex:none}
.msvc-why .msvc-eyebrow.nb::before{display:none}
.msvc-why .msvc-eyebrow.c{justify-content:center}
.msvc-why .msvc-eyebrow.lt{color:var(--nude)}
.msvc-why h2{color:var(--wy-fg);font-family:var(--fd);font-weight:400;line-height:1.1;
  letter-spacing:-.01em;margin:12px 0 0;font-size:clamp(1.9rem,3.6vw,2.8rem)}
.msvc-why h2 .ita{font-family:var(--fs);font-style:italic;font-weight:400;color:var(--wy-accent)}
.msvc-why h3{color:var(--wy-fg);font-family:var(--fs);font-weight:600;margin:0}
.msvc-why p{color:var(--wy-fg2);margin:0}
.msvc-why .msvc-prose{color:var(--wy-fg2)}
.msvc-why .msvc-prose :is(strong,h3,h4){color:var(--wy-fg)}
.msvc-why .msvc-prose p{margin:0 0 .8em}
.msvc-why .msvc-prose p:last-child{margin-bottom:0}

.wy-head{margin-bottom:32px}
.wy-head.ctr{text-align:center}
.wy-head.ctr .wy-intro{margin-inline:auto}
.wy-intro{font-size:.95rem;line-height:1.8;max-width:56ch;margin:16px 0 0;color:var(--wy-fg2)}
.msvc-why .wy-btn{margin-top:16px}
.wy-role{font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:var(--wy-accent);margin-bottom:12px}
.wy-bio{font-size:.87rem;line-height:1.75}
.wy-bio2{font-size:.92rem;line-height:1.85;margin-top:20px}
.wy-bio2 p:first-child::first-letter{font-family:var(--fd);font-size:3.2em;float:left;
  line-height:.85;padding:5px 10px 0 0;color:var(--wy-accent)}

/* ---------- why cards ---------- */
.wy-wc{display:grid;gap:18px}
.wy-wc.c2{grid-template-columns:1fr 1fr}
.wy-card{display:flex;gap:15px;align-items:flex-start}
/* GROUND RULE: the chip paints its own ground, so it carries its own fg. */
.wy-ic{width:30px;height:30px;border-radius:50%;background:var(--wy-chip-bg);
  color:var(--wy-chip-fg);display:grid;place-items:center;flex:none;font-size:.72rem;margin-top:2px}
.wy-wc h3{font-size:1.02rem;margin-bottom:5px}
.wy-wc p{font-size:.87rem;line-height:1.65}

/* ---------- provider ---------- */
.wy-prov .wy-pi{aspect-ratio:1;border-radius:var(--rl);margin-bottom:18px;width:100%;object-fit:cover}
.wy-prov h3{font-family:var(--fd);font-weight:400;font-size:1.5rem;margin:8px 0 2px}
.wy-prov.inline{margin-top:28px}
.wy-creds{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
.wy-creds.mt{margin-top:16px}
.wy-cred{font-size:.66rem;font-weight:700;letter-spacing:.06em;padding:5px 11px;border-radius:100px;
  border:1px solid var(--wy-line);color:var(--wy-fg2)}
.wy-cred.v{border-color:var(--wy-ok);color:var(--wy-ok)}
/* On ink the verified green is far too dark to read — lighten it there. */
.msvc-why.t-ink{--wy-ok:#7fcfa8}

/* ---------- 1 / 18 cards + aside ---------- */
.wy-1 .wy-g,.wy-18 .wy-g{display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(34px,5vw,70px);align-items:start}

/* ---------- 2 provider-led ---------- */
.wy-2 .wy-g{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(34px,5vw,70px);align-items:center}
.wy-2 .wy-pi{aspect-ratio:3/4;border-radius:var(--rl);width:100%;object-fit:cover}
.wy-2 .wy-wc{margin-top:26px}

/* ---------- 3 credential-forward ---------- */
.wy-3 .wy-people{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}
/* GROUND RULE: white card, own tokens. */
.wy-3 .wy-p{--wy-fg:var(--ink); --wy-fg2:var(--body); --wy-fg3:var(--muted);
  --wy-accent:var(--coral-ink); --wy-line:var(--border);
  background:var(--wy-card);border:1px solid var(--wy-line);border-radius:var(--rl);
  padding:26px;display:flex;gap:18px;align-items:flex-start;color:var(--wy-fg2)}
.msvc-why.t-ink .wy-p{--wy-fg3:var(--on-dark); --wy-card:var(--dark); --wy-fg:#fff; --wy-fg2:var(--on-dark);
  --wy-accent:var(--nude); --wy-line:var(--border-lt)}
.wy-3 .wy-av{width:76px;height:76px;border-radius:50%;flex:none;object-fit:cover}
.wy-3 .wy-p h3{font-family:var(--fd);font-weight:400;font-size:1.25rem;margin-bottom:2px}
.wy-3 .wy-p .wy-role{font-size:.74rem;letter-spacing:.08em;margin-bottom:9px}
.wy-3 .wy-p p{font-size:.83rem;line-height:1.6}

/* ---------- 4 cards row + provider band ---------- */
.wy-4 .wy-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:30px 0 40px}
.wy-4 .wy-c{padding:24px 20px;border-top:1.5px solid var(--wy-line);position:relative}
.wy-4 .wy-c::before{content:'';position:absolute;top:-1.5px;left:0;width:34px;height:1.5px;background:var(--coral-btn)}
.wy-4 .wy-c h3{font-size:.98rem;margin-bottom:7px}
.wy-4 .wy-c p{font-size:.83rem;line-height:1.6}
/* GROUND RULE: white band, own tokens. */
.wy-4 .wy-pv{--wy-fg:var(--ink); --wy-fg2:var(--body); --wy-accent:var(--coral-ink); --wy-line:var(--border);
  display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:center;
  background:var(--wy-card);border:1px solid var(--wy-line);border-radius:var(--rl);padding:26px;color:var(--wy-fg2)}
.msvc-why.t-ink.wy-4 .wy-pv{--wy-fg3:var(--on-dark); --wy-card:var(--dark); --wy-fg:#fff; --wy-fg2:var(--on-dark);
  --wy-accent:var(--nude); --wy-line:var(--border-lt)}
.wy-4 .wy-pv .wy-pi{width:110px;height:110px;border-radius:50%;object-fit:cover;margin:0}
.wy-4 .wy-pv h3{font-family:var(--fd);font-weight:400;font-size:1.4rem;margin:6px 0 2px}
.wy-4 .wy-pv .wy-role{font-size:.76rem;margin-bottom:10px}
.wy-4 .wy-pv .wy-bio{font-size:.87rem}

/* ---------- 5 split: paints BOTH grounds itself ---------- */
.msvc-why.wy-5{padding:0;display:grid;grid-template-columns:.85fr 1.15fr;min-height:520px;background:none}
/* GROUND RULE: ink half declares the full ink set. */
.wy-5 .wy-lt{--wy-fg:#fff; --wy-fg2:var(--on-dark); --wy-fg3:var(--on-dark); --wy-accent:var(--nude);
  --wy-line:var(--border-lt); --wy-chip-bg:color-mix(in srgb,var(--coral) 22%,transparent); --wy-chip-fg:#f7b0ae;
  background:var(--ink);color:var(--wy-fg2);
  padding:clamp(34px,5vh,68px) clamp(26px,3vw,50px);display:flex;flex-direction:column;justify-content:center}
.wy-5 .wy-lt .wy-pi{aspect-ratio:1;border-radius:var(--rl);margin-bottom:20px;width:100%;object-fit:cover}
.wy-5 .wy-lt h3{font-family:var(--fd);font-weight:400;font-size:1.5rem;color:var(--wy-fg);margin:8px 0 2px}
.wy-5 .wy-lt .wy-role{color:var(--nude)}
.wy-5 .wy-lt .wy-bio{color:var(--wy-fg2)}
/* GROUND RULE: cream half declares the full light set. */
.wy-5 .wy-rt{--wy-fg:var(--ink); --wy-fg2:var(--body); --wy-fg3:var(--muted); --wy-accent:var(--coral-ink);
  --wy-line:var(--border); --wy-chip-bg:var(--blush); --wy-chip-fg:var(--coral-dk);
  background:var(--cream);color:var(--wy-fg2);
  padding:clamp(34px,5vh,68px) clamp(26px,3vw,50px);display:flex;flex-direction:column;justify-content:center}
.wy-5 .wy-rt .wy-head{margin-bottom:24px}

/* ---------- 6 signed statement ---------- */
/* GROUND RULE: white letter on any tone. */
.wy-6 .wy-letter{--wy-fg:var(--ink); --wy-fg2:var(--body); --wy-fg3:var(--muted);
  --wy-accent:var(--coral-ink); --wy-line:var(--border);
  max-width:820px;margin-inline:auto;background:var(--wy-card);border:1px solid var(--wy-line);
  border-radius:var(--rl);padding:clamp(32px,5vw,60px);box-shadow:var(--sh);color:var(--wy-fg2)}
.msvc-why.t-ink.wy-6 .wy-letter{--wy-fg3:var(--on-dark); --wy-card:var(--dark); --wy-fg:#fff; --wy-fg2:var(--on-dark);
  --wy-accent:var(--nude); --wy-line:var(--border-lt)}
.wy-6 .wy-letter .msvc-prose{font-size:.98rem;line-height:1.85}
.wy-6 .wy-sig{display:flex;align-items:center;gap:18px;margin-top:30px;padding-top:24px;border-top:1px solid var(--wy-line)}
.wy-6 .wy-av{width:60px;height:60px;border-radius:50%;flex:none;object-fit:cover}
.wy-6 .wy-n{font-family:var(--fs);font-style:italic;font-size:1.3rem;color:var(--wy-fg)}
.wy-6 .wy-r{font-size:.76rem;color:var(--wy-fg3);margin-top:2px}

/* ---------- 7 numbered reasons ---------- */
.wy-7 .wy-g{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,5vw,66px);align-items:start}
.wy-7 .wy-list{display:grid;gap:0}
.wy-7 .wy-r{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid var(--wy-line)}
.wy-7 .wy-r:first-child{border-top:1px solid var(--wy-line)}
.wy-7 .wy-n{font-family:var(--fd);font-size:1.4rem;color:var(--wy-accent);line-height:1;flex:none;width:34px}
.wy-7 .wy-r h3{font-size:1rem;margin-bottom:5px}
.wy-7 .wy-r p{font-size:.85rem;line-height:1.65}
.wy-7 .wy-prov .wy-pi{aspect-ratio:1}

/* ---------- 8 comparison table ---------- */
/* GROUND RULE: the table paints white; the header row paints ink. Both declare. */
.wy-8 .wy-tbl{--wy-fg:var(--ink); --wy-fg2:var(--body); --wy-fg3:var(--muted); --wy-line:var(--border);
  border:1px solid var(--wy-line);border-radius:var(--rl);overflow:hidden;margin-top:30px;
  background:var(--wy-card);color:var(--wy-fg2)}
.msvc-why.t-ink.wy-8 .wy-tbl{--wy-fg3:var(--on-dark); --wy-card:var(--dark); --wy-fg:#fff; --wy-fg2:var(--on-dark); --wy-line:var(--border-lt)}
.wy-8 .wy-hr{display:grid;grid-template-columns:1.2fr 1fr 1fr;background:var(--ink)}
.wy-8 .wy-hr>div{padding:16px 20px;font-size:.72rem;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--on-dark)}
.wy-8 .wy-hr>div.us{color:#fff;background:color-mix(in srgb,var(--coral) 18%,transparent)}
.wy-8 .wy-rw{display:grid;grid-template-columns:1.2fr 1fr 1fr;border-top:1px solid var(--wy-line)}
.wy-8 .wy-rw>div{padding:15px 20px;font-size:.85rem;display:flex;align-items:center;gap:9px;color:var(--wy-fg2)}
.wy-8 .wy-rw .k{color:var(--wy-fg);font-weight:600}
/* GROUND RULE: the highlighted column paints cream — restate the light set. */
.wy-8 .wy-rw>div.us{--wy-fg2:var(--body); background:var(--cream);color:var(--wy-fg2)}
.wy-8 .wy-tick{width:17px;height:17px;border-radius:50%;background:rgba(24,98,70,.14);display:grid;place-items:center;flex:none}
.wy-8 .wy-tick svg{width:9px;height:9px;stroke:var(--wy-ok);fill:none;stroke-width:3;stroke-linecap:round}
.wy-8 .wy-dash{width:17px;height:17px;border-radius:50%;background:rgba(107,108,111,.14);display:grid;place-items:center;flex:none}
.wy-8 .wy-dash svg{width:9px;height:9px;stroke:var(--wy-fg3);fill:none;stroke-width:3;stroke-linecap:round}

/* ---------- 9 credentials wall ---------- */
.wy-9 .wy-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--wy-line);
  border:1px solid var(--wy-line);border-radius:var(--rl);overflow:hidden;margin-top:30px}
/* GROUND RULE: each block paints white. */
.wy-9 .wy-b{--wy-fg:var(--ink); --wy-fg2:var(--body); --wy-accent:var(--coral-ink);
  background:var(--wy-card);padding:26px 20px;text-align:center;display:flex;flex-direction:column;
  align-items:center;gap:10px;color:var(--wy-fg2)}
.msvc-why.t-ink.wy-9 .wy-b{--wy-fg3:var(--on-dark); --wy-card:var(--dark); --wy-fg:#fff; --wy-fg2:var(--on-dark); --wy-accent:var(--nude)}
.wy-9 .wy-b h3{font-size:.92rem}
.wy-9 .wy-b p{font-size:.78rem;line-height:1.55}
.wy-ic2{width:44px;height:44px;border-radius:50%;background:var(--wy-chip-bg);display:grid;place-items:center;flex:none}
.wy-ic2 svg{width:20px;height:20px;stroke:var(--wy-chip-fg);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* ---------- 10 provider quote ---------- */
.wy-10{text-align:center}
.wy-10 .wy-av2{width:92px;height:92px;border-radius:50%;margin:0 auto 22px;object-fit:cover}
.wy-10 .wy-q{font-family:var(--fs);font-style:italic;font-size:clamp(1.25rem,2.4vw,1.75rem);
  color:var(--wy-fg);line-height:1.55;max-width:30ch;margin:0 auto 20px}
.wy-10 .wy-n2{font-family:var(--fd);font-size:1.15rem;color:var(--wy-fg)}
.wy-10 .wy-r2{font-size:.76rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:var(--wy-accent);margin-top:3px}
.wy-10 .wy-wc{max-width:900px;margin:38px auto 0;text-align:left}

/* ---------- 11 team row ---------- */
.wy-11 .wy-team{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}
.wy-11 .wy-m{text-align:center}
.wy-11 .wy-m .wy-pi{aspect-ratio:1;border-radius:var(--rl);margin-bottom:14px;width:100%;object-fit:cover}
.wy-11 .wy-m h3{font-family:var(--fd);font-weight:400;font-size:1.2rem}
.wy-11 .wy-m .wy-role{font-size:.72rem;letter-spacing:.08em;margin-top:3px}
.wy-11 .wy-m p{margin-top:9px;font-size:.82rem;line-height:1.6}

/* ---------- 12 stats ---------- */
.wy-12 .wy-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px;margin:30px 0 40px}
.wy-12 .wy-s{text-align:center;padding:22px 14px;border-right:1px solid var(--wy-line)}
.wy-12 .wy-s:last-child{border-right:0}
.wy-12 .wy-sn{font-family:var(--fd);font-size:clamp(1.8rem,3.4vw,2.5rem);color:var(--wy-fg);line-height:1}
.wy-12 .wy-sk{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:var(--wy-fg3);margin-top:7px}

/* ---------- 13 editorial ---------- */
.wy-13 .wy-g{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(34px,5vw,72px);align-items:start}
.wy-13 .wy-pi{aspect-ratio:3/4;border-radius:var(--rl);width:100%;object-fit:cover}

/* ---------- 14 notched frame ---------- */
/* GROUND RULE: the frame paints white. */
.wy-14 .wy-fr{--wy-fg:var(--ink); --wy-fg2:var(--body); --wy-fg3:var(--muted);
  --wy-accent:var(--coral-ink); --wy-line:var(--border);
  --wy-chip-bg:var(--blush); --wy-chip-fg:var(--coral-dk);
  background:var(--wy-card);border:1px solid var(--ink);padding:clamp(28px,4vw,50px);
  position:relative;color:var(--wy-fg2);
  clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,30px 100%,0 calc(100% - 30px))}
.msvc-why.t-ink.wy-14 .wy-fr{--wy-card:var(--dark); --wy-fg:#fff; --wy-fg2:var(--on-dark);
  --wy-fg3:var(--on-dark); --wy-accent:var(--nude); --wy-line:var(--border-lt);
  --wy-chip-bg:color-mix(in srgb,var(--coral) 22%,transparent); --wy-chip-fg:#f7b0ae; border-color:var(--border-lt)}
.wy-14 .wy-fr::before{content:'';position:absolute;inset:8px;border:1px solid var(--wy-line);pointer-events:none;
  clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px))}
.wy-14 .wy-in2{position:relative;display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(30px,4vw,58px);align-items:start}

/* ---------- 15 icon grid ---------- */
.wy-15 .wy-ig{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:30px}
/* GROUND RULE: white card. */
.wy-15 .wy-igc{--wy-fg:var(--ink); --wy-fg2:var(--body); --wy-line:var(--border);
  --wy-chip-bg:var(--blush); --wy-chip-fg:var(--coral-dk);
  display:flex;gap:16px;align-items:flex-start;background:var(--wy-card);
  border:1px solid var(--wy-line);border-radius:var(--rl);padding:24px;color:var(--wy-fg2)}
.msvc-why.t-ink.wy-15 .wy-igc{--wy-fg3:var(--on-dark); --wy-card:var(--dark); --wy-fg:#fff; --wy-fg2:var(--on-dark);
  --wy-line:var(--border-lt); --wy-chip-bg:color-mix(in srgb,var(--coral) 22%,transparent); --wy-chip-fg:#f7b0ae}
.wy-15 .wy-igc .wy-ic2{width:42px;height:42px;border-radius:12px}
.wy-15 .wy-igc .wy-ic2 svg{width:19px;height:19px}
.wy-15 .wy-igc h3{font-size:1rem;margin-bottom:5px}
.wy-15 .wy-igc p{font-size:.85rem;line-height:1.65}

/* ---------- 16 credential timeline ---------- */
.wy-16 .wy-g{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(30px,5vw,66px);align-items:start}
.wy-16 .wy-pi{aspect-ratio:1;border-radius:var(--rl);width:100%;object-fit:cover;margin-top:24px}
.wy-16 .wy-tl{position:relative;padding-left:28px}
.wy-16 .wy-tl::before{content:'';position:absolute;left:5px;top:8px;bottom:8px;width:1.5px;background:var(--wy-line)}
.wy-16 .wy-e{position:relative;padding-bottom:24px}
.wy-16 .wy-e:last-child{padding-bottom:0}
.wy-16 .wy-e::before{content:'';position:absolute;left:-28px;top:6px;width:11px;height:11px;border-radius:50%;
  background:var(--coral-btn);border:2px solid var(--wy-bg);box-shadow:0 0 0 1.5px var(--coral-btn)}
.wy-16 .wy-k{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--wy-accent);margin-bottom:3px}
.wy-16 .wy-e h3{font-size:.98rem;margin-bottom:4px}
.wy-16 .wy-e p{font-size:.83rem;line-height:1.6}

/* ---------- 17 overlapping card ---------- */
.wy-17 .wy-g{display:grid;grid-template-columns:1fr .9fr;align-items:center}
.wy-17 .wy-pi{aspect-ratio:4/3;border-radius:var(--rl);width:100%;object-fit:cover}
/* GROUND RULE: white card over the photo. */
.wy-17 .wy-cd{--wy-fg:var(--ink); --wy-fg2:var(--body); --wy-fg3:var(--muted);
  --wy-accent:var(--coral-ink); --wy-line:var(--border);
  background:var(--wy-card);border:1px solid var(--wy-line);border-radius:var(--rl);
  padding:clamp(26px,3vw,40px);margin-left:-64px;box-shadow:var(--sh);position:relative;z-index:1;color:var(--wy-fg2)}
.msvc-why.t-ink.wy-17 .wy-cd{--wy-fg3:var(--on-dark); --wy-card:var(--dark); --wy-fg:#fff; --wy-fg2:var(--on-dark);
  --wy-accent:var(--nude); --wy-line:var(--border-lt)}
.wy-17 .wy-cd h3{font-family:var(--fd);font-weight:400;font-size:1.6rem;margin:8px 0 2px}
.wy-17 .wy-cd .wy-bio{font-size:.88rem;line-height:1.75}

/* ---------- 18 dark: forces its own ground ---------- */
.msvc-why.wy-18{--wy-bg:var(--ink); --wy-fg:#fff; --wy-fg2:var(--on-dark); --wy-fg3:var(--on-dark);
  --wy-line:var(--border-lt); --wy-accent:var(--nude); --wy-card:var(--dark); --wy-ok:#7fcfa8;
  --wy-chip-bg:color-mix(in srgb,var(--coral) 22%,transparent); --wy-chip-fg:#f7b0ae;
  background:var(--wy-bg);color:var(--wy-fg2)}

/* ---------- 19 minimal hairline rows ---------- */
.wy-19 .wy-g{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,5vw,70px);align-items:start}
.wy-19 .wy-list{display:grid;gap:0}
.wy-19 .wy-r{padding:16px 0;border-bottom:1px solid var(--wy-line);display:grid;
  grid-template-columns:.8fr 1.2fr;gap:24px;align-items:baseline}
.wy-19 .wy-r:first-child{border-top:1px solid var(--wy-line)}
.wy-19 .wy-r h3{font-family:var(--fb);font-weight:700;font-size:.85rem;letter-spacing:.02em}
.wy-19 .wy-r p{font-size:.85rem;line-height:1.6}

/* ---------- 20 Q&A ---------- */
.wy-20 .wy-g{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(30px,5vw,66px);align-items:start}
.wy-20 .wy-prov .wy-pi{aspect-ratio:1;border-radius:var(--rl);margin-bottom:16px}
.wy-20 .wy-qa{margin-top:24px}
.wy-20 details{border-bottom:1px solid var(--wy-line)}
.wy-20 summary{list-style:none;cursor:pointer;padding:16px 0;min-height:48px;display:flex;align-items:center;
  gap:14px;font-family:var(--fs);font-weight:600;font-size:.98rem;color:var(--wy-fg)}
.wy-20 summary::-webkit-details-marker{display:none}
.wy-20 .wy-pm{margin-left:auto;color:var(--wy-accent);font-size:1.3rem;transition:transform .25s;flex:none}
.wy-20 details[open] .wy-pm{transform:rotate(45deg)}
.wy-20 .wy-a{padding:0 0 18px;font-size:.87rem;line-height:1.75;display:flex;gap:14px;color:var(--wy-fg2)}
.wy-20 .wy-av3{width:30px;height:30px;border-radius:50%;flex:none;margin-top:2px;object-fit:cover}

/* ---------- responsive ---------- */
@media(max-width:900px){
  .wy-1 .wy-g,.wy-18 .wy-g,.wy-2 .wy-g,.wy-7 .wy-g,.wy-13 .wy-g,.wy-16 .wy-g,.wy-20 .wy-g{grid-template-columns:1fr}
  .msvc-why.wy-5{grid-template-columns:1fr}
  .wy-14 .wy-in2{grid-template-columns:1fr}
  .wy-9 .wy-wall{grid-template-columns:1fr 1fr}
  .wy-4 .wy-row{grid-template-columns:1fr 1fr}
}
@media(max-width:860px){
  .wy-3 .wy-people{grid-template-columns:1fr}
  .wy-17 .wy-g{grid-template-columns:1fr}
  .wy-17 .wy-cd{margin:-40px 20px 0}
}
@media(max-width:820px){
  .wy-11 .wy-team{grid-template-columns:1fr}
  .wy-15 .wy-ig{grid-template-columns:1fr}
  .wy-19 .wy-g,.wy-19 .wy-r{grid-template-columns:1fr}
  .wy-19 .wy-r{gap:6px}
}
@media(max-width:760px){
  .wy-8 .wy-hr,.wy-8 .wy-rw{grid-template-columns:1fr}
  .wy-8 .wy-hr>div:first-child{display:none}
  .wy-8 .wy-rw .k{background:var(--sand);font-weight:700}
  .wy-10 .wy-wc.c2,.wy-2 .wy-wc.c2,.wy-12 .wy-wc.c2{grid-template-columns:1fr}
}
@media(max-width:600px){
  .wy-4 .wy-row{grid-template-columns:1fr}
  .wy-4 .wy-pv{grid-template-columns:1fr}
}
@media(max-width:520px){
  .wy-9 .wy-wall{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .wy-20 .wy-pm{transition:none}
}

/* The theme's .btn.out paints its text and border with --ink, which disappears on a
   dark ground. Layouts 3 and 13 can sit on ink, so restate the button there. */
.msvc-why.t-ink .btn.out,.msvc-why.wy-18 .btn.out{border-color:var(--border-lt);color:#fff}
.msvc-why.t-ink .btn.out:hover,.msvc-why.wy-18 .btn.out:hover{background:#fff;color:var(--ink)}