/* assets/v4/academy.css: page styles for /academy, /academy/claude-for-busy-people and /services (decisions 5696, 5697). Load after site.css. Built only from tokens.css, base.css and site.css classes; no pricing.css.
   .stat       status chip ("Coming"): a cut-corner plain fill, never a color badge
   .course     a course card on the hub: title, body, meta line, button pinned to the foot
   .meta       the price and length line of a course card
   .say        a short statement in a card, set in the heading color
   .quote      one large statement in a centered glass card (Josh's own words)
   .nf         the notify form: .nf-fld field (cut-corner label around the input) beside the main button; it posts to /api/waitlist
   .fine       small note under a button
   .mail       an inline link inside body text */
.stat{display:inline-flex;align-items:center;justify-self:start;min-height:30px;padding:0 12px;font:800 .75rem var(--fd);letter-spacing:.14em;text-transform:uppercase;color:var(--h);background:var(--bar);--cut:var(--bevel-sm);--band-color:var(--chip)}
.hero .stat{margin-bottom:18px}
.course{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.course h3{font-size:clamp(1.5rem,1vw + 1.1rem,1.9rem)}
.course p{font-size:1.1rem}
.course .acts{margin-top:auto;padding-top:14px}
.card p.meta{font:800 1.15rem/1.4 var(--fd);color:var(--h)}
.card.quote{max-width:54rem;margin-inline:auto;padding:clamp(26px,4vw,52px)}
.card.quote p{font:700 clamp(1.25rem,1.1vw + 1rem,1.75rem)/1.4 var(--fd);color:var(--h);text-wrap:balance}
.card .btn-main,.card .btn-glass{justify-self:start}
.card.cta .btn-main,.card.cta .btn-glass,.card.cta .more{justify-self:center}
.cols2.eq{align-items:stretch}
.cols2.eq .card{align-content:space-between;height:100%}
.card p.say{font:700 clamp(1.1rem,.6vw + 1rem,1.35rem)/1.45 var(--fd);color:var(--h)}
.nf{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:100%;max-width:34rem;margin-top:10px}
.nf-fld{display:block;flex:1 1 220px;min-width:0;background:var(--wash);--cut:var(--bevel-ctl);--band-color:var(--line)}
:root.dark .nf-fld{background:var(--tint)}
.nf-fld input{display:block;width:100%;min-height:48px;padding:0 14px;border:0;outline:0;background:transparent;color:var(--h);font:500 1rem var(--fd)}
.nf-fld input::placeholder{color:var(--mu);opacity:1}
.nf .btn-main{flex:0 0 auto}
.fine{max-width:34rem;font:500 .95rem/1.5 var(--fd);color:var(--tx)}
.mail{font-weight:800;color:var(--h);text-decoration:underline 2px var(--ac);text-underline-offset:4px}
.mail:hover{color:var(--ac)}
.mail:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
#notify{scroll-margin-top:110px}
@media(max-width:560px){.nf .btn-main{flex:1 1 100%}.course .acts .btn-main,.course .acts .btn-glass{white-space:normal;text-align:center}}