/* AIL style-kit integration. Narrow, non-destructive selectors preserve course logic. */
body[data-ail-course]{--ail-red:#FC0701;--ail-red-hi:#FC0701;--ail-red-line:#5E0805;--ail-steel-1:#181818;--ail-steel-2:#0D0D0D;--ail-black:#050505;--ail-text:#F2F2F2;--ail-text-2:#C9C9C9;--ail-body:'DM Sans','Segoe UI',system-ui,sans-serif;--ail-mono:'JetBrains Mono',Consolas,monospace;
--red:#FC0701;--red2:#FC0701;--redlight:#FC0701;--accent:#FC0701;--accent2:#FC0701;--ink:#F2F2F2;--white:#F2F2F2;--text:#F2F2F2;--muted:#b9b9b9;--sub:#999;--dim:#888;--line:#303030;--stroke:#303030;--surface:#171717;--panel:#171717;--raised:#202020;--sidebar:#0D0D0D;--bg:#050505;
color:#F2F2F2;background-color:#050505;font-family:var(--ail-body);font-size:15px;line-height:1.65;}
body[data-ail-course] :is(main,.main,.content) :is(h1,h2,h3,h4){font-family:var(--ail-body)!important;letter-spacing:-.035em!important;line-height:1.18!important;text-transform:none!important;color:#F2F2F2!important;font-weight:750!important}
body[data-ail-course] :is(main,.main,.content) h1{font-size:clamp(34px,4.5vw,62px)!important;line-height:1.12!important}
body[data-ail-course] :is(main,.main,.content) h2{font-size:clamp(25px,2.75vw,37px)!important}
body[data-ail-course] :is(main,.main,.content) h3{font-size:clamp(18px,1.8vw,25px)!important}
body[data-ail-course] :is(main,.main,.content) h4{font-size:17px!important}
body[data-ail-course] :is(p,li,.readable,.lede,.intro,.story,.text,.explain,.sourcerow){font-family:var(--ail-body);line-height:1.7}
body[data-ail-course] :is(.upper,.smallcaps,.eyebrow,.tag,.mini-label,.lesson-tag,.lab-badge,.sbhead,.section-cap,.capline,.side-label,.crumb,.tinylabel){font-family:var(--ail-mono)!important;font-size:10px!important;letter-spacing:.09em!important;text-transform:uppercase!important;color:#FC0701}
body[data-ail-course] :is(.app,.layout,.shell){background-color:transparent;max-width:1760px;margin-left:auto;margin-right:auto}
body[data-ail-course] :is(.sidebar,.side,aside#sidebar){background:#0D0D0D!important;border-right:1px solid #262626!important;overflow-y:auto!important}
body[data-ail-course] :is(.sidebar,.side,aside#sidebar) :is(.brand,.brandmark,.brand-symbol){display:none!important}
body[data-ail-course] :is(.sidebar,.side,aside#sidebar) :is(button.active,.active){border-color:#FC0701!important;color:#F2F2F2!important;background:#290705!important}
body[data-ail-course] :is(.hero,.hero-panel){background:linear-gradient(140deg,#20100e,#121212 62%)!important;border-color:#393030!important;border-radius:6px!important}
body[data-ail-course] :is(.panel,.lab,.story,.quiz,.infobox,.infocard,.sourcerow,.lessoncard,.modulecard,.lesson-card,.activity-panel,.exercise,.workshop,.card,.stage,.promptbox,.fact,.metric,.stat,.challenge-box,.preview-wrap,.editor-wrap,.puzzle-panel,.notice){background:linear-gradient(180deg,#181818,#0D0D0D)!important;border-color:#303030!important;border-radius:6px!important;box-shadow:none!important}
body[data-ail-course] :is(.insight,.manifesto,.manifesto-card){border-left:3px solid #FC0701!important;background:linear-gradient(90deg,#240705,#131313)!important;color:#dedede!important}
body[data-ail-course] :is(.primary,.btn.primary,.button.primary,button.primary){background:#FC0701!important;border-color:#FC0701!important;color:#fff!important;font-family:var(--ail-body)!important;font-weight:750!important}
body[data-ail-course] :is(.secondary,.btn.secondary,.button.secondary,button.secondary,.ghost){background:#1b1b1b!important;border:1px solid #444!important;color:#e6e6e6!important}
body[data-ail-course] :is(.primary,.btn.primary,.button.primary,button.primary):hover{background:#FC0701!important;border-color:#FC0701!important}
body[data-ail-course] :is(.choice,.option,.quiz-options label,.quiz-options button,.pick,.option-button,.scenario button,.route-options button,.journey-node,.bug,.code-tab,.device){border-radius:4px!important;border-color:#414141!important;color:#ededed!important}
body[data-ail-course] :is(.choice.selected,.choice.chosen,.choice.active,.option.selected,.bug.selected,.code-tab.selected,.device.selected,.journey-node.current,.journey-node.active){background:#2a0806!important;border-color:#FC0701!important;color:#fff!important}
body[data-ail-course] :is(.progress-fill,.progressbar i,.meter>div,.progress-mini>b,.progress-track>div){background:#FC0701!important}
body[data-ail-course] :is(input[type=range],input[type=checkbox],input[type=radio]){accent-color:#FC0701!important}
body[data-ail-course] :is(input:not([type=range]):not([type=checkbox]):not([type=radio]),textarea,select,.code-editor){background:#090909!important;color:#f3f3f3!important;border-color:#404040!important;max-width:100%;font-family:var(--ail-body)}
body[data-ail-course] :is(.code-editor,code,pre,.sim-terminal,.sim-output,.editor-wrap textarea){font-family:Consolas,'JetBrains Mono',monospace!important}
body[data-ail-course] a:not(.ail-home-link):not(.ail-identity):not(.ail-library-link):not(.ail-chapters-link):not(.ail-sidebar-back){color:#FC0701}
body[data-ail-course] :is(.brand,.brand-symbol,.brandmark){display:none!important}
body[data-ail-course] iframe{background:#fff}
body[data-ail-course] :is(.primary,.secondary,.ghost,.btn,.button,.choice,.navbtn,.navitem){border-radius:4px!important}
body[data-ail-course] .topbar:not(.ail-universal){background:#0D0D0D!important;border-color:#292929!important}
body[data-ail-course] :is(.hero-art,.heroart) :is(.art-sticker,.orbt,.orbitword,.symbolmain){font-family:var(--ail-body)!important;font-weight:750!important}
/* Leave native sidebars and native mobile menus operational; no forced display:none. */
@media(max-width:780px){body[data-ail-course] :is(.layout,.shell,.app-shell){max-width:100%!important}body[data-ail-course] :is(.cols,.two-cols,.editor-grid,.panel-grid){grid-template-columns:minmax(0,1fr)!important}body[data-ail-course] :is(.content,.main){min-width:0}body[data-ail-course] :is(.buttons,.buttonrow,.controls,.lab-actions){flex-wrap:wrap}body[data-ail-course="build-your-first-website"] .input-group{display:flex;flex-wrap:wrap}body[data-ail-course="build-your-first-website"] .input-group input,body[data-ail-course="build-your-first-website"] .input-group select{min-width:0;flex:1 1 180px}}

/* Edition 04 · Match the index site's width model on all 5 course engines. */
html {overflow-y:scroll; scrollbar-gutter:stable;}
body[data-ail-course] {width:100%; min-width:0;}
body[data-ail-course] .ail-universal { width:100%!important; max-width:1800px!important; margin-left:auto!important; margin-right:auto!important; box-sizing:border-box!important; }
body[data-ail-course] > .ail-universal, body[data-ail-course] > .app, body[data-ail-course] > .layout, body[data-ail-course] > .shell, body[data-ail-course] > .app-shell { width:100%!important; max-width:1800px!important; margin-inline:auto!important; }
body[data-ail-course] .app {width:100%!important; max-width:1800px!important; margin-inline:auto!important;}
body[data-ail-course] .layout,body[data-ail-course] .shell {width:100%!important; max-width:1800px!important; margin-inline:auto!important; grid-template-columns:228px minmax(0,1fr)!important;}
body[data-ail-course] .main, body[data-ail-course] main.content {min-width:0; width:100%!important;}
body[data-ail-course] .ail-head-left {flex:1 1 auto; min-width:0;}
body[data-ail-course] .ail-head-right {flex:0 0 auto;}
@media(min-width:901px){
 body[data-ail-course] .ail-universal .ail-home-link {min-width:206px!important; flex:0 0 206px!important;}
 body[data-ail-course] .ail-universal {padding-inline:17px clamp(22px,4vw,70px)!important;}
 body[data-ail-course] .ail-universal .ail-identity{max-width:30vw!important;}
 body[data-ail-course="the-unfair-opening"] .content{width:min(100% - 48px, 1200px)!important;max-width:1200px!important;margin-inline:auto!important;}
 body[data-ail-course="the-long-game"] .inner{max-width:1320px!important;margin-inline:auto!important;padding-inline:clamp(22px,4vw,70px)!important;}
 body[data-ail-course="financial-psychology"] .inner{max-width:1320px!important;margin-inline:auto!important;padding-inline:clamp(22px,4vw,70px)!important;}
}
@media(max-width:900px){
 body[data-ail-course] .layout,body[data-ail-course] .shell{grid-template-columns:minmax(0,1fr)!important;}
 body[data-ail-course] .ail-universal .ail-home-link{min-width:0!important;flex:0 0 auto!important;}
 body[data-ail-course="the-unfair-opening"] .content{width:calc(100% - 32px)!important;}
}
@media(max-width:780px){
 body[data-ail-course] .ail-universal .ail-head-left{max-width:100%;}
 body[data-ail-course] .ail-universal .ail-identity{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:48vw!important;}
}

/* Match the index header exactly: the 228px rail and content header are separate. */
@media (min-width:901px){
  body[data-ail-course]{max-width:1800px!important;margin-inline:auto!important;}
  body[data-ail-course] .ail-universal{
    width:calc(100% - 228px)!important;
    max-width:none!important;
    margin-left:228px!important;
    margin-right:0!important;
    height:65px!important;
    min-height:65px!important;
    padding-inline:clamp(22px,4vw,70px)!important;
  }
  body[data-ail-course] .ail-rail-brand{
    position:absolute!important;inset-block:0!important;right:100%!important;
    display:flex!important;align-items:center!important;gap:12px!important;
    width:228px!important;padding:0 19px!important;
    background:#0c0c0d!important;border-right:1px solid #292a2d!important;
    color:#f7f5f2!important;text-decoration:none!important;
    font:800 22px/1 'DM Sans',system-ui,sans-serif!important;
    letter-spacing:-.025em!important;
  }
  body[data-ail-course] .ail-rail-brand img{width:39px!important;height:39px!important;object-fit:contain;flex:0 0 auto!important;}
  body[data-ail-course] .ail-rail-brand strong{font:800 22px 'DM Sans',system-ui,sans-serif!important;}
  body[data-ail-course] .ail-universal .ail-home-link,
  body[data-ail-course] .ail-universal .ail-head-separator{display:none!important;}
  body[data-ail-course] .ail-universal .ail-head-left{gap:0!important;}
  body[data-ail-course] .ail-universal .ail-identity{max-width:35vw!important;}
  body[data-ail-course] .ail-lesson-strip{top:65px!important;}
}
@media (max-width:900px){
  body[data-ail-course] .ail-rail-brand{display:none!important;}
  body[data-ail-course] .ail-universal{width:100%!important;max-width:100%!important;margin-inline:auto!important;}
  body[data-ail-course] .ail-universal .ail-home-link{display:flex!important;}
}

/* Red-only interactive emphasis */
body[data-ail-course] {--red:#FC0701;--redlight:#FC0701;--redsoft:#FC0701;--rose:#FC0701;--accent:#FC0701;--accent2:#FC0701;}
body[data-ail-course] :is(.upper,.smallcaps,.eyebrow,.tag,.mini-label,.lesson-tag,.lab-badge,.sbhead,.section-cap,.capline,.side-label,.crumb,.tinylabel){color:#FC0701!important;}
body[data-ail-course] :is(a,button,summary,input,textarea,select):focus-visible{outline:2px solid #FC0701!important;outline-offset:3px!important;}