@import url('base-practical.css');
:root{--ink:#183c40;--teal:#175b60;--gold:#b8873e;--paper:#f6f5ef;--line:#d9dfd8;--muted:#586b6c}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}a{color:var(--teal);text-underline-offset:4px}button,select,input{font:inherit}button,.button,summary{cursor:pointer}button,.button{min-height:44px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);padding:10px 16px;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.button:hover,button:hover{background:#e7eee8}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #c58724;outline-offset:4px}header{display:flex;align-items:center;gap:24px;justify-content:space-between;padding:18px max(24px,calc((100vw - 1240px)/2));border-bottom:1px solid var(--line);background:#fff}header .brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-weight:750;font-size:20px;color:var(--ink);white-space:nowrap}.brand img{width:49px;height:60px;object-fit:contain}.brand small{display:block;font-size:12px;font-weight:500;letter-spacing:.03em}header nav{display:flex;gap:20px;align-items:center}header nav a{font-size:14px;font-weight:650;text-decoration:none}header nav a[aria-current]{border-bottom:3px solid var(--gold)}#menu{display:none}main{max-width:1160px;padding:36px 24px 70px;margin:auto;min-height:70vh}h1,h2,h3{line-height:1.18;letter-spacing:-.025em}h1{font-size:clamp(30px,3.6vw,47px);margin:0 0 20px}h2{font-size:26px;margin:0 0 16px}h3{font-size:21px}p{margin:0 0 20px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:750;margin-bottom:14px;color:var(--teal)}.lead{font-size:19px;color:var(--muted);max-width:760px}.banner{display:grid;grid-template-columns:42% 58%;background:#0e3038;color:#fff;border-radius:16px;overflow:hidden;margin-bottom:34px;min-height:280px}.banner>.section-art{width:100%;height:100%;min-height:280px;aspect-ratio:auto}.banner>div:last-child{padding:36px 38px;align-self:center}.banner .eyebrow{color:#dfb775}.banner p:last-child{margin:0;color:#dbe7e5;font-size:17px}.section-art{background-image:url('media/headers/course-sections.png');background-size:300% 300%;background-position:var(--position);aspect-ratio:16/9;width:100%;background-repeat:no-repeat}.pathways,.unit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card,.unit-card{border:1px solid var(--line);border-radius:12px;background:white;overflow:hidden}.pathways .card{padding:25px;text-decoration:none;border-top:4px solid var(--gold)}.pathways .card h2{font-size:22px}.pathways span,.unit-card span{font-weight:700;font-size:14px}.pathways p,.unit-card p{font-size:15px;color:var(--muted)}.section-heading{margin:50px 0 25px;max-width:740px}.unit-card{text-decoration:none;transition:transform .15s}.unit-card:hover{transform:translateY(-3px)}.unit-card>div:last-child{padding:23px}.unit-card h2{font-size:24px}.lesson-top{display:flex;justify-content:space-between;gap:16px;font-size:14px;margin-bottom:22px}.picker{display:block;font-size:14px;font-weight:650;margin:0 0 26px}.picker select,.picker input{display:block;width:100%;margin-top:8px;border:1px solid #b8c7c2;border-radius:8px;background:white;padding:12px;color:var(--ink);min-height:48px}.course-lesson{max-width:1020px;margin:auto}.prose{font-size:18px;max-width:820px;margin:30px auto;line-height:1.85}.period{display:inline-block;border-bottom:2px solid var(--gold);font-weight:700;padding-bottom:8px}.feature-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:28px 0}.feature-columns>section,.key-points,.distinction,.exam-practice,.check{background:white;border:1px solid var(--line);padding:28px;border-radius:12px;margin-bottom:24px}.feature-columns>section{margin:0;border-top:4px solid var(--gold)}li{margin-bottom:12px}ul{padding-left:22px}.key-points{background:#eaf0e9}.course-figure{margin:30px auto;max-width:850px}.course-figure img{width:100%;height:auto;max-height:460px;object-fit:contain;border-radius:12px;background:#e7ece8}figcaption{font-size:14px;color:var(--muted);margin-top:10px}small{display:block;font-size:12px;color:var(--muted)}.lesson-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:28px 0}.listen,.video-card{padding:24px;border:1px solid var(--line);background:white;border-radius:12px;overflow:hidden}.listen audio{display:block;width:100%;max-width:100%;margin:15px 0}.video-stage{aspect-ratio:16/9;background:#123a40;border-radius:8px;overflow:hidden;display:grid;place-items:center;margin-bottom:20px}.video-stage button{background:transparent;color:white;border-color:#608487}.play-icon{font-size:25px}iframe{border:0;width:100%;height:100%}.video-card p{font-size:15px}.video-card small{margin-top:12px}.exam-practice{border-left:5px solid var(--gold)}details summary{font-weight:650;padding:13px 0;min-height:48px}details>p{margin-top:16px}.pagination{display:flex;justify-content:space-between;gap:20px;margin-top:40px}.pagination a{max-width:49%}.extras{border-top:1px solid var(--line);margin:40px 0 0;padding:20px 0}.toolbar,.tabs{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.concept-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.concept{padding:16px 24px;background:white;border:1px solid var(--line);border-radius:10px}.concept[hidden]{display:none}.concept summary small{font-weight:400}.guide-sequence{display:grid;gap:22px;margin:28px 0}.guide-step{display:grid;grid-template-columns:44px 1fr;gap:20px;border:1px solid var(--line);background:white;padding:28px;border-radius:12px}.step-badge{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:white}.guide-step img,.screenshots img{width:100%;max-height:500px;object-fit:contain}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid .card{padding:26px;text-decoration:none}.card:not(.unit-card){padding:24px;margin-bottom:20px}.model-row{border-left:3px solid var(--gold);padding-left:20px;margin:25px 0}.source{font-size:13px;color:var(--muted)}footer{padding:25px;display:flex;justify-content:center;flex-wrap:wrap;gap:25px;border-top:1px solid var(--line);font-size:13px}.skip{position:absolute;left:15px;top:-100px;z-index:5;background:white;padding:12px}.skip:focus{top:12px}.panel{padding:20px;background:white;border:1px solid var(--line);border-radius:10px}
@media(max-width:1000px){header{padding:16px 22px;flex-wrap:wrap}header nav{gap:18px}.brand{flex:1}#menu{display:block}header nav{display:none;width:100%;flex-wrap:wrap}header nav.open{display:flex}.unit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){main{padding:24px 16px 50px}.banner{grid-template-columns:1fr}.banner>.section-art{aspect-ratio:16/9;min-height:0;height:auto}.banner>div:last-child{padding:26px}.banner h1{font-size:32px}.pathways,.unit-grid,.feature-columns,.lesson-media,.concept-grid,.grid,.grid.three{grid-template-columns:1fr}.lesson-top{flex-direction:column;gap:6px}.prose{font-size:17px}.pagination{flex-direction:column}.pagination a{max-width:100%}.guide-step{padding:20px;grid-template-columns:30px 1fr;gap:12px}.step-badge{width:28px;height:28px}.guide-step h2{font-size:23px}header .brand{font-size:18px}.brand img{width:38px;height:48px}}
@media print{header,footer,.video-card,.listen,.pagination,.extras,#menu{display:none}.banner{background:white;color:black;display:block;min-height:0}.banner .section-art{display:none}.banner p,.banner .eyebrow{color:black}main{padding:0}details{display:block}.card,.guide-step{break-inside:avoid}a{color:black}}

.banner>.section-art{aspect-ratio:16/9;height:auto;min-height:0;align-self:center}

.grid-question{border-top:1px solid var(--line);padding:25px 0}.grid-question input{display:block;width:100%;padding:12px;margin:8px 0;border:1px solid #adbfbb;border-radius:7px}.grid-question .listen{border:0;background:transparent;padding:0}

.key-terms{margin:28px 0;padding:28px;background:#eef1eb;border-radius:12px}.key-terms dt{font-weight:750;margin:22px 0 6px}.key-terms dd{margin:0;line-height:1.8}