/* COURSE-FLOW-1 /course template (Web, staging). Loads after agentic-hub-1.css. Pre-weekend header (no .sh--sell). */
.page--course .cf-inside{padding-top:clamp(24px,1.8vw + 17px,40px)}
.page--course .cf-inside .section__title,.page--course .cf-inside .cf-lead{text-align:center}
.page--course .cf-lead{max-width:640px;margin:8px auto 24px;color:var(--nn-text-body,#CFD6E1);font-size:1.125rem;line-height:1.55}
.page--course .cf-card{max-width:560px;margin:0 auto;padding:28px 24px;border-radius:16px;border-top:3px solid #2FD3EE;background:rgba(27,29,36,.86);text-align:center;backdrop-filter:none}
.page--course .cf-card .offer__name{margin:12px 0 8px;font-size:1.5rem}
.page--course .cf-card .cf-card__line{margin:0 0 16px;color:var(--nn-text-body,#CFD6E1)}
.page--course .cf-card .price{background:transparent;padding:0;margin:0 0 16px}
.page--course .cf-card .price__amount{font-size:2.5rem;font-weight:700}
.page--course .cf-card__meta{margin:12px 0 0;color:var(--nn-text-muted,#A9ACB4);font-size:.9375rem}
.page--course .cf-hero{max-width:880px;margin:0 auto}
.page--course .cf-hero img{display:block;width:100%;height:auto;border-radius:16px}
.page--course .ba__note,.page--course .ba__head{display:none}
.page--course .ba__after-line{margin:12px 0 0;color:var(--nn-text-body,#CFD6E1)}
.page--course .cf-cta{display:flex;justify-content:center;margin-top:24px}
@media (min-width:768px){.page--course .modules{display:grid;grid-template-columns:1fr 1fr;gap:16px}.page--course .modules .module{margin:0}}
.page--course .cf-start .cta2{text-align:center}
.page--course .cf-start .cf-nocredit{margin:12px 0 0;font-size:.9375rem;color:var(--nn-text-muted,#A9ACB4)}
.page--course .cf-start .cf-terms{margin:8px 0 0;font-size:.9375rem}
.page--course .cf-free .signup-panel{backdrop-filter:none}
.page--course .sf-free__ready{display:inline-block;margin-top:16px}
.cf-pending{display:block;margin:8px auto;max-width:880px;padding:8px 12px;border:1px dashed #F5C04A;border-radius:8px;color:#F5C04A;font-size:.875rem;line-height:1.4}
.visually-hidden-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* FAQ / card scroll fade-in stays OFF on /course (founder 8:49 AM ET) */
.page--course .card,.page--course .faq,.page--course .signup,.page--course .steps>li,.page--course .cta2{animation:none !important;translate:none !important;opacity:1 !important}
/* Gemini output: one column inside the 760 reading column */
.page--course .sl-out{display:block}
.page--course .sl-out__blk + .sl-out__blk{margin-top:18px}
/* HERO-LINK-ALIGN-1 live-review dd456b8c, built into the master template */
/* F3c: every /course section on the one 760px column (incl. before/after, sample, cards) */
.page--course > .section > .container,.page--course > .section > .container--narrow{max-width:calc(760px + 2 * var(--layout-gutter,24px))}
.page--course .cf-card,.page--course .cta2,.page--course .sf-free,.page--course .faq,.page--course .who,.page--course .cf-pending{max-width:none}
/* F4: no glass/blur on the buy card, no nested filled price box */
.page--course .cf-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--nn-panel,#191B20)}
.page--course .cf-card .price{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0}
/* F5: price centred at 2.5rem */
.page--course .cf-card .price{display:grid;justify-items:center;text-align:center}
.page--course .cf-card .price__amount{font-size:2.5rem}
/* F2: all primary buttons the same (auto) width at >=600 */
@media (min-width:600px){.page--course .cf-card > .btn.btn--lg{width:fit-content;margin-inline:auto}}

/* SEO f49a118a change 1: one H1 = course name above the intro + price block */
.page--course .cf-kicker{margin:0 0 6px;text-align:center;font-size:.875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9AA3B2}
.page--course .cf-h1{margin:0 0 12px;text-align:center;font-size:clamp(2rem,4.5vw,2.75rem);line-height:1.15}
.page--course .cf-card .offer__name{font-family:var(--font-heading);font-weight:700;font-size:1.375rem;line-height:1.25;color:var(--nn-text-title,#E6E9EF);margin:10px 0 6px}
.page--course .cf-hero picture{display:block}

/* Creative staging-review a42e2210 (#4 #5 #6 #8), template-wide */
/* #4 one primary button width, centred (form submit excluded) */
html body main.page--course .btn--primary.btn--lg:not([type="submit"]){width:300px;max-width:100%;justify-content:center;margin-inline:auto}
html body .page--course .cf-card > .btn.btn--lg{width:300px}
@media (max-width:599.98px){html body main.page--course .btn--primary.btn--lg:not([type="submit"]),html body .page--course .cf-card > .btn.btn--lg{width:100%}html body .page--course .cf-cta{padding-inline:28px}}
@media (max-width:599.98px){html body .page--course .cf-cta{padding-inline:20px}}
/* #5 one card system: padding 28 / 20, radius 16 */
html body .page--course :is(.cf-card,.sl,.who__yes,.cta2,.sf-free){padding:28px;border-radius:16px}
@media (max-width:599.98px){html body .page--course :is(.cf-card,.sl,.who__yes,.cta2,.sf-free){padding:20px}}
/* #6 no glass on /course cards */
html body .page--course :is(.who__yes,.module,.cta2,.faq){-webkit-backdrop-filter:none;backdrop-filter:none;background:#191B20 !important}
/* #8 /course free box = price-card component, quiet variant */
html body .page--course .sf-free.cf-card--quiet{background:#121318;border:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.08);text-align:center;max-width:none}
html body .page--course .sf-free::before{content:none}
html body .page--course .sf-free .pill--outline{display:inline-block;background:transparent;color:#2FD3EE;border:1px solid rgba(47,211,238,.5)}
html body .page--course .sf-free__h{font-size:22px;font-weight:700;line-height:1.3;margin:10px 0 6px}
html body .page--course .sf-free .btn--primary:not(:disabled){background:transparent;color:#2FD3EE;border:2px solid #2FD3EE}
html body .page--course .sf-free form{text-align:left}
html body main.page--course .faq{border-radius:16px}
/* Creative r7 N1 (staging-review 0ace2d2b): one card surface (template: all niches inherit) */
html body .page--course :is(.who__yes,.cta2,.sl,.faq){background:#191B20 !important}   /* !important: global glass rule (.card,.signup,.faq,.cta2 ... background:var(--glass-fill) !important) */
/* Creative live FIX L-1 (live-review fc93ebb1): before/after panels radius 16 like every other card (template: all niches inherit) */
html body .page--course .ba__panel{border-radius:16px}
/* Creative FIX 1 (business-live-review 982067c3): "View the Online Course" label wrapped to 2 lines at 360/330; keep primary button labels on one line under 400px (all niches inherit) */
@media (max-width:399.98px){html body .page--course .btn--primary{white-space:nowrap;padding-inline:12px}}
/* Creative FIX 2 (education): a lone last module tile (odd count) spans both columns */
@media (min-width:600px){html body .page--course .modules > .module:last-child:nth-child(odd){grid-column:1 / -1}}
/* Creative R-1 (reorder-live-review.md fcd77107): sample lesson -> before/after gap 120/80 -> 96/56 (desktop/mobile); nothing else moves */
html body .page--course .cl-proof > .container > .sl{margin-bottom:0}
/* Creative A-1 (assistants-live-review.md 8c33fd46): 2nd sample prompt box lines up with the 1st at >=1024px (agentic-hub-1 .sl__boxes .prompt + .prompt{margin-top:20px} cancelled the reset); nothing changes below 1024 */
@media (min-width:1024px){html body .page--course .sl__boxes > .prompt{margin:0}}