/* ============================================================
   v3 pages/why.css: Why RTG (prototype why-rtg.html).
   Sections, cards, ticks, practice boxes and questions are shared.

   Class map from the prototype (wy- to rt-why-):
     wy-row, wy-a, wy-d            rt-why-row, rt-why-a, rt-why-d
     wy-mathsec, wy-mathhead       rt-why-mathsec, rt-why-mathhead
     wy-pill, wy-math              rt-why-pill, rt-why-math
   ============================================================ */

.rt-why-row{display:grid;gap:18px}
.rt-why-row h2{margin:0 0 10px}
.rt-why-a{color:var(--rt-ink);font-weight:700}
.rt-sec-dark .rt-why-a{color:#fff}
.rt-why-d{display:block;margin-top:12px;padding-top:10px;border-top:1px solid #e2e8f0;font-weight:700}
.rt-why-d i{font-style:normal;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--rt-muted);margin-right:8px}
.rt-sec-dark .rt-why-d{border-top-color:var(--rt-night-line);color:#fff}
.rt-sec-dark .rt-why-d i{color:#9fb0c8}

/* the math: layout carried over from the live Why RTG page */
.rt-why-mathsec{background:radial-gradient(ellipse at 20% 30%,#1b2944 0,transparent 55%),radial-gradient(ellipse at 85% 100%,#2a1a26 0,transparent 45%),var(--rt-night)}
.rt-why-mathhead{text-align:center;max-width:780px;margin:0 auto 30px}
.rt-why-pill{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:#3a1620;border:1px solid #7a2a35;border-radius:99px;padding:8px 16px}
.rt-why-pill i{width:8px;height:8px;border-radius:50%;background:var(--rt-red-lit)}
.rt-why-mathhead h2{margin:18px 0 14px}
.rt-why-mathhead h2 em{color:#f0a3a8}
.rt-why-mathhead p{font-size:17px;color:#c7d2e3}
.rt-why-math{display:grid;gap:14px}
.rt-why-math div{border:1px solid #2c3b58;border-radius:16px;background:rgba(255,255,255,.04);padding:26px 18px;text-align:center}
.rt-why-math b{display:block;font-family:ui-monospace,'JetBrains Mono',Consolas,menlo,monospace;font-size:44px;font-weight:500;letter-spacing:-.02em;color:#fff;line-height:1.1}
.rt-why-math strong{display:block;margin-top:10px;font-size:13.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#f0a3a8}
.rt-why-math span{display:block;margin-top:6px;font-size:14.5px;color:#b8c6da}

@media(min-width:900px){
  .rt-why-row{grid-template-columns:1.05fr .95fr;gap:56px;align-items:start}
  .rt-why-mathhead{margin-bottom:48px}
  .rt-why-mathhead h2{font-size:48px}
  .rt-why-mathhead p{font-size:19px}
  .rt-why-math{grid-template-columns:repeat(3,1fr);gap:24px}
  .rt-why-math div{padding:40px 22px}
  .rt-why-math b{font-size:68px}
}