/* AIL integrated-course shell — same tokens as the user's Style Kit. */
:root {
  --bg:#080809; --paper:#111214; --panel:#17181b; --white:#17181b;
  --ink:#f4f4f5; --black:#f4f4f5; --muted:#a6aab0; --grey:#a6aab0;
  --sub:#858990; --faint:#858990; --line:#303238; --soft:#1d1e22; --shade:#1b1c20;
  --red:#FC0701; --red2:#FC0701; --redbg:#290f10; --redlight:#381317; --pink:#321014;
  --dark:#101113; --dark2:#1d1e20; --sidebar:#0b0c0e;
  --surface:#17181b; --raised:#1b1c1f; --radius:9px;
  --display:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --body:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --sans:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
}
html {overflow-y:scroll;scrollbar-gutter:stable;max-width:100%;}
html,body{max-width:100%;overflow-x:clip;}
body[data-ail-new-course] {background:#080809;color:#f4f4f5;font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:26px 26px;}
body[data-ail-new-course] :focus-visible{outline:2px solid #FC0701;outline-offset:3px;}
body[data-ail-new-course] ::selection{background:#FC0701;color:white;}
body[data-ail-new-course] #app,body[data-ail-new-course] .app,body[data-ail-new-course] .shell{
  max-width:1440px;width:100%;margin:0 auto;min-height:calc(100vh - 98px);min-width:0;
  background:#09090b;border-left:1px solid #242529;border-right:1px solid #242529;
}
body[data-ail-new-course] #app{background:#09090b;}
body[data-ail-new-course] .sidebar, body[data-ail-new-course] .side {
  background:#0d0e10!important; border-right:1px solid #2b2c30!important;
  top:98px!important;height:calc(100vh - 98px)!important;align-self:start;
  scrollbar-color:#37393d #0d0e10;
}
/* A single AIL identity in the upper-left; native course navigation remains intact. */
body[data-ail-new-course] .sidebar .brand,body[data-ail-new-course] .sidebar .brand-row,
body[data-ail-new-course] .side .logo {display:none!important;}
body[data-ail-new-course] .sidebar .sidebar-top{padding:12px 16px 4px;min-height:0;}
body[data-ail-new-course] .sidebar .sidebar-top>*:not(.brand-row){display:flex;}
body[data-ail-new-course] .side .sideintro,body[data-ail-new-course] .sidebar .side-intro,
body[data-ail-new-course] .sidebar .side-head,body[data-ail-new-course] .sidebar .side-course,
body[data-ail-new-course] .sidebar .course-ident{padding-top:22px;}
body[data-ail-new-course] .side .sideintro h1,body[data-ail-new-course] .sidebar h1,body[data-ail-new-course] .sidebar h2{color:#f4f4f5!important;}
body[data-ail-new-course] .sidebar .nav-item.active,body[data-ail-new-course] .sidebar .mission-link.active,
body[data-ail-new-course] .sidebar .nav button.active,body[data-ail-new-course] .sidebar .navbtn.active,
body[data-ail-new-course] .side .nav.active {background:rgba(252,7,1,.16)!important;color:#fff!important;}
body[data-ail-new-course] .sidebar .nav-item.active .nav-num,body[data-ail-new-course] .sidebar .mission-link.active .num{
 background:#FC0701!important;border-color:#FC0701!important;color:white!important;}
body[data-ail-new-course] .sidebar .navbtn.active .navico,body[data-ail-new-course] .side .nav.active .num{color:#FC0701!important;}
/* Header matching the original five-course interface. */
.ail-integrated-header{position:relative;z-index:1600;display:flex;gap:14px;align-items:center;justify-content:space-between;height:56px;min-height:56px;
 width:100%;max-width:1440px;margin:0 auto;padding:0 22px;background:#0b0b0d;border:1px solid #27292d;border-top:none; color:#eeeef0;
 font-family:'DM Sans',system-ui,sans-serif;font-size:11px;line-height:1.4;}
.ail-header-logo{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;color:#fff!important;text-decoration:none!important;font-size:17px;letter-spacing:-.04em;}
.ail-brand-icon{width:31px;height:31px;display:block;flex:none;}
.ail-head-divider{width:1px;height:21px;background:#303238;flex:none;}
.ail-course-name{color:#e6e6e8!important;text-decoration:none!important;font-size:12px;font-weight:800;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ail-head-links{display:flex;align-items:center;gap:17px;flex:none;}
.ail-head-links>a{color:#a9aab0!important;font-size:10px;font-weight:800;letter-spacing:.03em;text-decoration:none!important;white-space:nowrap;}
.ail-head-links>a:hover{color:#fff!important;}
.ail-switcher{position:relative;border:0;z-index:1800;}
.ail-switcher summary{list-style:none;cursor:pointer;white-space:nowrap;background:#18191c;border:1px solid #35373b;padding:9px 12px;border-radius:4px;color:#fafafa!important;font-size:10px;font-weight:800;}
.ail-switcher summary::-webkit-details-marker{display:none;}
.ail-switcher summary span{color:#FC0701;padding-left:7px;}
.ail-switch-menu{position:absolute;right:0;top:calc(100% + 8px);width:min(330px,88vw);max-height:65vh;overflow:auto;background:#19191d;border:1px solid #3b3e43;padding:6px;box-shadow:0 20px 55px #000b;border-radius:6px;}
.ail-switch-menu a{display:block;color:#dddde0!important;text-decoration:none!important;padding:12px;border-radius:4px;font-size:12px;line-height:1.35;font-weight:650;}
.ail-switch-menu a:hover{background:#2a1113;color:white!important;}
.ail-chapterbar{position:relative;z-index:1400;max-width:1440px;width:100%;margin:0 auto;min-height:42px;height:auto;padding:6px 20px;
 display:flex;align-items:center;gap:12px;border-left:1px solid #25262a;border-right:1px solid #25262a;border-bottom:1px solid #2c2d30;background:#0b0b0c;font:800 10px/1.3 'DM Sans',system-ui,sans-serif;}
.ail-chapter-label{color:#FC0701;letter-spacing:.09em;flex:none;}
.ail-chapterbar button{appearance:none;background:#161719;color:#e4e4e6;border:1px solid #303136;white-space:nowrap;padding:7px 11px;border-radius:4px;
 font:800 10px/1.3 'DM Sans',system-ui,sans-serif;cursor:pointer;}
.ail-chapterbar button:hover{border-color:#FC0701;}
.ail-chapterbar button:disabled{opacity:.4;cursor:default;border-color:#303136;}
#ail-lesson-select{flex:1;min-width:0;max-width:460px;appearance:auto;background:#191a1c;color:#fafafa;border:1px solid #36383e;border-radius:4px;
 padding:7px 10px;font:800 11px/1.25 'DM Sans',system-ui,sans-serif;outline:none;}
#ail-lesson-select option{background:#1b1b1d;color:#fff;}
.ail-progress-status{margin-left:auto;white-space:nowrap;color:#b5b7bc;font:800 10px/1.2 'DM Sans',system-ui,sans-serif;letter-spacing:.04em;}
/* Unified readability, surface system and controls, without touching embedded iframe content. */
body[data-ail-new-course] .topbar{background:#0d0e10!important;border-color:#292b2f!important;color:#eff0f2!important;height:auto!important;min-height:51px!important;}
body[data-ail-new-course] .topbar .crumb,body[data-ail-new-course] .topbar .crumbs,
body[data-ail-new-course] .topbar .breadcrumbs{color:#a5a6ac!important;}
body[data-ail-new-course] .topbar .crumb b{color:#f5f5f5!important;}
body[data-ail-new-course] main,body[data-ail-new-course] .main,body[data-ail-new-course] .workspace,body[data-ail-new-course] .body-area{
 min-width:0!important;background:#08090b;color:#f0f1f3;}
body[data-ail-new-course] h1,body[data-ail-new-course] h2,body[data-ail-new-course] h3,body[data-ail-new-course] h4 {
 font-family:'DM Sans',system-ui,sans-serif!important;letter-spacing:-.035em!important;color:#f1f2f4;}
body[data-ail-new-course] .hero h1,body[data-ail-new-course] .intro h1,body[data-ail-new-course] .hero h2,body[data-ail-new-course] .pageHead h2{
 font-weight:800!important;letter-spacing:-.055em!important;}
body[data-ail-new-course] .panel,body[data-ail-new-course] .aside,
body[data-ail-new-course] .aside-card,body[data-ail-new-course] .stat,body[data-ail-new-course] .mission,
body[data-ail-new-course] .detail,body[data-ail-new-course] .lesson-art,body[data-ail-new-course] .missionTile,
body[data-ail-new-course] .choice-card,body[data-ail-new-course] .option,body[data-ail-new-course] .meta-chip,
body[data-ail-new-course] .meta span,body[data-ail-new-course] .chip,body[data-ail-new-course] .asset-row,
body[data-ail-new-course] .headline,body[data-ail-new-course] .section,body[data-ail-new-course] .top-pill,
body[data-ail-new-course] .top-tag,body[data-ail-new-course] .course-label,
body[data-ail-new-course] .field,body[data-ail-new-course] .answer,
body[data-ail-new-course] .lesson-aside .sticky,body[data-ail-new-course] .heroCard .paper,
body[data-ail-new-course] .box,body[data-ail-new-course] .mini-stat,
body[data-ail-new-course] .challenge-box,body[data-ail-new-course] .chart-wrap,
body[data-ail-new-course] .sim-terminal,body[data-ail-new-course] .editor-wrap{
 background:#151619!important;color:#f2f2f3!important;border-color:#303238!important;box-shadow:none!important;
}
body[data-ail-new-course] .panel.dark,body[data-ail-new-course] .panel--dark,body[data-ail-new-course] .trade-box{
 background:#161718!important;color:#fafafa!important;border-color:#333!important;}
body[data-ail-new-course] .panel.soft,body[data-ail-new-course] .panel.warm,body[data-ail-new-course] .panel--soft,
body[data-ail-new-course] .tip,body[data-ail-new-course] .notice,body[data-ail-new-course] .insight,
body[data-ail-new-course] .notebox,body[data-ail-new-course] .headline,body[data-ail-new-course] .tag,
body[data-ail-new-course] .success-note,body[data-ail-new-course] .incomplete,
body[data-ail-new-course] .missionTile.current,body[data-ail-new-course] .option.selected{
 background:#201719!important;border-color:#643236!important;color:#f0e6e7!important;}
body[data-ail-new-course] .eyebrow,body[data-ail-new-course] .kicker,
body[data-ail-new-course] .micro,body[data-ail-new-course] .accent,
body[data-ail-new-course] .section-label,body[data-ail-new-course] .section-kicker,
body[data-ail-new-course] .hero-kicker,body[data-ail-new-course] .lesson-tag,
body[data-ail-new-course] .hero h1 em,body[data-ail-new-course] .hero h2 em,
body[data-ail-new-course] .intro h1 span,body[data-ail-new-course] .meta-chip span,
body[data-ail-new-course] .side .eyebrow,body[data-ail-new-course] .sidebar .eyebrow{color:#FC0701!important;}
body[data-ail-new-course] .hero p,body[data-ail-new-course] .intro>p,
body[data-ail-new-course] .panel p,body[data-ail-new-course] .aside p,
body[data-ail-new-course] .aside li,body[data-ail-new-course] .aside-card p,
body[data-ail-new-course] .section-copy,body[data-ail-new-course] .hero-desc,
body[data-ail-new-course] .hero .dek,body[data-ail-new-course] .section-heading+p,
body[data-ail-new-course] .lead,body[data-ail-new-course] .pageHead p,
body[data-ail-new-course] .lessonPrimary p{color:#b7bac0!important;}
body[data-ail-new-course] .panel b,body[data-ail-new-course] .panel strong,body[data-ail-new-course] .asset-row strong{color:#f8f8f9;}
body[data-ail-new-course] .btn.red,body[data-ail-new-course] .btn-red,
body[data-ail-new-course] .button.red,body[data-ail-new-course] .primary,
body[data-ail-new-course] .heroCard .btn{background:#FC0701!important;border-color:#FC0701!important;color:white!important;}
body[data-ail-new-course] .btn.dark,body[data-ail-new-course] .btn-dark,
body[data-ail-new-course] .button,body[data-ail-new-course] .top-studio,
body[data-ail-new-course] .top-cta,body[data-ail-new-course] .topbtn{
 background:#25262a!important;border:1px solid #3e3f45!important;color:#fff!important;}
body[data-ail-new-course] .btn.light,body[data-ail-new-course] .btn.ghost,
body[data-ail-new-course] .button.secondary,body[data-ail-new-course] .button.ghost,
body[data-ail-new-course] .btn-subtle,body[data-ail-new-course] .btn.soft,
body[data-ail-new-course] .secondary{background:#1d1f22!important;color:#f2f3f5!important;border-color:#383b41!important;}
body[data-ail-new-course] .btn:hover,body[data-ail-new-course] .button:hover,body[data-ail-new-course] .option:hover,
body[data-ail-new-course] .missionTile:hover{border-color:#FC0701!important;}
body[data-ail-new-course] :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]):not([type="range"]){
 background:#0e0f11;color:#f3f4f6;border-color:#42444a;}
body[data-ail-new-course] :is(input,textarea)::placeholder{color:#83868d;}
body[data-ail-new-course] input[type=range],body[data-ail-new-course] input[type=checkbox],body[data-ail-new-course] input[type=radio]{accent-color:#FC0701;}
body[data-ail-new-course] pre,body[data-ail-new-course] code{color:#d8e0ed;}
body[data-ail-new-course] .chart-wrap svg,body[data-ail-new-course] svg{max-width:100%;}
body[data-ail-new-course] iframe{max-width:100%;}
body[data-ail-new-course] .panel,body[data-ail-new-course] .content,body[data-ail-new-course] .lesson-grid,
body[data-ail-new-course] .two-col,body[data-ail-new-course] .twocol,body[data-ail-new-course] .grid-main,
body[data-ail-new-course] .lesson-primary,body[data-ail-new-course] .main{min-width:0;}
body[data-ail-new-course] .bottom-nav{background:#101114!important;border-color:#343439!important;}
@media(max-width:1000px){
 .ail-head-links{gap:8px;}.ail-head-links>a{font-size:9px;}
 body[data-ail-new-course] #app,body[data-ail-new-course] .app,body[data-ail-new-course] .shell{border-left:0;border-right:0;}
}
@media(max-width:780px){
 .ail-integrated-header{height:52px;min-height:52px;padding:0 12px;gap:8px;}
 .ail-brand-icon{width:25px;height:25px;}.ail-header-logo{font-size:15px;gap:6px;}
 .ail-head-links>a{display:none;}.ail-head-links{gap:0;}
 .ail-switcher summary{font-size:9px;padding:8px;}.ail-course-name{font-size:10px;}.ail-head-divider{display:none;}
 .ail-chapterbar{min-height:44px;padding:6px 10px;gap:7px;}
 .ail-chapter-label{display:none;}.ail-chapterbar button{padding:8px;}
 .ail-chapterbar button span{display:none;}.ail-progress-status{display:none;}
 body[data-ail-new-course] .sidebar,body[data-ail-new-course] .side{top:0!important;height:100vh!important;}
}
@media(max-width:480px){.ail-chapterbar{gap:5px;}.ail-chapterbar button{font-size:13px;}#ail-lesson-select{font-size:10px;}}
/* Remaining source-specific light surfaces: modes, sticky footers and scenario dialogs. */
body[data-ail-new-course] .footer,body[data-ail-new-course] .bottom-nav,
body[data-ail-new-course] .mode-strip,body[data-ail-new-course] .modes,
body[data-ail-new-course] .mode-switch,body[data-ail-new-course] .mode-select,
body[data-ail-new-course] .segment,body[data-ail-new-course] .tabs,
body[data-ail-new-course] .tab-group,body[data-ail-new-course] .day-overlay .modal,
body[data-ail-new-course] .modal {background:#17181b!important;border-color:#37393d!important;color:#f1f1f3!important;}
body[data-ail-new-course] .modes button,body[data-ail-new-course] .mode-switch button,
body[data-ail-new-course] .mode-select button,body[data-ail-new-course] .segment button,
body[data-ail-new-course] .tabs button{background:transparent!important;color:#afb2b9!important;}
body[data-ail-new-course] .modes button.active,body[data-ail-new-course] .mode-switch button.active,
body[data-ail-new-course] .mode-select button.active,body[data-ail-new-course] .mode-select button.sel,
body[data-ail-new-course] .segment button.active,body[data-ail-new-course] .tabs button.active{
 background:#323439!important;color:#fff!important;border-color:#FC0701!important;}
body[data-ail-new-course] .footer .btn,body[data-ail-new-course] .bottom-nav .btn{
 background:#25262a!important;color:#f4f5f6!important;border-color:#3a3b40!important;}
body[data-ail-new-course] .day-overlay .modal p,body[data-ail-new-course] .day-overlay .modal label,
body[data-ail-new-course] .day-overlay .modal .smallnote {color:#c1c3c7!important;}
body[data-ail-new-course] .day-overlay .modal .callout{background:#2a1416!important;color:#efcbcb!important;border-color:#842a2d!important;}
body[data-ail-new-course] .day-overlay .modal .button.red {background:#FC0701!important;color:#fff!important;border-color:#FC0701!important;}
body[data-ail-new-course] .day-overlay{background:#000b!important;}
body[data-ail-new-course] .footer .foot-middle{color:#b2b3b9!important;}
body[data-ail-new-course] .footer-nav,body[data-ail-new-course] .mode,
body[data-ail-new-course] .menubtn,body[data-ail-new-course] .menu-toggle,
body[data-ail-new-course] .menu-button {
 background:#17181b!important;color:#f2f3f4!important;border-color:#34363a!important;}
body[data-ail-new-course] .footer-nav{border-top:1px solid #34363a!important;}
body[data-ail-new-course] .footer-nav .btn,body[data-ail-new-course] .footer-nav .btn.dark{background:#24262a!important;color:#f5f5f6!important;border-color:#414348!important;}
body[data-ail-new-course] .footer-nav #footMission{color:#b8bac1!important;}
body[data-ail-new-course] .mode button{background:transparent!important;color:#adb0b7!important;}
body[data-ail-new-course] .mode button.sel{background:#2b2d32!important;color:#fff!important;}
body[data-ail-new-course] .side .nav:hover,body[data-ail-new-course] .sidebar .nav button:hover{background:#251419!important;}