/* ══════════════════════════════════════════════════════════════
   AIDA GROUP: Tier 1B design pass (W session, 2026-10-25)
   Loaded last on the 7 AIDA pages: /academy/ + curriculum, ai, support, job-search,
   the AIDC page and the enrollment thank-you. Layout only; no copy lives here.
   Log: Departments/strategy/execution/design-lane-1b-aida-2026-10-25.md
   ══════════════════════════════════════════════════════════════ */

/* ── 1. Shared across the AIDA pages ───────────────────────────── */
/* The AIDA sub-menu sticks under the header (64px; 104px with the event bar) instead of sliding under it */
body.aida-site{--acs-top:64px}
body.aida-site:has(> .lsd-topbar){--acs-top:104px}
html.tb-off body.aida-site{--acs-top:64px}
@media (max-width:980px){
  body.aida-site{--acs-top:66px}
  body.aida-site:has(> .lsd-topbar){--acs-top:106px}
  html.tb-off body.aida-site{--acs-top:66px}
}
body.aida-site .ac-sub{top:var(--acs-top) !important;z-index:60}
@media (max-width:900px){
  body.aida-site .ac-sub-links{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 22px),transparent);padding:0 10px}
}

/* One reading width (720) and one wide width (1136) */
body.aida-site.sky section.sky-dawn > .container{max-width:1136px !important}
body.aida-site :is(.ac-narrow,.lead-prose) {max-width:720px;margin-left:auto;margin-right:auto}

/* Section heads: one alignment (centered, intro under it) */
body.aida-site .sec .head.left{text-align:center;margin-left:auto;margin-right:auto}
body.aida-site .sec .head.left p{margin-left:auto;margin-right:auto}

