:root{--navy:#081a46;--blue:#102d83;--royal:#153a9c;--orange:#ff9b4a;--white:#f6f7ff;--muted:#b9c9eb;--line:#ffffff24;--paper:#fffdf8;--ink:#17294a;--serif:Georgia,'Times New Roman',serif;--sans:Segoe UI,Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--white);font:16px/1.6 var(--sans)}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}a{color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #ffd29a;outline-offset:4px}button{border:1px solid var(--line);background:transparent;color:inherit;border-radius:6px;padding:10px 18px}.primary{background:var(--orange);border-color:var(--orange);color:#17223b;font-weight:700}.quiet{background:#ffffff08}.skip{position:fixed;top:-100px;z-index:20;background:var(--orange);color:#111;padding:12px}.skip:focus{top:10px}.topbar{height:94px;display:flex;align-items:center;gap:32px;padding:16px 4vw;border-bottom:1px solid var(--line);background:#091b49;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-size:15px;font-weight:800;letter-spacing:1.6px;line-height:1.25}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:2.1px;margin-top:7px}.seal{display:grid;place-items:center;background:#050608;border:2px solid #d0a767;border-radius:50%;width:53px;height:53px;font:700 22px var(--serif);color:#e3bb78;flex-shrink:0}.topbar nav{display:flex;gap:24px;flex:1;justify-content:center;font-size:14px}.topbar nav a{text-decoration:none;color:var(--muted)}.topbar nav a:hover{color:white}.topbar>button{font-size:13px}.hero{position:relative;min-height:600px;background:linear-gradient(90deg,rgba(7,23,62,.96),rgba(7,23,62,.67) 48%,rgba(7,23,62,.06)),url('/assets/freight-dawn.png') center/cover;display:flex;align-items:center;padding:65px 7vw;isolation:isolate}.hero:after{content:'';position:absolute;inset:70% 0 0;background:linear-gradient(transparent,var(--navy));z-index:-1}.hero-copy{max-width:680px}.kicker{font-size:12px;letter-spacing:2.7px;text-transform:uppercase;font-weight:700;color:var(--orange)}h1,h2,h3,p{margin-top:0}h1{font:normal clamp(40px,5.2vw,76px)/1.08 var(--serif);letter-spacing:-1.5px;margin:23px 0}h1 em{font-style:normal;color:var(--orange)}.hero p{max-width:520px;color:#e1e8f9;font-size:18px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:23px;margin-top:30px}.hero-actions a.primary{padding:14px 25px;border-radius:5px;text-decoration:none}.text-link{text-underline-offset:6px;font-size:14px;color:var(--muted)}.course-facts{display:flex;gap:38px;margin-top:45px;font-size:13px;color:var(--muted)}.course-facts strong{display:block;font-size:23px;color:white;font-weight:500}.page-wrap{max-width:1240px;margin:0 auto;padding:54px 38px 85px}.section-heading{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:28px}.section-heading h2{font:normal 37px/1.2 var(--serif);margin:10px 0}.section-heading p{color:var(--muted);max-width:560px;margin-bottom:0}.progress-summary{width:220px;color:var(--muted);font-size:13px}.meter{height:5px;background:#ffffff21;border-radius:6px;overflow:hidden;margin-top:12px}.meter span{height:100%;background:var(--orange);display:block}.stage{border-top:1px solid var(--line);margin-top:22px;padding-top:22px}.stage-title{display:flex;align-items:center;gap:14px;margin-bottom:15px}.stage-num{color:var(--orange);font-size:13px;letter-spacing:2px}.stage h3{font:normal 25px var(--serif);margin:0}.lesson-row{display:grid;grid-template-columns:52px 1fr auto;gap:16px;padding:18px 12px;align-items:center;text-decoration:none;border-bottom:1px solid #ffffff12;border-radius:4px}.lesson-row:hover{background:#ffffff09}.lesson-row .id{font-size:12px;color:var(--orange);letter-spacing:1px}.lesson-row h4{margin:0 0 4px;font-weight:500;font-size:17px}.lesson-row small{font-size:12px;color:var(--muted)}.lesson-row .arrow{font-size:22px;color:var(--orange)}.completed{color:#a8e3c8!important}.callout{padding:24px 28px;background:#153a7d55;border-left:3px solid var(--orange);margin-top:30px}.callout h3{font-size:20px;margin-bottom:8px}.callout p{color:var(--muted);margin:0;max-width:850px}.lesson-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:0;max-width:1600px;margin:auto}.lesson-sidebar{border-right:1px solid var(--line);padding:30px 20px;align-self:start;position:sticky;top:0;max-height:100vh;overflow:auto}.lesson-sidebar .back{color:var(--muted);font-size:13px;text-decoration:none;display:block;margin-bottom:24px}.lesson-sidebar h2{font-size:16px;font-weight:500;line-height:1.5}.side-step{display:flex;align-items:center;gap:11px;text-align:left;width:100%;border:0;border-radius:4px;margin:4px 0;padding:10px;color:var(--muted);font-size:13px}.side-step.active{color:white;background:#254d9c}.side-step b{font-size:11px;color:var(--orange);font-weight:500}.lesson-main{min-width:0;padding:38px clamp(24px,4vw,62px) 70px;background:linear-gradient(150deg,#163989,var(--navy) 65%)}.lesson-top{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}.lesson-main h1{font-size:clamp(33px,3.2vw,48px);margin:18px 0 24px;max-width:900px;letter-spacing:-.5px}.tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);overflow:auto;margin:24px 0 30px}.tabs button{white-space:nowrap;border:0;border-bottom:3px solid transparent;border-radius:0;padding:12px 0;color:var(--muted);font-size:14px}.tabs button.active{color:white;border-color:var(--orange)}.visual-stage{position:relative;overflow:hidden;border:1px solid #ffffff28;min-height:370px;border-radius:10px;background:radial-gradient(ellipse at 70% 10%,#264b9b,#0c2354 65%);padding:28px;margin-bottom:25px}.visual-stage h2{font:normal 30px/1.3 var(--serif);max-width:700px;margin:8px 0 18px}.visual-stage .art{width:100%;height:255px;display:block}.visual-stage svg text{font-family:var(--sans);fill:var(--white)}.visual-stage .visual-step{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:15px}.visual-step button{font-size:12px;border-radius:3px;padding:7px 12px}.visual-step button.selected{background:var(--orange);color:#152444;border-color:var(--orange)}.visual-caption{color:#e0e9ff;font-size:15px;max-width:700px;margin:10px 0 0}.medium{display:flex;justify-content:space-between;align-items:center;gap:18px;border:1px solid var(--line);border-radius:6px;padding:14px 18px;margin-bottom:28px;font-size:13px}.medium p{margin:0;color:var(--muted);font-size:12px}.medium strong{display:block;font-weight:500}.medium button{font-size:12px;padding:8px 12px}.reading{background:var(--paper);color:var(--ink);border-radius:7px;padding:34px clamp(23px,4vw,54px);box-shadow:0 20px 55px #0002}.reading h2{font:normal 30px var(--serif);color:#123178}.reading h3{font-size:15px;color:#163b80;margin:26px 0 14px}.reading p,.reading li{font:17px/1.9 var(--serif)}.reading .source-caption{font:12px/1.6 var(--sans);color:#5a6981;border-top:1px solid #d1d8e4;padding-top:16px;margin-top:30px}.reading details{border-top:1px solid #d6dbe4;padding:15px 0}.reading summary{cursor:pointer;font-weight:600;font-size:14px;color:#173b83}.reading .long-copy p{margin-bottom:19px}.source-note{font-size:12px;color:var(--muted);margin:20px 0;max-width:850px}.task{background:#173c8a70;border:1px solid var(--line);padding:28px;border-radius:6px}.task h2{font:normal 30px var(--serif)}.task label{display:block;margin-top:22px;font-size:14px;color:var(--muted)}textarea,input[type=text],input[type=search]{background:#071b45;border:1px solid #ffffff40;color:white;border-radius:4px;padding:12px;width:100%;margin-top:8px}textarea{resize:vertical;min-height:180px;line-height:1.7}.task-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.task small{color:var(--muted)}.lab{padding:27px;border:1px solid var(--line);border-radius:7px;background:#12347b6b}.lab h2{font:normal 31px var(--serif);margin-top:10px}.status{display:inline-block;padding:4px 9px;border:1px solid #e7b37f66;color:#ffd1a7;border-radius:3px;font-size:11px;letter-spacing:1px}.lab dl{display:grid;grid-template-columns:90px 1fr;gap:14px}.lab dt{color:var(--orange);font-size:12px;letter-spacing:1px}.lab dd{margin:0;color:#d5e0fa;font-size:14px}.lab figure{margin:24px 0}.lab img{max-width:100%;height:auto;border-radius:5px}.lab figcaption{font-size:12px;color:var(--muted);padding-top:8px}.offer{border-top:1px solid var(--line);padding-top:24px;margin-top:25px}.offer h3{font:normal 24px var(--serif)}.offer p{font-size:14px;color:var(--muted)}.quiz fieldset{border:1px solid var(--line);padding:25px;border-radius:5px}.quiz legend{padding:0 8px;font-size:17px;max-width:95%}.quiz label{display:flex;align-items:start;gap:12px;cursor:pointer;padding:13px;border:1px solid #ffffff18;margin:8px 0;border-radius:4px;font-size:15px}.quiz input{accent-color:var(--orange);margin-top:6px}.feedback{padding:16px;border-left:3px solid var(--orange);margin-top:16px;background:#ffffff08}.nextbar{margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.nextbar a{text-decoration:none}.documents{display:grid;grid-template-columns:1fr 1fr;gap:22px}.document-tile{background:#ffffff05;border:1px solid var(--line);border-radius:5px;padding:24px}.document-tile h3{font:normal 22px/1.4 var(--serif)}.document-tile p{color:var(--muted);font-size:14px}.library-search{max-width:600px;margin:22px 0}.search-results{margin-top:30px}.audio-player{background:#040f2a;padding:24px;border-radius:7px;border:1px solid var(--line)}.audio-player img{width:100%;height:auto;display:block}.audio-player audio{width:100%;margin-top:20px}.audio-controls{display:flex;gap:12px;margin:15px 0;align-items:center;flex-wrap:wrap}.audio-controls select{background:#102858;padding:8px;color:white;border:1px solid var(--line);border-radius:4px}.caption-line{min-height:82px;color:white;font-size:18px;line-height:1.65;margin-top:18px}.caption-word.active{color:var(--orange);text-decoration:underline;text-underline-offset:5px}.sample-label{font-size:12px;color:var(--muted);margin-bottom:15px}.sample-buttons{display:flex;gap:8px;flex-wrap:wrap}.sample-buttons button.active{background:var(--orange);color:#12254b}.report-table{width:100%;border-collapse:collapse;font-size:13px}.report-table th,.report-table td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}.report-table th{color:var(--orange)}.badge{display:inline-block;font-size:11px;color:var(--muted);border:1px solid var(--line);padding:3px 8px;border-radius:4px}.empty{color:var(--muted);padding:24px;border:1px dashed var(--line);border-radius:5px}.muted{color:var(--muted)}.small{font-size:12px}footer{display:flex;justify-content:space-between;gap:25px;padding:28px 4vw;border-top:1px solid var(--line);color:var(--muted);font-size:11px}#toast{position:fixed;bottom:25px;right:25px;background:var(--paper);color:var(--ink);border-radius:5px;padding:12px 22px;box-shadow:0 4px 30px #0005;opacity:0;pointer-events:none;z-index:40}#toast.visible{opacity:1}.warning{color:#ffcc9a}.reading .focus-line{border-left:3px solid #d76d1c;padding-left:18px;font:italic 19px/1.65 var(--serif);margin-bottom:28px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.review-grid div{border:1px solid var(--line);padding:18px}.review-grid strong{font-size:28px;display:block;color:var(--orange)}
@media(min-width:1500px){.hero{min-height:660px}.hero-copy{max-width:750px}}@media(max-width:1050px){.topbar{gap:20px;height:auto;flex-wrap:wrap}.topbar nav{order:3;flex-basis:100%;justify-content:flex-start;gap:24px;padding:6px 0;overflow:auto;white-space:nowrap}.topbar>button{margin-left:auto}.hero{min-height:550px;background-position:60% center}.lesson-layout{grid-template-columns:205px minmax(0,1fr)}.lesson-main{padding:28px 24px}.lesson-sidebar{padding:24px 13px}.visual-stage{padding:22px}.lab dl{grid-template-columns:70px 1fr}}
@media(max-width:700px){.topbar{padding:15px 20px}.brand{font-size:12px;letter-spacing:1px}.seal{width:43px;height:43px;font-size:18px}.topbar>button{padding:7px 10px;font-size:11px}.topbar nav{gap:20px;font-size:12px}.hero{min-height:580px;padding:55px 25px;background:linear-gradient(90deg,#07173ef2,#07173ea6),url('/assets/freight-dawn.png') 66% center/cover}.hero h1{font-size:45px}.hero p{font-size:16px}.hero-actions{gap:16px;flex-wrap:wrap}.course-facts{gap:28px;font-size:11px}.course-facts strong{font-size:21px}.page-wrap{padding:35px 22px 55px}.section-heading{align-items:start;flex-direction:column}.section-heading h2{font-size:31px}.lesson-row{grid-template-columns:38px 1fr 18px;gap:10px;padding:17px 0}.lesson-row h4{font-size:16px}.lesson-layout{display:block}.lesson-sidebar{position:relative;max-height:none;border-right:0;border-bottom:1px solid var(--line);padding:16px 20px;display:flex;gap:8px;overflow:auto;align-items:center;white-space:nowrap}.lesson-sidebar .back{margin:0 12px 0 0;font-size:11px}.lesson-sidebar h2{display:none}.side-step{width:auto;margin:0;flex-shrink:0;padding:7px 10px;font-size:11px;gap:6px}.lesson-main{padding:25px 20px 50px}.lesson-main h1{font-size:34px}.lesson-top{font-size:10px}.visual-stage{padding:20px 15px;min-height:310px}.visual-stage h2{font-size:25px}.visual-stage .art{height:200px}.visual-step button{font-size:10px;padding:6px}.medium{align-items:start}.medium button{padding:7px;font-size:11px}.reading{padding:25px 21px}.reading p,.reading li{font-size:16px;line-height:1.8}.documents{grid-template-columns:1fr}.task{padding:23px}.lab{padding:22px}.lab dl{display:block}.lab dt{margin-top:15px}.lab dd{margin-top:5px}.nextbar{align-items:start}.review-grid{grid-template-columns:1fr 1fr}footer{flex-direction:column;gap:8px;padding:24px}.caption-line{font-size:16px}.audio-player{padding:14px}.tabs{gap:18px}.tabs button{font-size:13px}.report-table{font-size:11px}.report-table th,.report-table td{padding:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{.topbar,footer,.lesson-sidebar,.tabs,.medium,.nextbar,.task-actions,button,.hero,.visual-stage{display:none!important}body,.lesson-main,.reading,.task{background:white!important;color:black!important;box-shadow:none!important}.lesson-layout{display:block}.lesson-main{padding:0}.reading{padding:10px}.page-wrap{padding:10px}.task textarea{border:1px solid #999;color:black;background:white;min-height:250px}.kicker{color:#444}}

.shipment-document-packet,.inspection-case-packet{margin:32px 0;padding:24px;border:1px solid #ffffff35;border-radius:10px;background:#0b225333}.shipment-document-packet details,.inspection-case-packet details{margin:16px 0;padding:18px 22px;background:#faf8f3;color:#14264a;border:1px solid #d6deea;border-radius:7px}.shipment-document-packet summary,.inspection-case-packet summary{font-weight:700;font-size:18px;line-height:1.5;cursor:pointer;color:#14264a}.shipment-document-packet summary:focus-visible,.inspection-case-packet summary:focus-visible{outline:3px solid #e6873d;outline-offset:5px}.shipment-document-packet details p,.inspection-case-packet details p,.inspection-case-packet details h3{color:#14264a}.shipment-document-packet table{border-collapse:collapse;width:100%;margin:16px 0}.shipment-document-packet th,.shipment-document-packet td{border-bottom:1px solid #ccd6e5;padding:12px;text-align:left;vertical-align:top;line-height:1.6}.shipment-document-packet th{width:26%;font-weight:700}.inspection-case-packet li{margin:10px 0}@media(max-width:650px){.shipment-document-packet,.inspection-case-packet{padding:14px}.shipment-document-packet details,.inspection-case-packet details{padding:14px}.shipment-document-packet th,.shipment-document-packet td{padding:9px 5px;font-size:14px}}
.shipment-documents{margin:32px 0;padding:24px;border:1px solid #ffffff35;border-radius:10px}.shipment-documents .table-scroll{overflow-x:auto}.shipment-documents table{border-collapse:collapse;width:100%;min-width:680px;margin:20px 0;background:#fffdf8;color:#17294a}.shipment-documents caption{text-align:left;background:#fffdf8;padding:16px;font-weight:700;color:#17294a}.shipment-documents th,.shipment-documents td{border:1px solid #bcc8d9;padding:16px;text-align:left;vertical-align:top;line-height:1.65}.shipment-documents thead th{background:#e7edf7}.shipment-documents tr>th:first-child{width:22%}.shipment-documents details{background:#fffdf8;color:#17294a;border-radius:7px;padding:20px;margin:16px 0}.shipment-documents details p{color:#17294a}.shipment-documents summary{font-weight:700;cursor:pointer;line-height:1.5}.shipment-documents summary:focus-visible{outline:3px solid #b95a16;outline-offset:5px}.shipment-documents details a{color:#174785}@media(max-width:650px){.shipment-documents{padding:14px}.shipment-documents details{padding:16px}}@media print{.shipment-documents{border:0;padding:0}.shipment-documents .table-scroll{overflow:visible}.shipment-documents table{min-width:0}}

.inspection-video video{display:block;width:100%;height:auto;background:#081a46;margin:24px 0}.inspection-video select{display:block;width:100%;padding:12px;margin:10px 0 20px;background:#102d63;color:white;border:1px solid #91a8ca}.inspection-video label{font-weight:700}.inspection-video .kicker{color:#ad5015}

.pretrip-case{background:#f7f4ec;color:#102553;padding:24px;border-radius:12px}.pretrip-case .paper-heading{color:#102553}.pretrip-case dt{font-weight:800;color:#17376d;margin-top:18px}.pretrip-case dd{margin:5px 0 0;line-height:1.55}.pretrip-case .muted{color:#344c69}.pretrip-route{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:20px 0}.pretrip-route span{background:#17376d;color:white;padding:8px 12px;border-radius:6px}.pretrip-route b{color:#ba510d}

.offline-screen-tour{margin:28px 0}.offline-screen-tour select{display:block;width:100%;padding:12px;margin:10px 0 22px;color:#14264a;background:white;border:1px solid #8394ad;border-radius:6px}.offline-screen-scroll{max-height:680px;overflow:auto;border:1px solid #a5b4c8;border-radius:6px;background:white}.offline-screen-scroll img{display:block;width:100%;height:auto}.offline-screen-tour figure{margin:20px 0}.offline-screen-tour figcaption{font-size:14px;margin-top:8px}.offline-screen-tour a{color:#174984}.screen-question{background:#edf1f7;padding:18px;border-left:4px solid #e58035;color:#14264a}.screen-question p{margin:8px 0 0}.offline-screen-tour details{margin-top:22px}.offline-screen-tour summary{cursor:pointer;font-weight:700}

.offline-screen-tour .kicker{color:#a44a13}.offline-screen-tour h3{font:normal 28px/1.25 var(--serif);margin:10px 0 14px}.offline-screen-tour h4{font-size:20px;margin:12px 0}.practice-access{margin:22px 0}.practice-access summary{cursor:pointer;font-weight:700}.practice-access p{max-width:900px}
.eld-study{padding:22px;background:#102858;border:1px solid #5374a5;border-radius:12px}.eld-study dl{margin:20px 0}.eld-study dl>div{padding:12px 0;border-bottom:1px solid #5374a5}.eld-study dt{font-weight:700;color:#ffb16d}.eld-study dd{margin:6px 0 0;line-height:1.5}.eld-study>p{line-height:1.55}

.library-collection{display:flex;flex-wrap:wrap;gap:18px;border:1px solid #ffffff30;padding:18px;margin:24px 0}.library-collection legend{padding:0 8px}.library-collection label{display:flex;gap:8px;align-items:center}
.eld-study .paper-heading{font:700 17px/1.4 var(--sans);color:#ffb16d;letter-spacing:.3px}.eld-study [data-visual-point].is-speaking-point{background:#a44b20;border:1px solid #ffb16d;border-radius:6px;padding:12px}.eld-study [data-visual-point].is-speaking-point dt{color:#fff}

.inspection-video video{margin:24px 0 18px}.inspection-video video+label{display:block;margin-top:8px}.inspection-video p.small{clear:both;margin-top:14px;padding-top:12px;border-top:1px solid #d1d8e4;line-height:1.6;color:#4a5a73}

@media(max-width:700px){.topbar nav{flex-wrap:wrap;white-space:normal;overflow:visible;gap:8px 18px;row-gap:8px}.topbar nav a{padding:6px 0;min-height:32px;display:inline-flex;align-items:center}.brand{min-width:0}}

.eld-study dl>div[data-visual-point].is-speaking-point{padding:12px 0;border-width:0 0 1px;border-style:solid;border-color:#ffb16d;border-radius:6px;box-shadow:0 0 0 8px #a44b20,0 0 0 9px #ffb16d}

/* Step 5: long source links wrap on phones (verifier 1, Oct 31) */
a{overflow-wrap:anywhere}