/* Shared BT3 lesson, review and student-exam presentation.
   The approved lesson 09 rules remain the base for standard lesson pages. */
@import url('/assets/lesson-design-preview.css?v=3');

body.bt3-unified{background:#f6f4ef;color:#202a33;font-family:Cairo,Tahoma,Arial,sans-serif;line-height:1.85}
body.bt3-unified a:focus-visible,body.bt3-unified button:focus-visible,body.bt3-unified summary:focus-visible{outline:3px solid #c8a653;outline-offset:3px}
body.bt3-unified > header{position:static!important;background:#10283f!important;color:#fff!important;border:0!important;border-bottom:3px solid #c8a653!important;padding:0!important;box-shadow:none!important}
body.bt3-unified > header .wrap{min-height:62px;max-width:1100px;width:calc(100% - 32px);padding:8px 0;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:14px}
body.bt3-unified > header .brandrow{min-height:62px;flex-direction:row;align-items:center}
body.bt3-unified > header nav{height:auto;min-height:0}
body.bt3-unified > header .brand img,body.bt3-unified > header .bt3-brand img,body.bt3-unified > header .bt3-logo{display:block;width:38px;height:38px;object-fit:contain;border-radius:50%;background:#fff;border:1px solid #d7c693;flex:none}
body.bt3-unified > header .brand,body.bt3-unified > header .bt3-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#fff!important;line-height:1.3;font-weight:800}
body.bt3-unified > header .bt3-brand span{display:block}
body.bt3-unified > header .bt3-brand small{display:block;color:#e3ca79;font-family:Georgia,serif;font-size:9px;font-weight:500;direction:ltr}
body.bt3-unified > header .brand strong,body.bt3-unified > header .bt3-brand strong{color:#fff;font-size:16px}
body.bt3-unified > header .brand small{color:#e3ca79}
body.bt3-unified > header .wrap > span,body.bt3-unified > header .brandrow > small{color:#dce2e8;font-size:12px}
body.bt3-unified > header a:not(.brand):not(.bt3-brand){color:#e8cc79}

body.bt3-unified:not(.lesson-design-review) main.wrap,
body.bt3-unified:not(.lesson-design-review) .wrap.main{max-width:1100px;width:calc(100% - 32px);margin-inline:auto;padding:18px 0 64px}
body.bt3-unified:not(.lesson-design-review) main .wrap{max-width:1100px;width:calc(100% - 32px);margin-inline:auto}
body.bt3-unified:not(.lesson-design-review) .crumb,
body.bt3-unified:not(.lesson-design-review) .crumbs{color:#60666b;font-size:13px;margin:0 0 14px}
body.bt3-unified:not(.lesson-design-review) .crumb a,
body.bt3-unified:not(.lesson-design-review) .crumbs a{color:#69511d;text-underline-offset:3px}
body.bt3-unified:not(.lesson-design-review) :is(.hero,.lesson-hero){background:#10283f!important;color:#fff!important;border:1px solid #b99a4e!important;border-radius:17px!important;padding:25px 30px!important;box-shadow:0 8px 22px rgba(15,35,54,.10)!important;overflow:hidden}
body.bt3-unified:not(.lesson-design-review) :is(.hero,.lesson-hero)::after{display:none!important}
body.bt3-unified:not(.lesson-design-review) :is(.hero,.lesson-hero) h1{font-size:clamp(26px,3.4vw,38px);line-height:1.4;color:#fff!important;margin:7px 0 10px}
body.bt3-unified:not(.lesson-design-review) :is(.hero,.lesson-hero) p{color:#e8edf2!important;font-size:15px;line-height:1.85}
body.bt3-unified:not(.lesson-design-review) :is(.hero,.lesson-hero) :is(.eyebrow,.kicker,.k,.gold){color:#e7ca76!important}
body.bt3-unified:not(.lesson-design-review) :is(.panel,.box,.block){background:#fff;border:1px solid #e5dfd2;border-radius:15px;padding:24px 27px;margin-block:14px;box-shadow:0 3px 12px rgba(25,39,50,.035);overflow-wrap:anywhere}
body.bt3-unified:not(.lesson-design-review) :is(.panel,.box,.block) h2{font-size:clamp(20px,2vw,24px);line-height:1.5;color:#173a55;border:0;border-bottom:1px solid #eae5d8;margin:0 0 13px;padding:0 0 9px}
body.bt3-unified:not(.lesson-design-review) :is(.panel,.box,.block) h3{color:#173a55}
body.bt3-unified:not(.lesson-design-review) :is(.note,.callout,.activity,.question,.safety,.alert){background:#f8f6ef;border-color:#c5a14a;border-radius:8px}
body.bt3-unified :is(.term,.unit,.mini,.step,.station,.task){border-radius:10px}
body.bt3-unified :is(.tablewrap,.table-wrap,.table-scroll){max-width:100%;overflow-x:auto}
body.bt3-unified :is(table,pre,code){max-width:100%}
body.bt3-unified :is(th,td){overflow-wrap:anywhere}
body.bt3-unified .resource-brand img{display:none}
body.bt3-unified :is(nav.jump a,.footer-nav a,.footnav a,.lesson-actions a,.actions a,.nav a){border-radius:9px}
body.bt3-unified .actions .pdf{background:#10283f!important;color:#e8cc79!important;border:1px solid #10283f!important}
body.bt3-unified .actions .back{background:#fff!important;color:#202a33!important;border:1px solid #b9b09e!important}
body.bt3-unified .lesson-nav-index{background:#10283f!important;color:#e8cc79!important;border-color:#10283f!important}
body.bt3-unified .bt3-lesson-nav{width:min(1100px,calc(100% - 32px));display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 auto 16px;padding:8px 0;border-top:1px solid #ded6c2;border-bottom:1px solid #ded6c2}
body.bt3-unified .bt3-lesson-nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:7px 14px;border:1px solid #ddd2b5;border-radius:9px;color:#725419;background:#fff;font-size:13px;font-weight:800;text-decoration:none}
body.bt3-unified .bt3-lesson-nav-link:is(:hover,:focus-visible){background:#f8f3e8;border-color:#b99a4e}
body.bt3-unified .bt3-lesson-nav-disabled{color:#828689;background:#f8f8f7;border-color:#e5e5e1}
body.bt3-page .lesson-nav{width:min(1100px,calc(100% - 32px));margin-inline:auto}
/* Standalone lesson contents are a vertical sidebar, not the shared lesson link bar. */
body.bt3-standalone .lesson-layout > .lesson-nav{display:block;height:auto}

@media(max-width:820px){
  body.bt3-unified > header .wrap{min-height:58px;gap:9px}
  body.bt3-unified > header .brandrow{min-height:58px;flex-direction:row}
  body.bt3-unified > header .brand img,body.bt3-unified > header .bt3-brand img,body.bt3-unified > header .bt3-logo{width:34px;height:34px}
  body.bt3-unified > header .wrap > span,body.bt3-unified > header .brandrow > small{font-size:11px}
  body.bt3-unified:not(.lesson-design-review) :is(.hero,.lesson-hero){padding:20px 18px!important}
  body.bt3-unified:not(.lesson-design-review) :is(.panel,.box,.block){padding:18px 17px}
  body.bt3-unified :is(.grid,.grid2,.terms,.term-grid,.steps){grid-template-columns:1fr}
}
@media(max-width:600px){
  body.bt3-unified .bt3-lesson-nav{gap:5px;flex-wrap:wrap}
  body.bt3-unified .bt3-lesson-nav-link{flex:1 1 30%;min-width:0;font-size:12px;text-align:center;padding:7px 5px}
  body.bt3-unified > header .wrap > span,body.bt3-unified > header .brandrow > small{display:none}
  body.bt3-unified:not(.lesson-design-review) :is(.hero,.lesson-hero) h1{font-size:26px}
}
@media print{
  body.bt3-unified{background:#fff;color:#111}
  body.bt3-unified > header{display:none!important}
  body.bt3-unified:not(.lesson-design-review) :is(.hero,.lesson-hero){background:#fff!important;color:#111!important;box-shadow:none!important;border-color:#999!important}
  body.bt3-unified:not(.lesson-design-review) :is(.hero,.lesson-hero) *{color:#111!important}
  body.bt3-unified:not(.lesson-design-review) :is(.panel,.box,.block){box-shadow:none!important;break-inside:avoid}
}