/* Card text: readable size and ink */
body.aida-site :is(.ac-call p,.ac-letter p,.ac-move,.ac-want,.ac-teaser p,.ac-piece span,.ac-deal span){font-size:15px;line-height:1.65;color:var(--ink-soft,#3F5260)}
body.aida-site .sec-navy .ac-want{color:rgba(255,255,255,.82)}
/* Small labels on cards: one color on light (sienna), sky on navy */
body.aida-site :is(.ac-call small,.ac-piece small,.ac-beat .when,.ac-mentor small,.r-tag){color:var(--ds-attr,#8A4F2E) !important}
body.aida-site .sec-navy :is(.ac-call small,.r-tag){color:var(--sky,#8FE8ED) !important}

/* Chips: one neutral style, no unexplained dark ones */
body.aida-site :is(.ac-mini span,.ac-mini span.hi){background:var(--ds-tint,#EEF6F4);color:var(--navy,#223A4C);border:1px solid var(--ds-tint-line,rgba(10,104,112,.16))}

/* Buttons on phones: one line, same width, side by side or stacked evenly */
@media (max-width:520px){
  body.aida-site main .btn,body.aida-site section .btn,body.aida-site .hero-ctas .btn{white-space:nowrap;letter-spacing:.07em;font-size:12.5px;padding-left:16px;padding-right:16px}
  body.aida-site .hero-ctas{display:grid !important;grid-template-columns:1fr;gap:10px !important}
  body.aida-site .hero-ctas .btn{width:100%;justify-content:center}
}
/* Back to top steps up above the sticky Enroll bar */
@media (max-width:760px){
  body.aida-site:has(#stickyCta.show) .ds-totop{bottom:84px}
  body.aida-site:has(#stickyCta.show) .ds-toc-pill{bottom:84px}
}
/* Phones: long paragraphs read left-aligned */
@media (max-width:720px){
  body.aida-site :is(.ac-ess,.sec .head p,.ac-lede,.ac-wait){text-align:left !important}
  body.aida-site .sec .head :is(h2){text-align:left}
  body.aida-site .sec .head{text-align:left}
}

/* Grad quotes: one treatment everywhere on these pages (the Trustpilot cards take the quote card, stars stay) */
body.aida-site .lbtp-card.lbtp-card{border-left:2px solid var(--teal,#1FC3CC) !important;padding:2px 0 2px 22px !important}
body.aida-site .lbtp-card blockquote{font:400 18px/1.55 var(--font-display) !important;color:var(--navy,#223A4C) !important}
body.aida-site .lbtp-card figcaption{font:600 13.5px/1.45 var(--font-body);color:var(--ds-attr,#8A4F2E) !important}
body.aida-site .lbtp-src{letter-spacing:.04em !important;text-transform:none !important;font-size:13px !important}

/* The closing panel (Join the November cohort) */
@media (max-width:720px){
  body.aida-site section.sec-navy:last-of-type .btn{width:100%;justify-content:center}
}

/* ── 2. Overview (/academy/) ───────────────────────────────────── */
/* Hero: the script word reads at full strength and the H1 keeps one line gap */
body.aida-site .ac-hero h1{line-height:1.12}
body.aida-site .ac-hero h1 .script{color:var(--sky,#8FE8ED);font-size:1.18em;line-height:.9}
body.aida-site .ac-hero .pg-sub{max-width:62ch}
/* Stat strip: less dead space before the next section */
body.aida-site section.sky-dark{padding:48px 0 40px !important}
body.aida-site .ac-ess{max-width:760px;margin-left:auto;margin-right:auto}
body.aida-site.sky section.sky-dawn{padding-top:36px !important}
/* "You've been working on this": the six moves in three columns on the wide grid, the argument in the reading column */
body.aida-site.sky section.sky-dawn > .container > .head{max-width:820px}
body.aida-site.sky .ac-moves{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1136px}
body.aida-site.sky section.sky-dawn > .container > .reveal:not(.ac-moves){max-width:720px;margin-left:auto;margin-right:auto}
@media (max-width:980px){body.aida-site.sky .ac-moves{grid-template-columns:1fr 1fr}}
@media (max-width:720px){body.aida-site.sky .ac-moves{grid-template-columns:1fr}}

/* Myth or fact: shorter cards; on phones a swipe row (class ds-swipe on .ac-flips) */
body.aida-site .ac-flips .ac-flip,body.aida-site .ac-flips .ac-flip-in{min-height:270px}
body.aida-site .ac-flips .ac-front q{font-size:22px}
@media (max-width:720px){
  body.aida-site .ac-flips.ds-swipe .ac-flip,body.aida-site .ac-flips.ds-swipe .ac-flip-in{min-height:340px}
}

/* The real deal: numbers with weight, matching the stat strip */
body.aida-site .ac-deal b{font-weight:500 !important;font-size:clamp(26px,2.6vw,34px) !important;color:var(--navy,#223A4C)}
@media (max-width:720px){body.aida-site.sky .ac-deal{grid-template-columns:1fr 1fr !important;gap:0 18px !important}body.aida-site.sky .ac-deal div{border-left:0 !important;border-top:1px solid var(--line,rgba(22,51,63,.14)) !important;padding:16px 0 !important}}

/* Calculator: a quiet empty state (academy.js sets .is-empty until a state is picked) */
body.aida-site .tsal-card.is-empty #tsal-state-salary{font:600 15px/1.3 var(--font-body) !important;color:var(--ink-faint,#56646D) !important}
body.aida-site .tsal-card.is-empty #tsal-gap{font:600 17px/1.3 var(--font-body) !important;color:var(--ink-faint,#56646D) !important;letter-spacing:0}

/* Tuition: prices with weight, one primary and one secondary button, a balanced side column */
body.aida-site .ac-plan b{font-weight:500 !important;font-size:36px !important}
body.aida-site .price-wrap{align-items:stretch}
body.aida-site .price-side{display:flex;flex-direction:column;justify-content:flex-start;gap:6px;padding:8px 0}
body.aida-site .price-side .pause-card{border-top:1px solid rgba(255,255,255,.14) !important;padding:22px 0 18px !important}
body.aida-site .price-side .pause-card:first-child{border-top:0 !important}
body.aida-site .p-ctas .btn + .btn{background:transparent !important;color:#fff !important;border:1.5px solid rgba(255,255,255,.55) !important;box-shadow:none !important}
body.aida-site .p-ctas .btn + .btn:hover{border-color:#fff !important}
body.aida-site .price-card .p-tag{background:rgba(143,232,237,.16) !important;color:var(--sky,#8FE8ED) !important;border:1px solid rgba(143,232,237,.4);box-shadow:none !important}

/* FAQ: the full reading width, 6 shown, then "Show all" */
body.aida-site #faq .faq-list{max-width:820px;margin-left:auto;margin-right:auto}

/* ── 3. Curriculum ─────────────────────────────────────────────── */
/* The six-step module rhythm as one connected rail */
body.aida-site .ac-rhythm{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;max-width:1136px;position:relative;margin-top:18px}
body.aida-site .ac-rhythm::before{content:"";position:absolute;left:8%;right:8%;top:22px;height:2px;background:linear-gradient(90deg,#8FE8ED,#1FC3CC)}
body.aida-site .ac-rhythm span{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;background:none;border:0;box-shadow:none;padding:0 10px;font-size:14.5px;line-height:1.4}
body.aida-site .ac-rhythm span em{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:#fff;border:2px solid var(--teal,#1FC3CC);font-weight:500;font-size:19px;color:var(--navy,#223A4C);position:relative;z-index:1}
body.aida-site .ac-rhythm .loopback{background:none}
body.aida-site .ac-rhythm .loopback em{background:var(--teal,#1FC3CC);color:#fff;border-color:var(--teal,#1FC3CC)}
@media (max-width:820px){
  body.aida-site .ac-rhythm{grid-template-columns:1fr;max-width:420px;gap:14px;padding-left:4px}
  body.aida-site .ac-rhythm::before{left:26px;right:auto;top:20px;bottom:20px;width:2px;height:auto;background:linear-gradient(180deg,#8FE8ED,#1FC3CC)}
  body.aida-site .ac-rhythm span{flex-direction:row;text-align:left;gap:16px;padding:0}
}
/* The ladder: the panel sits centered beside the rungs (no dead block under it) */
@media (min-width:901px){body.aida-site .ac-ladder{align-items:center}body.aida-site .ac-panel{position:relative;top:auto}}
/* Phones: the hero ladder card repeats the interactive ladder a screen later, so it steps aside */
@media (max-width:900px){body.aida-site .le-cardhero .le-card:has(.le-rungs){display:none}}
/* The badge path sits on a light section: light-theme colors */
body.aida-site .sec:not(.sec-navy) .badge-path .bp-lbl{color:var(--ink-faint,#56646D);letter-spacing:.04em;text-transform:none;font-family:var(--font-body);font-weight:600;font-size:14px}
body.aida-site .sec:not(.sec-navy) .badge-path .bp{background:#fff;border:1px solid var(--line,rgba(22,51,63,.14));color:var(--navy,#223A4C)}
body.aida-site .sec:not(.sec-navy) .badge-path .bp.final{background:var(--ds-tint,#EEF6F4);border-color:rgba(10,104,112,.35);color:var(--ds-teal-text,#0A6870);font-weight:600}
body.aida-site .sec:not(.sec-navy) .badge-path .bp-arr{color:var(--ds-teal-text,#0A6870)}
body.aida-site .badge-path{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}
@media (max-width:720px){body.aida-site .badge-path{flex-direction:column;align-items:stretch}body.aida-site .badge-path .bp-arr{transform:rotate(90deg);align-self:center}body.aida-site .badge-path .bp{text-align:center}}

/* ── 4. AI ─────────────────────────────────────────────────────── */
body.aida-site .ac-stats b,body.aida-site section .ac-two-stats b{font-weight:500}
/* Phones: the LEAD letters sit beside their titles (a compact list) */
@media (max-width:720px){
  body.aida-site .ac-letter{display:grid;grid-template-columns:44px 1fr;column-gap:14px;padding:16px 16px}
  body.aida-site .ac-letter .L{grid-row:1 / span 2;font-size:38px}
  body.aida-site .ac-letter h3{margin:2px 0 4px}
}

/* ── 5. Support ────────────────────────────────────────────────── */
/* Mentor photos: one frame, one crop */
body.aida-site .ac-mentor img{aspect-ratio:1/1;object-position:center 22%;filter:saturate(.9)}
@media (max-width:900px){
  body.aida-site .ac-mentors{max-width:none}
  body.aida-site .ac-mentor{display:grid;grid-template-columns:96px 1fr;align-items:start;gap:0}
  body.aida-site .ac-mentor img{width:96px;height:96px;margin:20px 0 0 20px;border-radius:50%}
  body.aida-site .ac-mentor div{padding:18px 20px 20px 16px}
}
/* Hours slider: on-palette track */
body.aida-site #acPace input[type=range]{accent-color:var(--teal,#1FC3CC)}
body.aida-site #acPace input[type=checkbox]{accent-color:var(--teal,#1FC3CC);width:18px;height:18px}

/* ── 6. Job search ─────────────────────────────────────────────── */
@media (max-width:720px){
  body.aida-site .ac-beat .tools{display:flex;flex-wrap:wrap}
  body.aida-site .ac-beat .tools span{flex:0 0 auto}
}
body.aida-site .ac-quotes-2{align-items:start}
/* The single "Do you guarantee a job?" answer reads as an open answer card */
body.aida-site .ac-lonefaq details.faq summary{pointer-events:none}
body.aida-site .ac-lonefaq details.faq .xtoggle{display:none}
/* ── 7. The AIDC page (body.aida-cert) ─────────────────────────── */
body.aida-cert .pg-hero p.pg-sub.aidc-lede{font-size:clamp(18px,1.6vw,21px) !important;line-height:1.55 !important;color:#fff !important;max-width:56ch}
body.aida-cert .pg-hero p.pg-sub.aidc-body{font-size:15px !important;line-height:1.75 !important;color:rgba(255,255,255,.74) !important;max-width:62ch;margin-top:14px}
/* the credential card on phones: label above value */
@media (max-width:620px){
  body.aida-cert .le-cred dl{grid-template-columns:1fr;gap:2px}
  body.aida-cert .le-cred dd{margin-bottom:10px}
  body.aida-cert .le-cred .le-cred-t{font-size:20px}
}
/* the five pieces as cards on the wide grid */
body.aida-cert .aidc-wide{max-width:1136px !important;margin:0 auto}
body.aida-cert #portfolio .head,body.aida-cert #portfolio .head + p{max-width:720px;margin-left:auto;margin-right:auto;text-align:center}
body.aida-cert .aidc-pieces{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;counter-reset:pc}
body.aida-cert .aidc-pieces li{counter-increment:pc;position:relative;background:#fff;border:1px solid var(--ds-line,rgba(22,51,63,.10));border-radius:18px;padding:52px 18px 20px;font:500 17px/1.45 var(--font-display);color:var(--navy,#223A4C);box-shadow:0 18px 40px -30px rgba(22,51,63,.45);min-height:150px}
body.aida-cert .aidc-pieces li::before{content:counter(pc);position:absolute;left:18px;top:16px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--ds-tint,#EEF6F4);color:var(--ds-teal-text,#0A6870);font:600 13px/1 var(--font-body)}
@media (max-width:980px){body.aida-cert .aidc-pieces{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:620px){body.aida-cert .aidc-pieces{grid-template-columns:1fr 1fr;gap:10px}body.aida-cert .aidc-pieces li{min-height:0;padding:46px 14px 16px;font-size:15px}}
/* the review loop */
body.aida-cert .aidc-loop{display:flex;align-items:center;justify-content:center;gap:0;margin:6px auto 30px;max-width:720px}
body.aida-cert .aidc-loop span{display:flex;flex-direction:column;align-items:center;gap:8px;font:600 13.5px/1.25 var(--font-body);color:var(--navy,#223A4C);text-align:center;min-width:92px}
body.aida-cert .aidc-loop span b{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid var(--teal,#1FC3CC);font:500 18px/1 var(--font-display);color:var(--navy,#223A4C)}
body.aida-cert .aidc-loop span.ok b{background:var(--teal,#1FC3CC);color:#fff}
body.aida-cert .aidc-loop i{flex:1 1 0;height:2px;margin-bottom:28px;background:linear-gradient(90deg,#8FE8ED,#1FC3CC);min-width:24px}
@media (max-width:560px){body.aida-cert .aidc-loop span{min-width:70px;font-size:12.5px}}
/* the creator, with Jill's photo */
body.aida-cert .aidc-creator{display:grid;grid-template-columns:140px minmax(0,1fr);gap:28px;align-items:start}
body.aida-cert .aidc-jill{width:140px;height:140px;border-radius:50%;object-fit:cover;box-shadow:0 18px 40px -24px rgba(22,51,63,.55)}
@media (max-width:620px){body.aida-cert .aidc-creator{grid-template-columns:1fr;gap:16px}body.aida-cert .aidc-jill{width:96px;height:96px}}
/* verify on the band, then the FAQ on the page ground with normal spacing */
body.aida-cert #verify{padding:64px 0 !important}
body.aida-cert #faq{padding-top:72px !important}
body.aida-cert #faq .faq-list{max-width:720px;margin-left:auto;margin-right:auto}
body.aida-cert section.sec-navy .micro a{font-weight:600;text-decoration:none}
body.aida-cert section.sec-navy .micro a::after{content:" \2192"}
/* ── 8. Enrollment thank-you (body.aida-ty, rebuilt on the thank-you template) ── */
/* thank-you template rules (copied from the shared thank-you pages' inline styles, scoped) */
body.aida-ty .ty-hero{padding-bottom:88px;}
body.aida-ty .ty-hero .pg-sub{max-width:58ch;}
body.aida-ty .ty-hero h1 .script{font-size:1.6em;}
body.aida-ty .ty-steps{display:grid;gap:22px;margin-top:-48px;position:relative;z-index:4;}
body.aida-ty .ty-step{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px 28px;box-shadow:var(--shadow-md);display:grid;grid-template-columns:56px minmax(0,1fr);gap:20px;}
body.aida-ty .ty-num{width:48px;height:48px;border-radius:14px;background:var(--grad-teal);color:var(--navy);font-family:var(--font-display);font-weight:700;font-size:20px;display:flex;align-items:center;justify-content:center;}
body.aida-ty .ty-step h2{font-size:clamp(22px,2.4vw,26px) !important;color:var(--navy);margin:4px 0 8px;}
body.aida-ty .ty-step p{margin:0 0 16px;color:var(--ink-soft);line-height:1.7;}
body.aida-ty .ty-step p:last-child{margin-bottom:0;}
body.aida-ty .ty-step .btn{white-space:normal;max-width:100%;text-align:center;}
@media (max-width:620px){body.aida-ty .ty-step{grid-template-columns:1fr;gap:12px;padding:24px 20px}}
body.aida-ty .aty-hero{padding-bottom:96px}
body.aida-ty .aty-hero .container{max-width:920px}
body.aida-ty .aty-check{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(160deg,#8FE8ED,#1FC3CC);color:var(--navy,#223A4C);font-size:26px;font-weight:700;margin:0 0 18px}
body.aida-ty .aty-bought{display:inline-flex;align-items:center;gap:8px;margin-top:20px;font:600 13.5px/1.35 var(--font-body);color:var(--sky,#8FE8ED)}
body.aida-ty .aty-k{margin:62px 0 -8px;font:600 14px/1 var(--font-body);color:var(--ds-attr,#8A4F2E);position:relative;z-index:5}
body.aida-ty .ty-step .btn{margin-top:4px}
body.aida-ty .aty-week .head{max-width:720px;margin:0 auto 32px;text-align:center}
body.aida-ty .aty-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
body.aida-ty .aty-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--ds-line,rgba(22,51,63,.10));border-radius:18px;padding:26px 24px 22px;box-shadow:0 18px 40px -30px rgba(22,51,63,.45)}
body.aida-ty .aty-card h3{font-size:20px;line-height:1.3;color:var(--navy,#223A4C);margin:0 0 10px}
body.aida-ty .aty-card p{font-size:15px;line-height:1.65;color:var(--ink-soft,#3F5260);margin:0}
body.aida-ty .aty-card .aty-go{margin-top:auto;padding-top:18px}
body.aida-ty .cs-block p{color:var(--ink-soft,#3F5260)}
@media (max-width:860px){body.aida-ty .aty-cards{grid-template-columns:1fr}}
/* Phones: hero chips in one swipe line; the stat grid's rules even */
@media (max-width:720px){
  body.aida-site .ac-hero .pg-chips{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-24px;padding-right:24px;gap:8px}
  body.aida-site .ac-hero .pg-chips::-webkit-scrollbar{display:none}
  body.aida-site .ac-hero .pg-chip{flex:0 0 auto;white-space:nowrap !important}
}
@media (max-width:640px){
  body.aida-site .statband .statcard.statcard{border-top:1px solid rgba(255,255,255,.18) !important}
  body.aida-site .statband .statcard.statcard:nth-child(-n+2){border-top:0 !important}
}
/* Headings never leave one word alone */
body.aida-site :is(h1,h2,h3){text-wrap:balance !important}
@media (max-width:720px){body.aida-site .ac-letter h3{font-size:16.5px}}
/* ══════════ ROUND 2 (after the round-1 independent ratings) ══════════ */
/* Three widths only: reading 720, standard 900, wide 1136 */
body.aida-site .ac-scrub{max-width:1136px;margin-left:auto;margin-right:auto}
body.aida-site .tsal-wrap{max-width:900px !important}
body.aida-site #faq .faq-list{max-width:900px}
body.aida-site.calm section.sec > .container{max-width:1136px}
body.aida-site.calm :is(.ac-calls,.ac-review,.res-grid,.ac-mentors,.ac-shelf,.ac-letters,.cert-row,.le-faq,.ac-4q){max-width:1136px !important;margin-left:auto;margin-right:auto}
body.aida-site .cert-row{max-width:900px !important}

/* One white card */
body.aida-site :is(.ac-call,.ac-piece,.ac-move,.ac-letter,.ac-mentor,.ac-beat-card,.ac-teaser,.ac-panel,.cert-row > *,.res-card,.door.plain,.hcol.give,.ac-deal div,.tldr .frame-card){border:1px solid var(--ds-line,rgba(22,51,63,.10)) !important;border-radius:18px !important;box-shadow:0 18px 40px -30px rgba(22,51,63,.45) !important}
body.aida-site.sky .ac-deal div{border:0 !important;box-shadow:none !important;border-radius:0 !important}
body.aida-site .sky .ac-deal div,body.aida-site.sky section .ac-deal div{background:none}
/* Teal top accents never bend with the corner radius: an inset bar instead */
body.aida-site :is(.hcol.give,.tldr .frame-card,.res-card,.ai-card){border-top-width:1px !important;border-top-color:var(--ds-line,rgba(22,51,63,.10)) !important;position:relative}

body.aida-site .res-card[style*="border-top"]{border-top:1px solid var(--ds-line,rgba(22,51,63,.10)) !important}
/* Cards fill their row: tags pin to the bottom */
body.aida-site :is(.ac-piece,.ac-call,.res-card){display:flex;flex-direction:column}
body.aida-site :is(.ac-piece small,.ac-call small){margin-top:auto !important;padding-top:12px}

/* Overview: the myth cards go light (fewer navy blocks); the back is the tinted answer */
body.aida-site .ac-front{background:#fff !important;color:var(--navy,#223A4C) !important;border:1px solid var(--ds-line,rgba(22,51,63,.10));box-shadow:0 18px 40px -30px rgba(22,51,63,.45) !important}
body.aida-site .ac-front .k{color:var(--ds-teal-text,#0A6870) !important}
body.aida-site .ac-front q{color:var(--navy,#223A4C);font-weight:400 !important}
body.aida-site .ac-front .tap{color:var(--ds-teal-text,#0A6870) !important}
body.aida-site .ac-front .tap::after{content:" \21BB"}
body.aida-site .ac-back{background:var(--ds-tint,#EEF6F4) !important;border-color:rgba(10,104,112,.18) !important;box-shadow:none !important}
body.aida-site .ac-back p{font-size:14.5px !important}
body.aida-site .ac-back blockquote{background:#fff !important}
/* Doors: the cost is the one thing that separates the three, so it reads as the card's number */
body.aida-site .door .d-cost{margin-top:auto;padding-top:22px;font:500 22px/1.2 var(--font-display) !important;letter-spacing:0 !important;text-transform:none !important;color:var(--navy,#223A4C)}
body.aida-site .door.featured .d-cost{color:#fff}
/* What's inside AIDA: title first, then the chips */
body.aida-site .ac-teaser h3{order:1}
body.aida-site .ac-teaser .ac-mini{order:2;margin:2px 0 12px}
body.aida-site .ac-teaser p{order:3}
body.aida-site .ac-teaser .ac-more{order:4}
/* Quotes: one family. Pull lines and grad quotes in the display face, Trustpilot words in the body face */
body.aida-site .ac-pull{font-weight:400 !important;font-size:clamp(21px,2vw,25px) !important;border-left-width:2px !important}
body.aida-site .lbtp-card blockquote{font:400 16px/1.7 var(--font-body) !important;color:var(--ink,#1A2C3A) !important;letter-spacing:0 !important}
body.aida-site .sec-navy .hired-quote .qt b{font-weight:600}
/* Timeline: a quiet track so the milestones carry it */
body.aida-site .ac-track .fill{background:linear-gradient(90deg,rgba(143,232,237,.28),rgba(31,195,204,.22)) !important}
body.aida-site .ac-dot{width:16px !important;height:16px !important;margin:-8px 0 0 -8px !important}
body.aida-site .ac-dot.on{background:var(--ds-teal-text,#0A6870) !important;border-color:#fff !important;box-shadow:0 0 0 1px var(--ds-teal-text,#0A6870)}
/* Tuition: the side items without improvised icons; straight dividers */
body.aida-site .price-side .pause-card h3 .pi{display:none}
body.aida-site .price-side .pause-card{border-radius:0 !important}
@media (max-width:620px){body.aida-site .price-card .p-tag{font-size:10.5px !important;letter-spacing:.08em !important;white-space:nowrap;left:14px !important;right:14px !important;overflow:hidden;text-overflow:ellipsis}}
/* Hero chips: readable */
body.aida-site .ac-hero .pg-chip{font-size:12.5px}
/* Stat captions don't break before the separator */
body.aida-site .statband .cap{text-wrap:balance}
/* Phones: the hero column can't grow past the screen (the chip swipe row lives inside it) */
body.aida-site .pg-hero-grid > *{min-width:0}
/* Phones: one Enroll at a time (the sticky bar carries it; the sub-menu keeps the page links) */
@media (max-width:760px){body.aida-site .ac-sub-ctas{display:none}}
/* Phones: the link row under "Grads from all kinds of careers" stacks left */
@media (max-width:720px){body.aida-site .ac-linkrow{flex-direction:column !important;align-items:flex-start !important;gap:14px !important}}
/* Phones: buttons in the closing panel stay on one line */
@media (max-width:520px){body.aida-site section .btn{white-space:nowrap !important}}
/* Navy cards: small labels in sky, never sienna */
body.aida-site :is(.sec-navy,.door.featured,.ac-call[style*="navy"]) :is(small,.r-tag,cite,.or-cite){color:var(--sky,#8FE8ED) !important}
/* "Questions before you join?" reads as one tinted card above the closing panel */
body.aida-site .cs-block{padding:40px 0 48px !important;background:transparent !important}
body.aida-site .cs-block .container{max-width:720px !important;background:var(--ds-tint,#EEF6F4);border:1px solid rgba(10,104,112,.14);border-radius:18px;padding:26px 30px !important;text-align:left !important}
body.aida-site .cs-block h2{font-size:22px !important;margin-bottom:8px !important}
body.aida-site .cs-block p{font-size:15px !important}
body.aida-site.calm .cs-block > .container{border-top:1px solid rgba(10,104,112,.14) !important}

/* The mid-page enrollment banner: the same tinted panel as the questions card, not a second CTA style */
body.aida-site .cta-band{background:var(--ds-tint,#EEF6F4) !important;border:1px solid rgba(10,104,112,.16) !important;box-shadow:none !important}
body.aida-site .cta-band .cb-s{font-size:15px !important;color:var(--ink-soft,#3F5260) !important}
/* Subpages: the hero card steps aside on phones on every subpage (each repeats a section further down) */
@media (max-width:900px){body.aida-site .le-cardhero .le-grid > div:last-child:has(.le-card){display:none}}
/* Curriculum and AI: the ladder panel fills the height of the rungs (no dead block) */
@media (min-width:901px){
  body.aida-site .ac-ladder{align-items:stretch !important}
  body.aida-site .ac-panel{display:flex;flex-direction:column}
  body.aida-site .ac-panel .badge-pill{margin-top:auto}
}
/* Phones: the rungs become one swipe row so the panel sits right under the tapped rung */
@media (max-width:900px){
  body.aida-site .ac-rungs{flex-direction:row !important;overflow-x:auto;scrollbar-width:none;padding:4px 0 10px !important;gap:8px !important;margin:0 -24px;padding-left:24px !important;padding-right:24px !important}
  body.aida-site .ac-rungs::before,body.aida-site .ac-rungs::after{display:none}
  body.aida-site .ac-rungs::-webkit-scrollbar{display:none}
  body.aida-site .ac-rung{flex:0 0 auto;white-space:nowrap}
}
/* AI: the job-posting numbers as a proper stat moment */
body.aida-site.calm .ac-deal{max-width:900px !important;gap:18px !important}
body.aida-site.calm .ac-deal div{padding:24px 26px !important}
body.aida-site.calm .ac-deal b{font-size:clamp(34px,3.4vw,44px) !important}
/* Support: the review strip reads at body size; the "been burned" quote sits with its text */
body.aida-site .ac-review div{font-size:15px !important;padding:24px 20px !important}
body.aida-site .ac-split{align-items:start !important}
@media (max-width:900px){body.aida-site .ac-mentor{grid-template-columns:132px 1fr !important}}
/* Job search: the three-assets numbers with weight */
body.aida-site .ac-asset b,body.aida-site .ac-asset .n{font-weight:500 !important}

/* AIDC round 2 */
body.aida-cert .pg-hero p.pg-sub.aidc-body{color:rgba(255,255,255,.86) !important;font-size:15.5px !important}
body.aida-cert .le-cred dt{font-size:12px;color:#BFF3F5}
body.aida-cert .aidc-pieces li{min-height:0;padding:56px 20px 22px}
body.aida-cert .aidc-pieces li::before{background:var(--teal,#1FC3CC);color:#fff;width:30px;height:30px}
@media (max-width:620px){body.aida-cert .aidc-pieces{grid-template-columns:1fr}body.aida-cert .aidc-pieces li{padding:16px 16px 16px 60px}body.aida-cert .aidc-pieces li::before{top:14px}}
@media (max-width:720px){body.aida-cert #portfolio .head + p{text-align:left}}
body.aida-cert .aidc-shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0 0}
body.aida-cert .aidc-shots img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:14px;border:1px solid var(--ds-line,rgba(22,51,63,.10));box-shadow:0 18px 40px -26px rgba(22,51,63,.5);display:block}
body.aida-cert .aidc-shots + p{text-align:center;margin-top:16px}
@media (max-width:720px){body.aida-cert .aidc-shots{grid-template-columns:1fr 1fr}body.aida-cert .aidc-shots img:nth-child(3){display:none}}
body.aida-cert .aidc-loop{position:relative;align-items:flex-start;padding-bottom:34px}
body.aida-cert .aidc-loop i{margin-top:22px;margin-bottom:0}
body.aida-cert .aidc-back{position:absolute;left:0;right:0;bottom:0;margin:auto;width:46%;height:30px;overflow:visible}
body.aida-cert .aidc-creator{grid-template-columns:180px minmax(0,1fr)}
body.aida-cert .aidc-jill{width:180px;height:180px}
body.aida-cert #verify .container{display:grid;grid-template-columns:auto minmax(0,1fr);gap:28px;align-items:center}
body.aida-cert #verify .container > .head{grid-column:1 / -1}
body.aida-cert .aidc-seal{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(160deg,#8FE8ED,#1FC3CC);color:var(--navy,#223A4C);font:600 18px/1 var(--font-display);letter-spacing:.08em;box-shadow:0 0 0 6px #fff,0 0 0 7px rgba(10,104,112,.25)}
@media (max-width:620px){body.aida-cert #verify .container{grid-template-columns:1fr}body.aida-cert .aidc-seal{width:72px;height:72px;font-size:15px}body.aida-cert .aidc-creator{grid-template-columns:1fr}body.aida-cert .aidc-jill{width:110px;height:110px}}
body.aida-cert section.sec-navy .micro a{font-size:14px !important;color:var(--sky,#8FE8ED) !important}

/* Thank-you round 2: one centered column, steps side by side, a header that doesn't follow you, confetti only in the hero */
body.aida-ty .nav{position:absolute !important}
body.aida-ty .thx-squares{position:absolute !important;top:0;left:0;right:0;bottom:auto;height:520px;overflow:hidden}
body.aida-ty .aty-hero{padding-bottom:84px;text-align:center}
body.aida-ty .aty-hero .container{max-width:1136px}
body.aida-ty .aty-check{margin-left:auto;margin-right:auto}
body.aida-ty .aty-hero .pg-sub{margin-left:auto;margin-right:auto;color:rgba(255,255,255,.88) !important}
body.aida-ty .aty-start .container{max-width:1136px !important}
@media (min-width:861px){body.aida-ty .ty-steps{grid-template-columns:1fr 1fr;align-items:stretch}body.aida-ty .aty-k{grid-column:1 / -1}}
body.aida-ty .ty-num{border-radius:50% !important}
body.aida-ty .aty-k{color:var(--ds-teal-text,#0A6870) !important}
body.aida-ty .aty-card h3{font-size:21px}
@media (max-width:720px){body.aida-ty .cs-block .container{text-align:left !important}}
/* ══════════ ROUND 3 (fix the issues: round-2 ratings plateaued at 7 to 7.5) ══════════ */
/* Widths: wide 1136 for grids and bands, standard 900 for single blocks (FAQ, calculator, questions, byline), 720 for prose */
body.aida-site #why > .container{max-width:1136px !important}
body.aida-site :is(.lbtp,.ac-deal,.honest){max-width:1136px !important;margin-left:auto;margin-right:auto}
body.aida-site .byline{max-width:900px !important;margin-left:auto !important;margin-right:auto !important}
body.aida-site .cs-block .container{max-width:900px !important}
body.aida-site .ac-lonefaq{max-width:900px !important}
/* The intro under the stat strip reads left-aligned at the reading width */
body.aida-site .ac-ess{text-align:left !important;max-width:720px}
/* The stat strip flows straight into "You've been working on this" (no dead navy) */
html body.aida-site.sky section.sec.sky-dawn.sky-dawn{padding-top:44px !important}
body.aida-site section.sky-dark{padding-bottom:28px !important}
/* The real-deal numbers match the stat strip: centered, with dividers */
body.aida-site.sky .ac-deal div{text-align:center;border-left:1px solid var(--line,rgba(22,51,63,.14)) !important;padding:6px 18px !important}
body.aida-site.sky .ac-deal div:first-child{border-left:0 !important}
@media (max-width:720px){body.aida-site.sky .ac-deal div{border-left:0 !important}}
/* Quotes: one family. The Kristen quote in the display face at normal weight; Trustpilot stars in teal */
body.aida-site .hired-quote .qt{font-weight:400 !important}
body.aida-site .lbtp-stars{color:var(--teal,#1FC3CC) !important}
/* Timeline: jobs and contracts stay copper so the legend matches */
body.aida-site .ac-dot.offer.on{background:var(--sienna,#8A4F2E) !important;box-shadow:0 0 0 1px var(--sienna,#8A4F2E) !important}
/* Myth cards: a big quote mark gives the front a face; shorter */
body.aida-site .ac-flips .ac-flip,body.aida-site .ac-flips .ac-flip-in{min-height:230px}
body.aida-site .ac-front q{font-size:23px !important;line-height:1.35 !important}
body.aida-site .ac-front q::before{display:block;content:"\201C";font:400 64px/.6 Georgia,serif;color:var(--teal,#1FC3CC);margin:6px 0 10px}
/* Tuition: the price card centered, the three reassurances in a row under it (no empty column) */
@media (min-width:901px){
  body.aida-site .price-wrap{display:grid !important;grid-template-columns:1fr !important;justify-items:center;gap:26px !important}
  body.aida-site .price-wrap .price-card{width:100%;max-width:640px}
  body.aida-site .price-side{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px !important;max-width:1000px;width:100%}
  body.aida-site .price-side .pause-card{border-top:1px solid rgba(255,255,255,.18) !important;padding:20px 0 0 !important}
  body.aida-site .price-side .pause-card:first-child{border-top:1px solid rgba(255,255,255,.18) !important}
}
body.aida-site .price-card ul li{font-size:15px}
@media (max-width:620px){body.aida-site .price-card .p-tag{position:static !important;display:block;margin:0 auto 14px;white-space:normal !important;text-align:center;font-size:11px !important;line-height:1.4;overflow:visible}}
/* Bonus label sits above its title on phones */
@media (max-width:620px){body.aida-site .ac-bn-k{display:table;margin:0 0 6px}}
/* Body copy at a reading size on the pain cards and method steps */
body.aida-site :is(.ac-method p,.ac-method span,.ac-move){font-size:15px !important}
/* Phones: dark panels drop no smudge; the closing button fits */
@media (max-width:720px){
  body.aida-site section.sec-navy{box-shadow:none !important}
  body.aida-site section.sec-navy .btn{letter-spacing:.04em !important;font-size:12px !important;padding-left:14px !important;padding-right:14px !important;max-width:100%}
  body.aida-site .cs-block .container{margin-left:20px !important;margin-right:20px !important;width:auto;padding:22px 20px !important}
}

/* Curriculum and AI: the ladder panel at the top of the rungs, with more room inside; rungs compact */
@media (min-width:901px){
  body.aida-site .ac-ladder{align-items:start !important}
  body.aida-site .ac-panel{display:block;padding:34px 34px 30px !important;position:sticky;top:calc(var(--acs-top) + 76px)}
  body.aida-site .ac-panel p,body.aida-site .ac-panel dd{font-size:16px !important}
  body.aida-site .ac-rungs{gap:7px !important}
  body.aida-site .ac-rung{padding-top:11px !important;padding-bottom:11px !important}
}
/* Phones: all ten rungs visible as a two-column grid, the panel right under them */
@media (max-width:900px){
  body.aida-site .ac-rungs{display:grid !important;grid-template-columns:1fr 1fr;overflow:visible;margin:0 !important;padding:0 0 12px !important;gap:8px !important}
  body.aida-site .ac-rung{white-space:normal}
}
/* The six-step rail: step 5 marks the loop, outlined (not "current") */
body.aida-site .ac-rhythm .loopback em{background:#fff !important;color:var(--navy,#223A4C) !important;border:2px dashed var(--teal,#1FC3CC) !important}
/* The badge path on one line on desktop; a plain list on phones */
@media (min-width:901px){body.aida-site .badge-path{flex-wrap:nowrap}body.aida-site .badge-path .bp-lbl{flex:0 0 100%;text-align:center;margin:0 0 4px}body.aida-site .badge-path{flex-wrap:wrap}body.aida-site .badge-path .bp{font-size:13px;padding:9px 14px}}
@media (max-width:720px){body.aida-site .badge-path .bp{border:0 !important;background:none !important;padding:4px 0 !important;font-weight:600}body.aida-site .badge-path .bp.final{color:var(--ds-teal-text,#0A6870) !important}}
/* AI: LEAD letters solid and readable; the frame a quiet solid hairline */
body.aida-site .ac-letter .L{font-weight:500 !important;background:none !important;-webkit-background-clip:initial !important;background-clip:initial !important;color:var(--ds-teal-text,#0A6870) !important}
body.aida-site .ac-lead{border:1.5px solid rgba(10,104,112,.22) !important}
body.aida-site .mini-jill{max-width:900px !important}
@media (max-width:720px){body.aida-site.calm .ac-deal{grid-template-columns:1fr !important}}
@media (max-width:720px){body.aida-site .mini-jill,body.aida-site .mini-jill *{text-align:left !important}}
/* Support: phone mentor cards as photo + name, then the paragraph full width */
@media (max-width:900px){
  body.aida-site .ac-mentor{display:grid !important;grid-template-columns:84px 1fr !important;column-gap:16px;padding:20px !important}
  body.aida-site .ac-mentor img{grid-row:1 / span 2;width:84px !important;height:84px !important;margin:0 !important;border-radius:50%}
  body.aida-site .ac-mentor > div{display:contents}
  body.aida-site .ac-mentor b{align-self:end}
  body.aida-site .ac-mentor small{align-self:start;margin:2px 0 0 !important}
  body.aida-site .ac-mentor p{grid-column:1 / -1;margin-top:14px}
}
/* "Been burned": the quote card fills the column beside the text */
body.aida-site .ac-split > .hired-quote{align-self:stretch;display:flex !important;flex-direction:column;justify-content:center;background:#fff;border:1px solid var(--ds-line,rgba(22,51,63,.10));border-radius:18px}
/* Hours slider: on-palette track */
body.aida-site .ac-pace input[type=range]{-webkit-appearance:none;appearance:none;height:6px;border-radius:3px;background:rgba(22,51,63,.15)}
body.aida-site .ac-pace input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:7px;background:var(--teal,#1FC3CC);border:3px solid #fff;box-shadow:0 2px 8px rgba(22,51,63,.3)}
body.aida-site .ac-pace input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:7px;background:var(--teal,#1FC3CC);border:3px solid #fff}
/* Job search: the answer card in the display face; the two quotes as matching cards */
body.aida-site .ac-lonefaq summary{font-family:var(--font-display) !important;font-weight:500 !important;font-size:20px !important}
body.aida-site .ac-asset .n{font-size:32px !important;font-weight:500 !important;color:var(--ds-teal-text,#0A6870) !important}
body.aida-site .ac-asset b{font-size:18px !important;line-height:1.3}
body.aida-site .ac-asset{font-size:15px !important}

/* AIDC round 3: one grid (wide 1136; single blocks at 900); the five pieces as a numbered row without boxes */
body.aida-cert section.sec:not(.sec-navy):not(#portfolio) > .container{max-width:900px !important}
body.aida-cert .aidc-pieces{gap:24px}
body.aida-cert .aidc-pieces li{background:none !important;border:0 !important;box-shadow:none !important;padding:44px 0 0 !important;min-height:0;border-top:2px solid var(--teal,#1FC3CC) !important;border-radius:0 !important}
body.aida-cert .aidc-pieces li::before{left:0;top:12px}
@media (max-width:620px){body.aida-cert .aidc-pieces li{padding:0 0 12px 46px !important;border-top:0 !important;border-bottom:1px solid var(--ds-line,rgba(22,51,63,.10)) !important}body.aida-cert .aidc-pieces li::before{top:0}}
body.aida-cert .aidc-hero-cta{margin-top:26px}
body.aida-cert #verify .container{align-items:start}
@media (max-width:620px){body.aida-cert .aidc-seal{margin-left:0}}

/* Thank-you round 3: a centered hero that really centers; the steps top-aligned; the label centered */
body.aida-ty .aty-hero h1{max-width:none !important;margin-left:auto !important;margin-right:auto !important;text-align:center !important}
body.aida-ty .aty-hero :is(p,.pg-sub){text-align:center !important}
body.aida-ty .ty-steps{align-items:start !important}
body.aida-ty .aty-k{text-align:center}
body.aida-ty .cs-block{padding:28px 0 72px !important}
/* ══════════ ROUND 4 (round-3 ratings 7 to 8; still moving) ══════════ */
/* Overview */
body.aida-site section.sec:has(.lbtp) > .container{max-width:1136px !important}
body.aida-site section.sec:has(.lbtp) > .container > .head{max-width:820px;margin-left:auto;margin-right:auto}
body.aida-site .ac-front{display:flex !important;flex-direction:column}
body.aida-site .ac-front .tap{margin-top:auto !important;padding-top:14px}
@media (max-width:720px){body.aida-site.sky .ac-deal{grid-template-columns:1fr 1fr !important;overflow:hidden}body.aida-site.sky .ac-deal b{font-size:24px !important;white-space:normal}body.aida-site.sky .ac-deal span{font-size:14px !important}}
body.aida-site #faq{padding-bottom:24px !important}
body.aida-site #faq + .cs-block,body.aida-site .cs-block{padding-top:0 !important}
/* Ladders: grid items never push past the screen; rungs read in the same order on every screen (top rung first) */
body.aida-site .ac-ladder > *{min-width:0}
@media (max-width:900px){body.aida-site .ac-rungs{display:flex !important;flex-direction:column-reverse !important;gap:6px !important}body.aida-site .ac-rung{padding-top:10px !important;padding-bottom:10px !important}}
/* AI: the five skills in one row, the research as a wide callout under them */
@media (min-width:1001px){
  body.aida-site .ac-calls:has(> .ac-call[style*="navy"]){grid-template-columns:repeat(5,minmax(0,1fr)) !important}
  body.aida-site .ac-calls > .ac-call[style*="navy"]{grid-column:1 / -1;display:grid !important;grid-template-columns:200px 1fr auto;align-items:center;gap:6px 26px;padding:24px 28px !important}
  body.aida-site .ac-calls > .ac-call[style*="navy"] b{margin:0}
  body.aida-site .ac-calls > .ac-call[style*="navy"] p{margin:0}
}
/* AI: the posting numbers centered with presence */
body.aida-site.calm .ac-deal div{text-align:center}
/* Phones: card runs become swipe rows */
@media (max-width:720px){
  body.aida-site.calm .ac-calls{display:flex !important;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px !important;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;padding:4px calc(50vw - 50%) 30px !important;margin-bottom:-12px !important;scrollbar-width:none}
  body.aida-site.calm .ac-calls::-webkit-scrollbar{display:none}
  body.aida-site.calm .ac-calls > *{flex:0 0 82%;scroll-snap-align:center}
}
/* Support (and job search): text first at the reading width, then its quote or tool under it (no half-empty column) */
body.aida-site .ac-split{grid-template-columns:1fr !important;max-width:760px;margin-left:auto !important;margin-right:auto !important;gap:26px !important}
/* Mentors on desktop: one round crop on a shared tint, so the three read as a set */
@media (min-width:901px){
  body.aida-site .ac-mentor{text-align:center;padding-top:28px}
  body.aida-site .ac-mentor img{width:150px !important;height:150px !important;aspect-ratio:1/1;border-radius:50%;margin:0 auto;box-shadow:0 0 0 6px var(--ds-tint,#EEF6F4),0 0 0 7px rgba(10,104,112,.2)}
}
/* AIDC: the verify seal matches the hero seal */
body.aida-cert .aidc-seal{position:relative;background:linear-gradient(160deg,#BFF3F5,#8FE8ED 45%,#1FC3CC) !important}
body.aida-cert .aidc-seal::after{content:"";position:absolute;inset:7px;border:1px dashed rgba(22,51,63,.45);border-radius:50%}
body.aida-cert .aidc-shots img{aspect-ratio:4/3}
/* Thank-you: one column of steps (equal widths), a real label, centered on phones */
@media (min-width:861px){body.aida-ty .ty-steps{grid-template-columns:1fr !important;max-width:900px;margin-left:auto;margin-right:auto}}
body.aida-ty .aty-k{font:500 22px/1.2 var(--font-display) !important;color:var(--navy,#223A4C) !important;margin-top:56px !important;margin-bottom:4px !important}
body.aida-ty .aty-hero{padding-top:110px !important;padding-bottom:70px !important}
@media (max-width:720px){body.aida-ty .aty-hero :is(h1,p,.pg-sub,.aty-bought){text-align:center !important}body.aida-ty .aty-bought{justify-content:center;display:flex}}
/* ══════════ ROUND 5 (round-4 ratings: 7 to 7.5; widths, card anatomy, phone chrome) ══════════ */
/* Two widths on the subpages: the wide grid (1136) for anything in columns, the reading column (760) for text */
body.aida-site.calm section.sec > .container{max-width:1136px !important}
body.aida-site.calm section.sec > .container > :is(.head,.ac-narrow,.ac-split,.ac-jill,.ac-lonefaq,p,h2){max-width:760px !important;margin-left:auto !important;margin-right:auto !important}
body.aida-site.calm :is(.ac-calls,.ac-review,.res-grid,.ac-mentors,.ac-shelf,.ac-letters,.cert-row,.ac-4q,.ac-asset-row,.ac-assets,.ac-week,.ac-stats){max-width:1136px !important}
body.aida-site.calm section.sec > .container > .ac-split > *{max-width:none}
/* the overview's paired cards on the wide grid like every other pair */
body.aida-site section.sec > .container:has(> .honest),body.aida-site section.sec > .container:has(> .ac-deal){max-width:1136px !important}
/* a sub-line in a card is navy, not link teal (only links are teal) */
body.aida-site .ac-stage .ai{color:var(--navy,#223A4C) !important}
/* real-deal numbers share one baseline whatever their length */
body.aida-site.sky .ac-deal > div{display:flex;flex-direction:column;align-items:center}
body.aida-site.sky .ac-deal > div > b{min-height:2.3em;display:flex;align-items:flex-end;justify-content:center;line-height:1.1}
/* microtype floor: no label under 12.5px */
body.aida-site :is(.ac-call .tag,.ac-review small,.ac-beat .tools span,.r-tag,.h-kicker,.ac-k,.p-tag,.ac-chip,.pg-chips span){font-size:max(12.5px,1em) !important}
body.aida-site .ac-beat .tools span{font-size:12.5px !important}
/* support: step-strip sub-labels on one bottom line */
body.aida-site .ac-review > div{display:flex;flex-direction:column}
body.aida-site .ac-review > div > :is(small,.ac-stamp){margin-top:auto;padding-top:12px;align-self:flex-start}
body.aida-site .ac-review > div > br{display:none}
/* job search: cards top-aligned, tag first, so short cards don't look half empty */
body.aida-site.calm .res-grid{align-items:stretch}
/* AI: the five skills on the wide grid; the research as a plain stacked callout */
body.aida-site.calm section.sec > .container > .ac-calls{max-width:1136px !important}
@media (min-width:1001px){
  body.aida-site .ac-calls > .ac-call[style*="navy"]{display:block !important;padding:28px 34px !important}
  body.aida-site .ac-calls > .ac-call[style*="navy"] b{display:block;margin-bottom:8px}
  body.aida-site .ac-calls > .ac-call[style*="navy"] p{max-width:820px}
}
/* AI: the script word in the hero doesn't push its line down */
body.aida-site .pg-hero h1 .script{line-height:.85;display:inline-block}
/* every section head centered, including the AI Log section */
@media (min-width:721px){body.aida-site.calm .ac-split > div > h2{text-align:center}}
/* AIDC: the hero's second paragraph readable; screenshots in a browser frame cropped to the top of the page */
body.aida-cert .aidc-body{color:rgba(255,255,255,.86) !important;font-size:15.5px !important;line-height:1.7 !important}
body.aida-cert .aidc-shots img{object-fit:cover;object-position:top left;border:1px solid rgba(22,51,63,.14);border-top:22px solid #E9EEF0;border-radius:12px;background:#fff;box-shadow:0 22px 44px -30px rgba(22,51,63,.5)}
body.aida-cert .aidc-shots{position:relative}
body.aida-cert .aidc-back path{stroke-width:2.6}
body.aida-cert .aidc-seal{width:120px !important;height:120px !important;font-size:22px !important}
body.aida-cert .aidc-jill{align-self:start}
/* thank-you: confetti behind the words and inside the hero; the sign-in is the main button */
body.aida-ty .aty-hero{position:relative;overflow:hidden;isolation:isolate}
body.aida-ty .thx-squares{z-index:0 !important}
body.aida-ty .aty-hero .container{position:relative;z-index:2}
body.aida-ty .ty-step .btn{padding:17px 34px !important;font-size:14.5px !important;margin-top:16px;box-shadow:0 14px 30px -16px rgba(10,104,112,.6)}
body.aida-ty .aty-k{font-size:28px !important}
body.aida-ty .cs-block p{overflow-wrap:break-word !important}
@media (max-width:720px){
  body.aida-ty .aty-hero :is(h1,.pg-sub,p){margin-left:auto !important;margin-right:auto !important;text-align:center !important}
  body.aida-ty .aty-week .head{text-align:center}
}
/* phones: one gutter for the end-of-page boxes; no back-to-top while the Enroll bar is showing; scrollers fade at the edge */
@media (max-width:720px){
  body.aida-site .cs-block .container{margin-left:24px !important;margin-right:24px !important;width:auto !important}
  body.aida-site:has(#stickyCta) .ds-totop{display:none !important}
  body.aida-site .ac-hero .pg-chips{margin-right:calc(50% - 50vw) !important;padding-right:24px !important;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
  body.aida-site .ac-sub .ac-sub-links{-webkit-mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 28px),transparent)}
  body.aida-site.calm .ac-calls > *{align-self:flex-start}
  body.aida-site .p-tag{font-size:11px !important;letter-spacing:.06em !important;white-space:nowrap}
  body.aida-site section.sec-navy:not(:has(~ section.sec-navy)) .container{box-shadow:none}
}
/* ══════════ ROUND 6: the plateau fix round (round-5 ratings 7 to 7.5 on two raters; fixing their named issues, then to Jill) ══════════ */
/* the questions box keeps its own reading width (the round-5 wide-grid rule had caught it) */
body.aida-site.calm section.cs-block > .container,body.aida-site section.cs-block > .container{max-width:720px !important}
/* pull quotes never leave one word alone */
body.aida-site :is(.ac-pull,.qt,blockquote,q){text-wrap:balance}
/* step-strip stat lines are facts, not links: ink, not link teal */
body.aida-site .ac-review small{color:var(--ink,#16333F) !important;opacity:.75}
/* job search: the lone FAQ under the quotes reads as a question, not a third quote */
body.aida-site .ac-lonefaq details.faq{background:var(--ds-tint,#EEF6F4) !important;border-color:rgba(10,104,112,.16) !important}
/* job search timeline: tool chips wrap inside their card */
body.aida-site .ac-beat .tools{display:flex !important;flex-wrap:wrap !important;gap:6px !important;max-width:100%}
body.aida-site .ac-beat .tools span{white-space:normal !important;max-width:100%}
/* curriculum: the badge-path label sits with its chain on phones */
@media (max-width:720px){body.aida-site .bp-lbl{display:block;text-align:center}}
/* AI on phones: the research leads the swipe row instead of hiding at its end */
@media (max-width:720px){body.aida-site.calm .ac-calls > .ac-call[style*="navy"]{order:-1}}
/* pricing pill on one line on phones */
@media (max-width:620px){html body.aida-site .price-card .p-tag{white-space:nowrap !important;font-size:10px !important;letter-spacing:.04em !important;padding-left:12px !important;padding-right:12px !important}}
/* thank-you: one alignment on phones (a site rule held the hero left); the main step label sized like a section head */
body.aida-ty .aty-k{font-size:clamp(30px,3.4vw,40px) !important}
@media (max-width:720px){html body.aida-ty section.aty-hero .container :is(h1,p){text-align:center !important;margin-left:auto !important;margin-right:auto !important}}
/* END AIDA GROUP */
/* 2026-11-09 (Jill): the product name sits inside the price card as a label, not a pill hanging off the top edge */
html body.aida-site .price-card .p-tag{position:static !important;display:block !important;width:auto !important;max-width:100% !important;margin:0 0 20px !important;padding:0 !important;background:none !important;border:0 !important;box-shadow:none !important;font:600 13px/1.4 var(--font-display) !important;letter-spacing:.16em !important;text-transform:uppercase;color:var(--sky,#8FE8ED) !important;white-space:normal !important;text-align:left !important;left:auto !important;right:auto !important;top:auto !important}