/*
 * trader-dns.css — csak a Trader DNS - Tervező workshop oldal egyedi CSS-e.
 * A közös komponensek a base.css-ből jönnek: hero, section, split, check-grid,
 * checklist(.soft/.narrow), ask-media/ask-close, closer, gap-top, pull, callout,
 * steps, media-badge, formsec, tdetails, form-contact, phone-cta.
 */

/* — Hero: fehér ghost-gomb — */
.hero .btn-ghost { color: #fff; }

/* — Szekció-glow (a Nyerő hozzáállás oldal ritmusának tükörképe) — */
.section::before { width: 520px; height: 520px; left: -200px; top: -180px; right: auto;
  background: radial-gradient(circle, rgba(58,63,214,.10), transparent 70%); }
.section.alt::before { right: -190px; left: auto; top: -150px;
  background: radial-gradient(circle, rgba(19,179,154,.11), transparent 70%); }
.head-center { max-width: var(--measure); margin-bottom: 34px; }

/* — Narratív szövegoszlop (középre zárt blokk, kényelmes sorhossz) —
     FIGYELEM: a coaching.css-ben a .mtext KONTÉNER-osztály (más jelentés),
     ezért ez szándékosan NEM közös komponens. */
.mtext { max-width: var(--measure); margin: 0 auto; color: var(--ink-2); font-size: 17px; line-height: 1.7; }
.mtext + .mtext { margin-top: var(--sp-3); } /* 16px szuk volt az 1,7-es sortavhoz */

/* — „Amit nem ígérek" / „Amit ígérek" kártyapár —
     A `.pledge`/`.pcard` a base.css-be költözött (v0.21.0): a Trader Identity oldal
     „Kinek szól / kinek nem" blokkja is ezt használja → 2 sablon = közös komponens. */

/* — A nap formája: 3 leíró kártya (minta: rolam.css .steps.trio) — */
.steps.trio { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.steps.trio .step h3 { font-size: 18px; }
.steps.trio .step p { font-size: 15px; }
@media (max-width: 900px) { .steps.trio { grid-template-columns: minmax(0, 1fr); max-width: 560px; margin: 0 auto; } }

/* — Záró split (Kata + a záró gondolat); a kép 1:1, nem a base 4/3 — */
#zaras .split-media img { aspect-ratio: 1/1; }
#zaras .btn { margin-top: 30px; }