/* =========================================================
   /prezzi-atleta · page layout only (DESIGN-SPEC §5.4, §7.2)
   Tokens only: no new colours, fonts, shadows or glows.
   ========================================================= */

/* keeps «0,67 €» on one line inside split headings (no-JS too) */
.pra-nw{white-space:nowrap}

/* 2 · Il conto: price block left; heading, maths and rules right. Phones: heading, price, maths */
.pra-conto-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"price head" "price copy";grid-template-rows:auto 1fr;column-gap:clamp(40px,6vw,120px);row-gap:0;align-items:start}
.pra-conto-h{grid-area:head;align-self:end}
.pra-price{grid-area:price;min-width:0;align-self:center}
.pra-conto-copy{grid-area:copy;min-width:0}
.pra-conto-copy .body-lg{margin-top:28px}
.pra-math{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-top:32px;padding:18px 0;border-block:1px solid var(--line);font-variant-numeric:tabular-nums}
.pra-m{color:var(--text-2);white-space:nowrap}
.pra-m b{color:var(--text)}
.pra-op{color:var(--text-3);font-weight:500}

/* 3 · Vantaggi: the heading fits on one line on desktop */
.pra-vantaggi .sec-head{max-width:none}
.pra-bento-cap{margin-top:18px}

/* 4 · Cosa resta gratis: heading and link left, the list right */
.pra-gratis-in{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);grid-template-areas:"head list" "link list";grid-template-rows:auto 1fr;column-gap:clamp(32px,5vw,96px);align-items:start}
.pra-gratis-head{grid-area:head}
.pra-gratis-head .body-lg{margin-top:20px}
.pra-gratis-list{grid-area:list;min-width:0}
.pra-gratis-link{grid-area:link}

/* 5 · Codice partner: heading on top, the codes (wide) left, the steps right */
.pra-codice-in{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);grid-template-areas:"list seq" "link seq";grid-template-rows:auto 1fr;column-gap:clamp(40px,5vw,96px);align-items:start}
.pra-codice-list{grid-area:list;min-width:0}
.pra-codice-seq{grid-area:seq;padding-top:clamp(4px,1vw,18px)}
.pra-codice-link{grid-area:link}

/* 6 · Crediti AI: one short row */
.pra-crediti-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,5vw,96px);align-items:start}
.pra-pack{color:var(--text-2)}
.pra-pack b{color:var(--text)}
.pra-crediti-copy .body-lg{margin-top:14px}

/* 7 · Domande: heading and link left (sticky on desktop), questions right */
.pra-domande-in{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);grid-template-areas:"head faq" "link faq";grid-template-rows:auto 1fr;column-gap:clamp(32px,5vw,96px);align-items:start}
.pra-domande-h{grid-area:head}
.pra-domande-link{grid-area:link}
.pra-faq{grid-area:faq;min-width:0;border-top:1px solid var(--line)}

@media (min-width:1024px){
  .pra-domande-h{position:sticky;top:calc(var(--head) + 40px)}
}
@media (max-width:1023px){
  .pra-conto-in{grid-template-columns:1fr;grid-template-areas:"head" "price" "copy";grid-template-rows:auto;row-gap:clamp(28px,5vw,44px)}
  .pra-conto-copy .pra-math{margin-top:0}
  .pra-gratis-in{grid-template-columns:1fr;grid-template-areas:"head" "list" "link";grid-template-rows:auto;row-gap:32px}
  .pra-gratis-link{margin-top:0}
  .pra-codice-in{grid-template-columns:1fr;grid-template-areas:"list" "seq" "link";grid-template-rows:auto;row-gap:40px}
  .pra-codice-seq{padding-top:0}
  .pra-codice-link{margin-top:0}
  .pra-crediti-in{grid-template-columns:1fr}
  .pra-domande-in{grid-template-columns:1fr;grid-template-areas:"head" "faq" "link";grid-template-rows:auto;row-gap:28px}
  .pra-domande-link{margin-top:0}
}