*{box-sizing:border-box;margin:0;padding:0;}
  :root{--navy:#1F2A44;--ink:#23262B;--gray:#6B7482;--orange:#E4691E;--line:#E7EAF0;--canvas:#EBEEF2;
        /* Red / yellow / green — same values the four gear boards rate with, so a
           colour means the same thing everywhere on the site. */
        --r:#E5534B;--a:#E8B23A;--g:#46B36B;
        /* The audit's name column and the gap after it. */
        --namecol:195px;--namegap:16px;}
  body{font-family:-apple-system,"Segoe UI","Helvetica Neue",Arial,"Liberation Sans",sans-serif;background:var(--canvas);padding:40px;-webkit-font-smoothing:antialiased;color:var(--ink);}
  .page{width:100%;max-width:1360px;background:#fff;border-radius:22px;box-shadow:0 18px 50px rgba(20,30,60,.10);padding:38px 42px 26px;margin:0 auto;}
  .tl-logo{display:flex;align-items:center;gap:9px;margin-bottom:10px;}
  .tl-logo-img{height:30px;width:auto;display:block;}
  .tl-logo.foot{margin-bottom:0;} .tl-logo.foot .tl-logo-img{height:24px;}
  header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:26px;}
  .kicker{font-size:12px;font-weight:700;letter-spacing:1.8px;color:var(--orange);text-transform:uppercase;margin-bottom:6px;}
  h1{max-width:920px;font-family:Georgia,serif;font-size:46px;line-height:1.06;font-weight:700;color:var(--navy);letter-spacing:-.8px;}
  .subtitle{font-size:17px;color:var(--navy);font-weight:650;margin-top:10px;}
  /* One line on what the page is, one on what it does with you. The bold line keeps
     the shorthand/Longhand play; the grey line below it is where a first-time reader
     learns this is a rated board, not a reading list. */
  .headlede{font-size:15px;line-height:1.58;color:var(--gray);margin-top:8px;max-width:820px;}
  /* A preview of the prep guide, before the learner reaches the gear model. */
  .prep-start{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.5rem 2.5rem;border-radius:16px;background:linear-gradient(to top,rgba(31,42,68,.55),transparent),linear-gradient(135deg,rgba(31,42,68,.7),rgba(31,42,68,.5),rgba(31,42,68,.35)),url("/ai-in-ar.png") center/cover no-repeat,var(--navy);padding:clamp(1.25rem,3vw,2rem);margin-bottom:1.5rem;color:#fff;}
  .prep-start h2,.formula-title,#ai-tune-up .audittitle{font-family:Georgia,serif;font-size:clamp(1.75rem,3vw,2.375rem);font-weight:700;line-height:1.1;letter-spacing:-.025em;}
  .prep-start h2::after,.formula-title::after,#ai-tune-up .audittitle::after{content:"";display:block;width:4rem;height:.25rem;margin-top:1rem;background:currentColor;}
  #ai-tune-up .auditlede{margin-top:1.25rem;}
  .prep-start h2{color:#F5B487;}
  .prep-start-subtitle{margin-top:1.25rem;font-size:clamp(1.125rem,2vw,1.5rem);line-height:1.3;font-weight:700;}
  .prep-start-lede{max-width:40rem;margin-top:.625rem;font-size:.9375rem;line-height:1.6;color:#DCE2ED;}
  .prep-start-action{text-align:center;}
  .prep-start-action p{margin-top:.625rem;font-size:.75rem;line-height:1.5;color:#DCE2ED;}
  .prep-cta{display:inline-flex;min-height:3rem;align-items:center;justify-content:center;gap:.75rem;border-radius:11px;background:#fff;padding:.75rem 1.5rem;color:var(--navy);font-size:.9375rem;font-weight:800;text-decoration:none;}
  .prep-cta:hover{background:var(--canvas);}
  .prep-cta:focus-visible{outline:3px solid #F5B487;outline-offset:4px;}
  .prep-cta i{font-style:normal;}
  .prep-start-steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;border-top:1px solid #DCE2ED;padding-top:1.25rem;list-style:none;}
  .prep-start-steps li{display:flex;align-items:baseline;gap:.75rem;font-size:.875rem;line-height:1.5;}
  .prep-start-steps span{flex-shrink:0;color:#F5B487;font-size:.75rem;font-weight:700;}
  /* The model is framed as a 16:9 teaching slide. Course navigation lives in the
     separate panel below so this first frame has one job: explain the gears. */
  .gear-overview{position:relative;overflow:hidden;display:flex;aspect-ratio:16/9;flex-direction:column;border:1px solid #D8DEE9;border-radius:16px;background:linear-gradient(145deg,#F8FAFC 0%,#FFF 58%,#FDF7F1 100%);padding:38px 44px 34px;margin-bottom:16px;}
  .gear-overview::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#F0A46A 0 25%,#EBCB55 25% 50%,#5FC6D8 50% 75%,#77C58A 75%);}
  .gear-overview-head{max-width:920px;margin-bottom:10px;}
  .gear-overview-title{font-family:Georgia,serif;font-size:44px;line-height:1.08;font-weight:700;color:var(--navy);letter-spacing:-.7px;}
  .gear-overview-lede{font-size:17px;line-height:1.4;font-weight:800;letter-spacing:2.3px;color:var(--orange);margin-top:10px;max-width:820px;}
  .gear-system{position:relative;z-index:1;display:flex;min-height:0;width:100%;max-width:1180px;flex:1;align-items:flex-end;justify-content:center;margin:0 auto -42px;}
  .gear-system svg{display:block;width:100%;height:100%;max-height:none;overflow:visible;}
  .gear-number{font-family:Georgia,serif;font-weight:700;text-anchor:middle;dominant-baseline:central;}
  .gear-mobile{display:none;}
  .gear-rotor{transform-box:fill-box;transform-origin:center;}
  .gear-system.is-spinning .gear-rotor{animation:gear-turn 4.2s cubic-bezier(.22,.75,.2,1) var(--delay,0s) both;}
  .gear-chat{--turn:-54deg;--delay:.08s;}
  .gear-assistant{--turn:72deg;--delay:.18s;}
  .gear-agents{--turn:-94deg;--delay:.3s;}
  .gear-loops{--turn:124deg;--delay:.44s;}
  @keyframes gear-turn{from{transform:rotate(0deg);}to{transform:rotate(var(--turn));}}
  /* Human Intelligence is the load-bearing foundation beneath the four gears, not
     a numbered automation stage. The wider lower edge makes the band read as a
     plinth instead of a fifth legend row. */
  .gear-foundation{position:relative;z-index:2;display:grid;min-height:78px;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);align-items:center;gap:28px;border-radius:10px 10px 4px 4px;background:linear-gradient(105deg,#1F2A44,#253453);padding:17px 22px 14px;color:#fff;box-shadow:0 12px 28px rgba(31,42,68,.18);}
  .gear-foundation::before{content:"";position:absolute;inset:0 0 auto;height:5px;border-radius:10px 10px 0 0;background:linear-gradient(90deg,#F0A46A 0 25%,#EBCB55 25% 50%,#5FC6D8 50% 75%,#77C58A 75%);}
  .gear-foundation::after{content:"";position:absolute;z-index:-1;right:-6px;bottom:-6px;left:-6px;height:8px;border-radius:0 0 7px 7px;background:#141E35;}
  .gear-foundation-title{display:flex;min-width:0;flex-direction:column;gap:3px;}
  .gear-foundation-title span{font-size:9.5px;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;color:#F5B487;}
  .gear-foundation-title strong{font-family:Georgia,serif;font-size:24px;line-height:1.1;}
  .gear-foundation p{font-size:15px;font-weight:700;line-height:1.45;color:#DCE2ED;}
  .section-kicker{font-size:10.5px;font-weight:850;letter-spacing:1.5px;text-transform:uppercase;color:var(--orange);}
  .section-title{margin-top:6px;font-family:Georgia,serif;font-size:30px;line-height:1.18;color:var(--navy);}
  .section-lede{max-width:850px;margin-top:8px;font-size:14px;line-height:1.6;color:var(--gray);}
  /* ===== AI Tune-Up =====
     Rate all 16 core techniques red/yellow/green.
     The dot component is ported from the four gear boards (chat.html et al) rather
     than rebuilt, so the gesture, the keyboard model and the ARIA are identical. */
  /* The audit follows the gear model directly. */
  .audit{border:1px solid var(--line);border-radius:18px;background:#FCFCFD;padding:20px 22px;margin-top:22px;}
  .audithead{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,320px);align-items:start;gap:24px;margin-bottom:14px;}
  .audittitle{font-family:Georgia,serif;font-size:32px;font-weight:700;color:var(--navy);letter-spacing:-.3px;}
  /* One sentence: what rating the board gives you back. It carries the section on
     its own now, so it is sized to be read rather than skimmed past. */
  .auditlede{font-size:14.5px;color:var(--gray);line-height:1.55;max-width:600px;margin-top:7px;}
  .legend{width:100%;border:1px solid var(--line);border-radius:14px;padding:11px 14px;background:#fff;min-width:0;}
  .legend .lt{font-size:15px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--navy);margin-bottom:10px;}
  .legend .li{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--ink);margin-bottom:6px;}
  .swatch{display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;color:#fff;font-size:9px;font-weight:900;}
  .swatch.yellow{color:var(--navy);}
  .tally{margin-top:8px;padding-top:8px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;font-size:11.5px;color:var(--ink);}
  .tally .tc{display:inline-flex;align-items:center;gap:5px;font-weight:700;}
  .tally .tc i{width:9px;height:9px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);}
  .tally .tot{margin-left:auto;color:var(--gray);font-weight:600;}
  .reset-btn{margin-top:7px;width:100%;background:none;border:1px solid var(--line);color:var(--gray);font:inherit;font-size:11px;font-weight:700;letter-spacing:.3px;padding:5px 9px;border-radius:8px;cursor:pointer;transition:border-color .12s ease,color .12s ease;}
  .reset-btn:hover{border-color:var(--orange);color:var(--orange);}
  .reset-btn:focus-visible{outline:2px solid var(--navy);outline-offset:2px;}
  /* One full-width list of every statement. Colour alone carries the grouping —
     each row keeps its gear's left accent and name colour — with a gap where one
     gear ends and the next begins. The gear name is still emitted for screen
     readers, which get no signal from colour at all. */
  .agroups{border:1px solid var(--line);border-radius:13px;background:#fff;padding:8px 20px 16px;}
  .agdiv{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;}
  .row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:18px;padding:16px 0 16px 16px;border-top:1px solid #EEF1F5;border-left:4px solid var(--ga);}
  .row.gstart{margin-top:18px;border-top:none;}
  .agroups > .agdiv:first-child + .row{margin-top:8px;}
  .rowlab{flex:1;min-width:0;display:flex;align-items:flex-start;gap:var(--namegap);}
  .rowname{flex-shrink:0;width:var(--namecol);padding-top:3px;font-size:14px;font-weight:800;color:var(--gi);line-height:1.4;}
  .stmtwrap{flex:1;min-width:220px;}
  .stmt{max-width:850px;font-size:20px;line-height:1.42;font-weight:600;letter-spacing:-.1px;color:var(--navy);}
  .why-line{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px;max-width:850px;margin-top:7px;color:var(--gray);font-size:13.5px;line-height:1.48;}
  .why-label{color:var(--gi);font-size:10.5px;font-weight:900;letter-spacing:.8px;line-height:1.9;}
  .why-copy{min-width:0;}
  .dots{display:flex;gap:12px;flex-shrink:0;padding-top:4px;}
  .dot{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border:0;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);color:#fff;font:inherit;font-size:10px;font-weight:900;cursor:pointer;transition:transform .12s ease,opacity .12s ease,box-shadow .12s ease;}
  .dot.r{background:var(--r);}.dot.a{background:var(--a);color:var(--navy);}.dot.g{background:var(--g);}
  .dot:hover{transform:scale(1.18);}
  .dot:focus-visible{outline:2px solid var(--navy);outline-offset:3px;}
  .row[hidden],.agdiv[hidden]{display:none;}
  .dots.rated .dot{opacity:.24;}
  .dots.rated .dot.sel{opacity:1;box-shadow:inset 0 0 0 1px rgba(0,0,0,.10),0 0 0 3px rgba(31,42,68,.20);}
  .nojs{border:1px solid var(--line);border-radius:13px;padding:12px 15px;background:#FCFCFD;font-size:12.5px;color:var(--gray);line-height:1.5;margin-top:11px;}
  .nojs a{color:var(--navy);}
  /* ===== AI Roadmap ===== */
  .next-lessons{position:relative;overflow:hidden;border:1px solid #D8DEE9;border-radius:18px;background:#fff;padding:24px 26px;margin-top:22px;}
  .next-lessons::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--r),var(--a),var(--g));}
  .next-lessons-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;}
  .next-lesson{display:flex;min-width:0;flex-direction:column;border:1px solid var(--line);border-left:4px solid var(--rc,var(--orange));border-radius:12px;background:#FCFCFD;padding:14px;color:var(--ink);text-decoration:none;}
  .next-lesson:hover{border-color:var(--rc,var(--orange));box-shadow:0 8px 18px rgba(20,30,60,.07);}
  .next-lesson:focus-visible{outline:3px solid var(--navy);outline-offset:2px;}
  .next-lesson .next-lesson-rating{font-size:9px;font-weight:900;letter-spacing:.8px;text-transform:uppercase;color:var(--rc,var(--orange));}
  .next-lesson strong{margin-top:7px;color:var(--navy);font-size:14px;line-height:1.3;}
  .next-lesson span{margin-top:5px;color:var(--gray);font-size:12px;line-height:1.45;}
  .next-lesson .next-lesson-cta{margin-top:auto;padding-top:10px;color:var(--navy);font-weight:850;}
  .next-lesson.governance-coach{border-color:#C9D0DC;background:#F8FAFC;}
  .next-lesson.governance-coach:hover{border-color:#8E9AAF;background:#F2F5F8;}
  .related-foundations{margin-top:20px;border-top:1px solid var(--line);padding-top:18px;}
  .related-foundations h3{margin:0;color:var(--navy);font-size:16px;}
  .related-foundations>p{margin:7px 0 0;color:var(--gray);font-size:13px;line-height:1.5;}
  .next-lesson.related-foundation{background:#F8FAFC;}
  .next-lessons-empty{border:1px dashed #C9CFD9;border-radius:11px;background:#F8FAFC;margin-top:14px;padding:14px;color:var(--gray);font-size:13px;line-height:1.5;}
  /* ===== Optional governance self-assessment =====
     Governance is deliberately separated from the four gears. The closed state
     keeps the core learner journey primary; opening it reveals the same familiar
     rating interaction without changing the core tally. */
  .governance-audit{margin-top:14px;}
  .governance-audit details{position:relative;overflow:hidden;border:1px solid #D8DEE9;border-radius:18px;background:#F8FAFC;}
  .governance-audit details::before{content:"";position:absolute;z-index:1;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--navy),#8E9AAF,var(--orange));}
  .governance-audit summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:25px 26px 23px;cursor:pointer;list-style:none;}
  .governance-audit summary::-webkit-details-marker{display:none;}
  .governance-audit summary:focus-visible{outline:3px solid var(--orange);outline-offset:-3px;}
  .governance-audit details[open] summary{border-bottom:1px solid #D8DEE9;background:#fff;}
  .governance-summary-copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;}
  .governance-kicker{font-size:10.5px;font-weight:850;letter-spacing:1.5px;text-transform:uppercase;color:var(--orange);}
  .governance-title{margin-top:6px;font-family:Georgia,serif;font-size:28px;font-weight:700;line-height:1.18;color:var(--navy);}
  .governance-summary-lede{max-width:850px;margin-top:7px;font-size:13.5px;line-height:1.55;color:var(--gray);}
  .governance-summary-meta{display:flex;flex:0 0 auto;align-items:center;gap:12px;}
  .governance-progress{border:1px solid #CDD3DD;border-radius:999px;background:#fff;padding:7px 10px;color:var(--navy);font-size:10px;font-weight:850;letter-spacing:.55px;text-transform:uppercase;white-space:nowrap;}
  .governance-toggle{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:50%;background:var(--navy);color:#fff;}
  .governance-toggle::before{content:"+";font-size:24px;font-weight:400;line-height:1;transform:translateY(-1px);}
  .governance-audit details[open] .governance-toggle::before{content:"\2212";}
  .governance-body{padding:20px 26px 25px;}
  .governance-boundary{max-width:900px;color:var(--gray);font-size:12.5px;line-height:1.55;}
  .governance-groups{margin-top:14px;}
  .governance-groups .row.gstart{margin-top:8px;}
  .control-note{max-width:850px;border-left:2px solid var(--ga);margin-top:9px;padding-left:10px;color:var(--gray);font-size:12.5px;font-weight:600;line-height:1.5;}
  /* ===== Ask a coach =====
     The board closes on a person rather than more links: whatever the audit turned
     up, one address answers it. It keeps the gradient rule and the panel treatment
     of the gear section so it reads as the end of this board, not an ad bolted on. */
  .help-cta{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:22px;border:1px solid #D8DEE9;border-radius:18px;background:linear-gradient(145deg,#F8FAFC 0%,#FFF 60%,#FDF3EB 100%);padding:24px 26px 26px;margin-top:22px;}
  .help-cta::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#F0A46A,#5FC6D8,#77C58A);}
  .help-cta-copy{flex:1;min-width:290px;}
  .help-cta-kicker{font-size:10.5px;font-weight:850;letter-spacing:1.5px;text-transform:uppercase;color:var(--orange);}
  .help-cta h2{margin-top:6px;font-family:Georgia,serif;font-size:25px;line-height:1.2;color:var(--navy);}
  .help-cta-lede{max-width:640px;margin-top:7px;font-size:13.5px;line-height:1.55;color:var(--gray);}
  /* The address is spelled out in the sentence as well as sitting on the button, so
     it survives print and a plain-text read of the page. */
  .help-cta-lede a{color:var(--navy);font-weight:700;}
  .help-cta-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;border-radius:12px;background:var(--navy);padding:14px 20px;font-size:14px;font-weight:800;color:#fff;text-decoration:none;box-shadow:0 8px 22px rgba(20,30,60,.16);transition:transform .16s ease,box-shadow .16s ease,background .16s ease;}
  .help-cta-btn:hover{transform:translateY(-3px);background:#2A3757;box-shadow:0 14px 30px rgba(20,30,60,.22);}
  .help-cta-btn:focus-visible{outline:3px solid var(--navy);outline-offset:3px;}
  .help-cta-btn i{font-style:normal;transition:transform .16s ease;}
  .help-cta-btn:hover i{transform:translateX(3px);}
  footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:20px;padding-top:13px;}
  .fmeta{font-size:12px;color:var(--gray);} .pageno{font-size:13px;color:var(--gray);font-weight:600;}
  /* --- responsive: phones, tablets & small laptops. Desktop (>=1360) cascade above is untouched (every rule below is gated on max-width). --- */
  @media(max-width:820px){
    .prep-start{grid-template-columns:minmax(0,1fr);gap:1.25rem;}
    .prep-start-action{grid-row:3;text-align:left;}
    .prep-start-steps{grid-template-columns:minmax(0,1fr);gap:.75rem;}
    .audithead{grid-template-columns:1fr;gap:16px;}
    .rowname{width:auto;}
    .rowlab{flex-direction:column;gap:4px;}
    .stmtwrap{min-width:0;}
    .legend{width:100%;min-width:0;}
    header{flex-direction:column;gap:14px;}
    h1{font-size:38px;}
    .gear-overview{aspect-ratio:auto;padding:28px 28px 24px;}
    .gear-overview-title{font-size:36px;}
    .gear-overview-lede{font-size:18px;}
    .gear-system{min-height:280px;margin-bottom:0;}
    .gear-foundation{grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);gap:20px;}
    .gear-foundation p{font-size:13.5px;}
    .next-lessons-grid{grid-template-columns:1fr;}
    .governance-audit summary{grid-template-columns:1fr;gap:14px;}
    .governance-summary-meta{justify-content:space-between;}
    /* The button stops sitting beside the copy and becomes the last line of it. */
    .help-cta{flex-direction:column;align-items:flex-start;gap:16px;}
    .help-cta-copy{min-width:0;}
  }
  @media(max-width:768px){body{padding:24px;}}
  @media(max-width:640px){
    .prep-cta{width:100%;}
    .prep-start-action{text-align:center;}
    h1{font-size:31px;line-height:1.1;}
    .subtitle{font-size:15px;line-height:1.4;}
    .headlede{font-size:13.5px;}
    .audit{padding:18px 15px;}
    /* 32px is a desktop size; on a phone it eats three lines before the board starts. */
    .audittitle{font-size:24px;}
    .legend .lt{font-size:13.5px;}
    .agroups{padding:6px 12px 12px;}
    .row{flex-direction:column;gap:11px;padding:15px 0 15px 12px;}
    .stmt{max-width:none;font-size:18px;line-height:1.48;letter-spacing:0;}
    .why-line{max-width:none;font-size:13px;line-height:1.45;}
    .dots{align-self:flex-start;padding-top:0;}
    .gear-overview{padding:22px 17px 18px;}
    /* Kept level with .audittitle at both sizes — the two section headings are peers. */
    .gear-overview-title{font-size:24px;}
    .gear-overview-lede{font-size:14px;line-height:1.45;}
    .gear-system{min-height:0;width:100%;margin-bottom:0;}
    .gear-desktop{display:none!important;}
    .gear-mobile{display:block;}
    .gear-mobile-train{width:min(100%,280px)!important;height:auto!important;margin:0 auto;}
    .gear-mobile-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px;}
    .gear-mobile-list li{min-width:0;border:1px solid var(--ga);border-left-width:3px;border-radius:9px;background:var(--gt);padding:7px 8px;}
    .gear-mobile-list strong{display:block;font-family:Georgia,serif;font-size:13px;line-height:1.15;color:var(--gi);}
    .gear-mobile-list span{display:block;margin-top:2px;font-size:9.5px;line-height:1.3;color:var(--gray);font-weight:600;}
    .gear-foundation{min-height:0;grid-template-columns:1fr;gap:8px;margin-top:14px;padding:14px 14px 12px;}
    .gear-foundation::after{right:-3px;bottom:-5px;left:-3px;height:6px;}
    .gear-foundation-title{gap:2px;}
    .gear-foundation-title strong{font-size:19px;}
    .gear-foundation p{font-size:11.5px;line-height:1.4;}
    .next-lessons{padding:22px 17px 20px;}
    .section-title{font-size:24px;}
    .governance-audit summary{padding:22px 17px 19px;}
    .governance-title{font-size:24px;}
    .governance-body{padding:17px 17px 20px;}
  }
  @media(max-width:560px){body{padding:16px;} .page{padding:24px 20px 20px;}}
  /* Print carries the whole curriculum, not just the summaries. A collapsed <details>
     hides its children at the UA level, so every panel is forced visible here; the
     beforeprint handler also sets the open attribute for engines that ignore this. */
  @media print{
    body{background:#fff;padding:0;}
    .page{box-shadow:none;border-radius:0;max-width:none;}
    .gear-overview{aspect-ratio:auto;min-height:0;}
    /* The audit prints as a fillable rating sheet: unrated dots are something a
       leader can mark by hand on a printed board, and any ratings already made
       carry through. Only the controls come off, since a button on paper does
       nothing. */
    .reset-btn,.prep-start{display:none;}
    .dot{cursor:auto;}
    .next-lesson{break-inside:avoid;box-shadow:none;}
    .governance-audit details > .governance-body{display:block!important;}
    .governance-groups .row{break-inside:avoid;}
  }
  @media(prefers-reduced-motion:reduce){
    .gear-system.is-spinning .gear-rotor{animation:none;}
  }

  /* ===== Standalone AI Tune-Up page ===== */
  .audit-page-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;}
  .audit-page-topbar .tl-logo{margin-bottom:0;}
  .audit-back{display:inline-flex;min-height:42px;align-items:center;border:1px solid var(--navy);border-radius:9px;padding:8px 12px;color:var(--navy);font-size:12px;font-weight:800;text-decoration:none;}
  .audit-back:hover{background:#F4F6F9;}.audit-back:focus-visible{outline:3px solid var(--orange);outline-offset:3px;}
  .audit-page-hero{display:block;border-bottom:1px solid var(--line);margin-bottom:0;padding:25px 0 23px;}
  .audit-page-hero h1{font-size:42px;line-height:1.1;}
  .audit-page-hero .headlede{max-width:830px;font-size:14.5px;}
  .audit-page-facts{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px;}
  .audit-page-facts span{border-radius:999px;background:#EEF1F5;padding:5px 8px;color:var(--navy);font-size:9.5px;font-weight:850;letter-spacing:.45px;text-transform:uppercase;}
  .audit-boundary{max-width:920px;margin-top:13px;color:var(--gray);font-size:12.5px;line-height:1.5;}
  .audit-boundary strong{color:var(--navy);}
  .audit-page .audit{margin-top:22px;}
  @media(max-width:640px){
    .audit-page-topbar{align-items:flex-start;flex-direction:column;}
    .audit-page-hero h1{font-size:34px;}
  }

        .formula-mini .s2p-prompt-segment {
          --segment-color: #fff;
          appearance: none;
          display: inline-flex;
          align-items: center;
          padding: .02em .09em .07em;
          border: 0;
          border-bottom: .035em solid color-mix(in srgb, var(--segment-color) 54%, transparent);
          border-radius: .12em;
          background: transparent;
          color: var(--segment-color);
          font: inherit;
          line-height: inherit;
          letter-spacing: inherit;
          cursor: help;
          transition: color 180ms ease, background 180ms ease, border-color 180ms ease, box-shadow 220ms ease, transform 220ms cubic-bezier(.2,.8,.2,1);
        }
        .formula-mini .s2p-prompt-segment[data-tone="orange"] { --segment-color: #FF7420; }
        .formula-mini .s2p-prompt-segment[data-tone="blue"] { --segment-color: #38BDF8; }
        .formula-mini .s2p-prompt-segment[data-tone="green"] { --segment-color: #34D399; }
        .formula-mini .s2p-prompt-segment[data-tone="yellow"] { --segment-color: #FBBF24; }
        .formula-mini .s2p-prompt-segment:hover,
        .formula-mini .s2p-prompt-segment:focus-visible,
        .formula-mini .s2p-prompt-segment[aria-expanded="true"] {
          outline: none;
          border-color: var(--segment-color);
          background: color-mix(in srgb, var(--segment-color) 13%, transparent);
          box-shadow: 0 .08em .32em color-mix(in srgb, var(--segment-color) 16%, transparent);
          transform: translateY(-.05em);
        }
        .formula-mini .s2p-prompt-segment:focus-visible {
          box-shadow: 0 0 0 3px #020817, 0 0 0 6px var(--segment-color), 0 .08em .32em color-mix(in srgb, var(--segment-color) 18%, transparent);
        }
        .formula-mini .s2p-prompt-detail {
          --detail-color: #fff;
          border: 1px solid color-mix(in srgb, var(--detail-color) 42%, transparent);
          border-left: 5px solid var(--detail-color);
          background: color-mix(in srgb, var(--detail-color) 9%, rgba(2,8,23,.88));
          box-shadow: 0 12px 32px rgba(0,0,0,.2);
        }
        .formula-mini .s2p-prompt-detail[data-tone="orange"] { --detail-color: #FF7420; }
        .formula-mini .s2p-prompt-detail[data-tone="blue"] { --detail-color: #38BDF8; }
        .formula-mini .s2p-prompt-detail[data-tone="green"] { --detail-color: #34D399; }
        .formula-mini .s2p-prompt-detail[data-tone="yellow"] { --detail-color: #FBBF24; }
        .formula-mini .s2p-prompt-detail-label { color: var(--detail-color); }
        .formula-mini .s2p-prompt-key::before {
          content: "";
          display: inline-block;
          width: .7em;
          height: .7em;
          margin-right: .45em;
          border-radius: 999px;
          background: currentColor;
        }
.formula-mini{border-radius:16px;margin-bottom:24px;padding:clamp(22px,3vw,38px);color:white;background-color:#020817;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px),radial-gradient(circle at 82% 20%,rgba(56,189,248,.13),transparent 30%),radial-gradient(circle at 8% 92%,rgba(255,116,32,.14),transparent 30%);background-size:64px 64px,64px 64px,auto,auto;}
.formula-title{color:#38BDF8;}
.formula-segments{display:flex;flex-wrap:wrap;gap:.18em .26em;margin-top:24px;font:600 clamp(28px,4vw,54px)/1.04 Georgia,serif;letter-spacing:-.05em;}
.formula-explanations{margin-top:24px;border-top:1px solid #ffffff26;min-height:120px;padding-top:12px;}
.formula-hint{padding:24px 0;color:#91A0B6;font-size:15px;font-weight:600;}
.formula-detail{display:grid;grid-template-columns:minmax(140px,.35fr) 1fr;align-items:center;gap:20px;padding:16px;border-radius:6px;}
.formula-detail[hidden],.formula-hint[hidden]{display:none;}
.formula-detail h3{font:600 28px/1.1 Georgia,serif;margin-top:4px;letter-spacing:-.035em;}
.formula-detail>p{font-size:15px;line-height:1.6;color:#D1DBE8;}
.formula-mini .s2p-prompt-detail-label{font-size:11px;letter-spacing:.14em;font-weight:800;text-transform:uppercase;}
.formula-key{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:12px;font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;}
.formula-key span:nth-child(1){color:#FF7420}.formula-key span:nth-child(2){color:#38BDF8}.formula-key span:nth-child(3){color:#34D399}.formula-key span:nth-child(4){color:#FBBF24}
@media(max-width:640px){.formula-detail{grid-template-columns:1fr;gap:10px}.formula-explanations{min-height:195px}.formula-key{font-size:9px;gap:8px 12px}}
@media(prefers-reduced-motion:reduce){.formula-mini .s2p-prompt-segment{transition:none;}}