/* =====================================================================
   PRIME EDGE TRAINING — individual program pages
   Shares the Prime Edge identity (stark black/white, decisive red, heavy
   condensed type) but each program sets its own --accent via inline style.
   ===================================================================== */
body[data-page="program"]{
  --black:#0a0a0b; --black-2:#111113; --card:#161618; --line:rgba(255,255,255,.12);
  --ink:#f4f5f6; --muted:#9a9ba0; --accent:#ec1c24; --accent-2:#ff5560;
  --sans:'Archivo',system-ui,sans-serif;
  background:var(--black); color:var(--ink); padding-top:var(--nav-h); font-family:var(--sans); line-height:1.6; overflow-x:hidden;
}
.pg{max-width:1100px;margin-inline:auto;padding-inline:clamp(18px,4vw,44px)}
.pg-narrow{max-width:760px}
body[data-page="program"] h1,body[data-page="program"] h2,body[data-page="program"] h3{font-weight:800;text-transform:uppercase;letter-spacing:-.01em;line-height:1}
.pg-eyebrow{display:inline-flex;align-items:center;gap:.6em;font-weight:700;text-transform:uppercase;letter-spacing:.2em;font-size:.74rem;color:var(--accent-2)}
.pg-eyebrow::before{content:"";width:8px;height:8px;background:var(--accent);border-radius:50%}

/* ---- HERO ---------------------------------------------------------- */
.pg-hero{position:relative;padding:clamp(48px,8vw,104px) 0;overflow:hidden;border-bottom:1px solid var(--line)}
.pg-hero::after{content:"";position:absolute;top:0;right:0;width:46%;height:100%;z-index:0;
  background:linear-gradient(135deg,transparent 38%,color-mix(in srgb,var(--accent) 22%,transparent));clip-path:polygon(28% 0,100% 0,100% 100%,0 100%)}
.pg-hero .inner{position:relative;z-index:1;max-width:760px}
.pg-hero .crumb a{color:var(--accent-2);font-weight:600;font-size:.85rem}
.pg-hero h1{font-size:clamp(2.6rem,7vw,5rem);margin:.6rem 0 .4rem}
.pg-hero .tag{font-size:clamp(1.1rem,2vw,1.5rem);color:var(--muted);text-transform:none;max-width:42ch;margin-bottom:1.4rem}
.pg-hero .chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.8rem}
.pg-hero .chips span{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--line);padding:.45em .8em;color:var(--ink)}
.pg-hero .cta{display:flex;flex-wrap:wrap;gap:.9rem}
.btn-go{display:inline-flex;align-items:center;gap:.5em;background:var(--accent);color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:.92rem;padding:1em 1.8em;transition:transform .16s,filter .16s}
.btn-go:hover{filter:brightness(1.1);transform:translateY(-2px)}
.btn-edge{display:inline-flex;align-items:center;gap:.5em;border:1px solid var(--line);color:var(--ink);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.92rem;padding:1em 1.7em;transition:.16s}
.btn-edge:hover{border-color:var(--accent);color:var(--accent-2)}

/* ---- OVERVIEW ------------------------------------------------------ */
.pg-overview{padding:clamp(44px,6vw,88px) 0;background:var(--black-2)}
.pg-overview h2{font-size:clamp(1.6rem,3.4vw,2.4rem);margin-bottom:1rem}
.pg-overview p{color:var(--muted);text-transform:none;max-width:64ch;font-size:1.08rem}
.pg-overview .outcome{margin-top:1.6rem;border-left:3px solid var(--accent);padding-left:1.2rem}
.pg-overview .outcome .l{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--accent-2)}
.pg-overview .outcome p{color:var(--ink);font-size:1.15rem;margin-top:.3rem}

/* ---- FOCUS + FOR --------------------------------------------------- */
.pg-detail{padding:clamp(44px,6vw,88px) 0}
.pg-cols{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(28px,5vw,56px)}
@media(max-width:780px){.pg-cols{grid-template-columns:1fr}}
.pg-cols h2{font-size:clamp(1.4rem,3vw,2rem);margin-bottom:1.2rem}
.focus-list{display:grid;gap:.7rem}
.focus-list li{display:flex;gap:.8rem;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-left:3px solid var(--accent);padding:.9em 1.1em}
.focus-list li::before{content:"▸";color:var(--accent);font-weight:700}
.for-box{background:var(--card);border:1px solid var(--line);padding:clamp(20px,2.4vw,28px)}
.for-box h3{font-size:1.05rem;margin-bottom:.8rem;color:var(--accent-2)}
.for-box li{color:var(--muted);text-transform:none;padding:.35em 0;border-bottom:1px solid var(--line);font-size:.95rem}
.for-box li:last-child{border-bottom:0}

/* ---- METHOD -------------------------------------------------------- */
.pg-method{padding:clamp(44px,6vw,88px) 0;background:var(--black-2);border-block:1px solid var(--line)}
.pg-method h2{font-size:clamp(1.6rem,3.4vw,2.4rem);text-align:center;margin-bottom:2rem}
.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:780px){.method-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:460px){.method-grid{grid-template-columns:1fr}}
.method{background:var(--card);border:1px solid var(--line);padding:22px}
.method .n{font-weight:800;color:var(--accent);font-size:1.2rem}
.method h3{font-size:1rem;margin:.5rem 0 .35rem}
.method p{color:var(--muted);text-transform:none;font-size:.86rem}

/* ---- CTA ----------------------------------------------------------- */
.pg-cta{padding:clamp(56px,8vw,120px) 0;text-align:center}
.pg-cta h2{font-size:clamp(2rem,5vw,3.2rem)}
.pg-cta p{color:var(--muted);text-transform:none;max-width:50ch;margin:1rem auto 0}
.pg-cta .cta{display:flex;gap:.9rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}
.pg-disclaimer{color:var(--muted);font-size:.78rem;max-width:62ch;margin:2rem auto 0;text-transform:none;opacity:.8}

/* ---- program cards on the main Training page ----------------------- */
.pe-prog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:860px){.pe-prog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.pe-prog-grid{grid-template-columns:1fr}}
.pe-prog{display:flex;flex-direction:column;background:#161618;border:1px solid rgba(255,255,255,.12);border-top:3px solid var(--pc,#ec1c24);padding:clamp(18px,2.2vw,26px);transition:transform .25s,border-color .25s}
.pe-prog:hover{transform:translateY(-4px);border-color:var(--pc,#ec1c24)}
.pe-prog .pc-tag{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--pc,#ff5560)}
.pe-prog h3{font-weight:800;text-transform:uppercase;font-size:1.1rem;margin:.4rem 0 .4rem;color:#f4f5f6;letter-spacing:-.01em}
.pe-prog p{color:#9a9ba0;font-size:.9rem;flex:1}
.pe-prog .go{margin-top:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;color:var(--pc,#ff5560)}