:root{color-scheme:dark;--bg:#101212;--panel:#1a1e1d;--line:#303632;--muted:#a5afa9;--lime:#d2f76b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f3f5ed;font:15px 'DM Sans',sans-serif}h1,h2,h3,.brand{font-family:'Space Grotesk',sans-serif}aside{width:238px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);padding:30px 22px;display:flex;flex-direction:column}.brand{font-size:45px;text-decoration:none;color:var(--lime);font-weight:700}.brand span{font-size:25px}.school{font-size:10px;line-height:1.8;letter-spacing:1.5px;color:var(--muted);margin:14px 0 32px}nav button{display:block;width:100%;text-align:left;margin:7px 0;border:0;background:transparent;color:var(--muted);padding:13px}nav button.active{background:#283020;color:var(--lime)}.aside-bottom{margin-top:auto;font-size:10px;letter-spacing:1px;color:var(--muted)}.aside-bottom p{font-size:12px;letter-spacing:0;line-height:1.7}main{margin-left:238px;padding:30px 5vw}header{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:1.4px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:23px}.pill{border:1px solid var(--line);border-radius:20px;padding:7px 12px}h1{font-size:clamp(40px,5vw,74px);letter-spacing:-3px;line-height:1.04;margin:22px 0}h2{font-size:27px;letter-spacing:-.8px}h3{font-size:19px}p{line-height:1.7;color:var(--muted)}.eyebrow{color:var(--lime);letter-spacing:2px;font-size:11px;margin-top:40px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:35px;padding:10px 0 35px}.hero p{max-width:470px}.art{border:1px solid var(--line);background:radial-gradient(ellipse at 50% 80%,#35452b,transparent 65%),#171c19;border-radius:18px;min-height:285px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:6px}.art i{width:8px;border-radius:20px;background:var(--lime);opacity:.7;height:var(--h);transform:rotate(-12deg)}.art small{position:absolute;bottom:24px;left:25px;letter-spacing:2px;color:var(--lime)}button,.file{font:inherit;border:1px solid var(--line);background:#232924;color:#f3f5ed;padding:11px 16px;border-radius:8px;cursor:pointer;display:inline-block}button:hover,.file:hover{border-color:var(--lime)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.primary{background:var(--lime);color:#17200e;border-color:var(--lime);font-weight:700}.file input{display:none}.file{font-size:12px;margin-top:8px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{border:1px solid var(--line);background:var(--panel);border-radius:13px;padding:22px}.card .num{color:var(--lime);font:12px 'Space Grotesk';letter-spacing:1px}.card p{font-size:13px}.card button{font-size:12px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:25px 0 16px}.section-head h2{margin:0}.muted{color:var(--muted);font-size:12px}.progress{height:4px;background:#343a31;margin:18px 0}.progress span{display:block;height:100%;background:var(--lime)}footer{font-size:11px;color:var(--muted);line-height:1.7;border-top:1px solid var(--line);margin-top:40px;padding:20px 0}.split{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.step{padding:20px 0;border-bottom:1px solid var(--line)}input,textarea,select{width:100%;padding:12px;background:#101512;border:1px solid #465044;border-radius:7px;color:#fff;font:inherit}textarea{min-height:90px;resize:vertical}label{display:block;color:var(--muted);font-size:12px;margin:12px 0 6px}.gridwrap{overflow:auto;margin:25px 0}.beatrow{display:grid;grid-template-columns:65px repeat(16,minmax(30px,1fr));gap:5px;margin:6px 0;min-width:660px;align-items:center}.beatrow button{padding:0;height:38px;background:#252c26;border-radius:4px}.beatrow button.on{background:var(--lime);border-color:var(--lime)}.beatrow button.playing{box-shadow:0 0 0 2px #fff inset}.beatrow span{font-size:11px;color:var(--muted);text-align:center}.note-map{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.note-map button{padding:14px 6px;font-size:11px}.note-map b{display:block;font-size:28px;color:var(--lime);margin-bottom:8px}.notice{border-left:3px solid var(--lime);background:#20291b;padding:14px 20px;color:#cbd5c3;font-size:13px;line-height:1.7}.timeline{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}.timeline button{flex:1;font-size:12px}a{color:var(--lime)}#toast{position:fixed;bottom:22px;right:22px;background:var(--lime);color:#16200d;padding:14px 20px;border-radius:8px;display:none;max-width:380px}.journal-item{margin-top:12px}.journal-item p{white-space:pre-wrap}.checks label{font-size:14px;color:#eef2e8;display:flex;gap:10px;align-items:center}.checks input{width:auto}.teacher{font-family:monospace;min-height:180px}@media(max-width:950px){.cards{grid-template-columns:repeat(2,1fr)}.hero,.split{grid-template-columns:1fr}.art{min-height:200px}}@media(max-width:650px){aside{position:static;width:auto;padding:16px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:30px}.school{margin:5px 0}nav{display:flex;overflow:auto}nav button{width:auto;white-space:nowrap}.aside-bottom{display:none}main{margin:0;padding:20px}.cards{grid-template-columns:1fr}header{font-size:8px}h1{letter-spacing:-2px}.note-map{grid-template-columns:repeat(3,1fr)}}
.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:22px;margin-top:30px}.lesson-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:18px}.lesson-tabs button{text-align:left;display:grid;grid-template-columns:25px 1fr;gap:8px;font-size:13px}.lesson-tabs small{grid-column:2;font-size:9px;letter-spacing:1px;opacity:.7}.learning-side{position:sticky;inset:auto;top:20px;width:auto;height:max-content;display:block;padding:22px;margin:0}.learning-side button{display:block;margin:10px 0;width:100%;text-align:left;font-size:12px}.taught{padding:30px}.taught p{font-size:16px;line-height:1.85}.worked{border-left:3px solid var(--lime);background:#242d1d;padding:20px;margin:25px 0}.practice{padding:20px;border:1px solid var(--line);border-radius:10px;margin:25px 0}.knowledge{border:1px solid #576447;border-radius:10px;padding:20px;margin:25px 0}.knowledge legend{padding:0 8px;color:var(--lime);font-weight:700}.knowledge label{display:flex;align-items:flex-start;gap:12px;padding:12px;border:1px solid var(--line);border-radius:7px;color:#e4eadf;font-size:14px}.knowledge input{width:auto;margin:3px 0}.knowledge button{margin-top:16px}.correct{color:var(--lime)!important}.retry{color:#f1c789!important}.genre-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.genre-card{border:1px solid var(--line);border-radius:10px;padding:20px;background:#141a14}.genre-card p{font-size:13px}.genre-card button{font-size:12px}.mini-pattern{display:grid;grid-template-columns:40px repeat(16,1fr);gap:3px;align-items:center}.mini-pattern i{height:12px;background:#303930;border-radius:2px}.mini-pattern i.hit{background:var(--lime)}.mini-pattern span{font-size:9px;color:var(--muted)}.duration-strip{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.duration-strip button{flex:1;min-width:100px;font-size:12px}.duration-strip b{display:block;font-size:32px;margin-bottom:8px}.listening{border-top:1px solid var(--line);padding-top:14px;margin:20px 0}.listening audio{display:block;width:100%;margin:8px 0}.plan-row{display:grid;grid-template-columns:1fr 80px 110px;gap:15px;align-items:center}.plan-row span{font-size:12px;color:var(--lime)}.source-link{font-size:12px!important}@media(max-width:1100px){.lesson-layout{grid-template-columns:1fr}.learning-side{position:static}.learning-side button{display:inline-block;width:auto;margin:6px}.genre-cards{grid-template-columns:1fr}}@media(max-width:650px){.lesson-tabs{grid-template-columns:1fr}.taught{padding:18px}.taught p{font-size:15px}.plan-row{grid-template-columns:1fr 60px 85px;gap:7px}.genre-card{padding:15px}}
/* Studio identity and illustrated learning chapters */
body{background:radial-gradient(ellipse at 85% 0%,#22273666,transparent 38%),var(--bg)}
.brand img{width:180px;display:block}.hero-logo{margin:25px 0 20px;line-height:0}.hero-logo img{width:100%;max-width:540px}.hero{gap:35px;align-items:center;padding:20px 0 45px}.hero .eyebrow{margin-top:20px}
.studio-art{min-height:340px;position:relative;overflow:hidden;border:1px solid #465147;border-radius:24px;background:radial-gradient(ellipse at 65% 30%,#8270ae55,transparent 60%),radial-gradient(ellipse at 20% 90%,#abdb4750,transparent 65%),#171b21;isolation:isolate}.studio-art:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:32px 32px}.record{position:absolute;width:235px;height:235px;top:35px;left:50%;transform:translateX(-50%) rotate(-15deg);border-radius:50%;background:repeating-radial-gradient(circle,#15191b 0 3px,#303339 4px,#15191b 6px);border:2px solid #595a60;box-shadow:20px 25px 45px #0008;display:grid;place-items:center}.record-label{width:95px;height:95px;border-radius:50%;background:var(--lime);color:#1b2413;font-size:39px;font-weight:900;display:flex;flex-direction:column;align-items:center;justify-content:center}.record-label span{font-size:8px;letter-spacing:2px;margin-top:6px}.orbit{position:absolute;width:360px;height:140px;border:1px solid #b6a2fc80;left:50%;top:80px;transform:translateX(-50%) rotate(-30deg);border-radius:50%;z-index:2;pointer-events:none}.orbit-two{transform:translateX(-50%) rotate(35deg);border-color:#d2f76b60}.floating-tag{position:absolute;right:15px;top:28px;transform:rotate(8deg);background:#c1aff9;color:#242038;font-weight:800;font-size:10px;letter-spacing:1px;padding:12px;border-radius:4px;z-index:3}.studio-wave{position:absolute;left:5px;right:5px;bottom:10px;opacity:.6}.studio-wave svg{height:100px}.studio-art small{position:absolute;bottom:20px;left:25px;font-size:9px;letter-spacing:2px;z-index:4;color:#e6f2da}.module-art{display:block;width:100%;height:145px}.path-card{padding:0;overflow:hidden;transition:transform .2s,border-color .2s;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,#171d20),#181e1e);border-color:color-mix(in srgb,var(--accent) 22%,#303632)}.path-card:hover{transform:translateY(-4px);border-color:var(--accent)}.path-card>.module-art{border-bottom:1px solid #ffffff0d}.path-copy{padding:22px}.path-card .num{color:var(--accent)}.path-card h3{margin-top:14px}.path-card button{border-color:color-mix(in srgb,var(--accent) 30%,#303632)}.lesson-masthead{display:grid;grid-template-columns:1fr 240px;align-items:center;gap:25px;border-bottom:1px solid var(--line);padding-bottom:20px}.lesson-masthead h1{font-size:clamp(36px,4.4vw,65px)}.lesson-graphic{border-radius:20px;border:1px solid #ffffff15;background:linear-gradient(130deg,#33403455,#25203880);overflow:hidden}.lesson-graphic svg{height:180px}.worked{border-radius:0 12px 12px 0}.practice{background:linear-gradient(130deg,#21363755,#18221c)}.knowledge{background:linear-gradient(135deg,#27233755,#18211d)}.genre-card:nth-child(3n+1){border-top:3px solid #d9fb64}.genre-card:nth-child(3n+2){border-top:3px solid #6de8d2}.genre-card:nth-child(3n){border-top:3px solid #ab9fff}nav button.active{box-shadow:inset 3px 0 var(--lime);border-radius:0 8px 8px 0}
@media(max-width:1100px){.hero{grid-template-columns:1fr}.studio-art{min-height:285px}.lesson-masthead{grid-template-columns:1fr 180px}.lesson-graphic svg{height:150px}}@media(max-width:650px){.brand img{width:150px}.hero-logo img{max-width:480px}.hero{gap:22px;padding-top:0}.studio-art{min-height:270px}.record{width:200px;height:200px;top:25px}.lesson-masthead{grid-template-columns:1fr}.lesson-graphic{display:none}.path-card>.module-art{height:130px}.school{font-size:9px}.hero .eyebrow{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.path-card{transition:none}.path-card:hover{transform:none}}
.history-track{list-style:none;padding:0 0 0 18px;border-left:2px solid #a998f7;display:grid;gap:18px}.history-track li{position:relative;border:1px solid var(--line);padding:18px 22px;border-radius:12px;background:linear-gradient(110deg,#2b283d,#18201e)}.history-track li:before{content:'';position:absolute;left:-25px;top:22px;width:10px;height:10px;background:var(--lime);border-radius:50%}.history-date{font-size:12px;color:var(--lime)}.history-track h4,.recording-card h4{font-size:22px;margin:10px 0}.history-track p{margin-bottom:0}.tree-root{text-align:center;background:#3a4430;padding:18px;border-radius:12px;font-weight:bold;letter-spacing:1px}.tree-branches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.tree-branch{display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #655b84;border-radius:12px;padding:18px;gap:10px;background:#252234}.tree-branch span,.tree-branch small{font-size:12px;line-height:1.5;color:#c9c6d5}.tree-branch strong{color:var(--lime);font-size:18px}.tree-branch b{color:#ac9be4}.recording-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.recording-card{padding:20px;border-radius:14px;border:1px solid #476565;background:linear-gradient(130deg,#233839,#17201e)}.recording-card .artist{color:#f0f7eb;margin:0}.recording-card p{font-size:14px}.video-slot{margin:16px 0;background:#0f1717;border-radius:9px;min-height:120px;display:grid;place-items:center;overflow:hidden}.video-slot iframe{width:100%;aspect-ratio:16/9;border:0}.video-slot button{margin:14px}.listen-question{padding:12px;border-left:3px solid #6de8d2;background:#152222}.comparison-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}.style-guide table{width:100%;border-collapse:collapse;min-width:650px;line-height:1.65;font-size:13px}.style-guide caption{text-align:left;padding:16px;font-size:18px;font-weight:bold}.style-guide th,.style-guide td{text-align:left;padding:15px;border-bottom:1px solid var(--line);vertical-align:top}.style-guide thead{background:#32303d}.style-guide tbody tr:nth-child(even){background:#202723}.style-guide th small{display:block;color:var(--lime);font-size:12px;margin-top:8px}.branch-notes{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:18px 0}details{border:1px solid var(--line);border-radius:9px;padding:15px}summary{cursor:pointer;font-weight:bold;line-height:1.6}details p{font-size:14px}.model-drawer{margin-top:24px}.sound-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sound-choice h3{grid-column:1/-1}.sound-choice article{padding:20px;background:#2a2637;border-radius:12px;border-top:3px solid #f28bbd}.sound-choice h4{font-size:20px;margin:0}.taught.module-1 .worked{background:#193431;border-color:#6de8d2}.taught.module-2 .practice{background:#2c273e;border-color:#8472b4}.taught.module-3 .worked{background:#352a21;border-color:#ffb478}.taught.module-4 .practice{background:linear-gradient(90deg,#282032,#422a39)}.taught.module-5 .worked{background:#20303d;border-color:#88c8fb}.taught.module-6 .practice{border:2px dashed #8e9b5d;background:#25291c}.taught.module-7 .worked{background:#29283d;border-color:#a5a8ff}.real-listening,.style-guide,.history-lab,.style-tree{margin:30px 0}.taught p{line-height:1.75}.taught>p{max-width:70ch}
@media(max-width:900px){.tree-branches{grid-template-columns:repeat(2,1fr)}.recording-grid{grid-template-columns:1fr}}@media(max-width:650px){.tree-branches,.branch-notes,.sound-choice{grid-template-columns:1fr}.taught{padding:20px}.history-track li{padding:16px}.style-guide table{min-width:600px}.recording-card{padding:16px}}
.chapter-activity{margin:25px 0;padding:20px;border:1px solid #456061;border-radius:14px;background:#152326}.chapter-activity>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.chapter-activity article{padding:15px;border-radius:9px;background:#243a3d}.chapter-activity article span{display:block;color:var(--lime);font-size:12px;margin-bottom:10px}.chapter-activity article p{font-size:13px;margin:8px 0}.activity-2{background:#221e33}.activity-2 article{background:#332d49}.activity-3 article{border-top:3px solid #ffb478;background:#312a24}.activity-4>div{grid-template-columns:1fr}.activity-4 article{display:grid;grid-template-columns:25px 90px 1fr;align-items:center;background:#422a3b}.activity-4 article span{margin:0}.activity-5>div,.activity-6>div{grid-template-columns:1fr}.activity-5 article,.activity-6 article{display:grid;grid-template-columns:25px 1fr;column-gap:10px}.activity-5 article p,.activity-6 article p{grid-column:2}.activity-6{border:2px dashed #879a62;background:#252c1f}.activity-7>div{grid-template-columns:1fr}.activity-7 article{display:grid;grid-template-columns:25px 70px 1fr;align-items:center;background:#2d2c44}.activity-7 article span{margin:0}@media(max-width:650px){.chapter-activity>div{grid-template-columns:1fr}.activity-4 article,.activity-7 article{grid-template-columns:25px 1fr}.activity-4 article p,.activity-7 article p{grid-column:2}}
.influence-flow{display:flex;gap:12px;align-items:center;margin:20px 0}.influence-flow article{flex:1;padding:20px;background:#272b3d;border:1px solid #676085;border-radius:12px}.influence-flow article span{color:var(--lime);font-size:11px;letter-spacing:1px}.influence-flow h4{font-size:19px;margin:12px 0}.influence-flow p{font-size:14px!important}.reason-cloud{display:flex;gap:9px;flex-wrap:wrap}.reason-cloud span{padding:10px 14px;border-radius:24px;background:#283825;border:1px solid #57674a;font-size:13px}.borrowing-cards,.ethics-scenarios,.comparison-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.borrowing-cards article,.ethics-scenarios article,.comparison-pair article{padding:20px;border:1px solid #4d5c5d;border-radius:12px;background:#1d2d2e}.borrowing-cards h4,.ethics-scenarios h4,.comparison-pair h4{font-size:20px;margin:0 0 12px}.borrowing-cards p,.ethics-scenarios p{font-size:14px!important}.ethics-scenarios article{background:#2b2538;border-color:#5c526c}.ethics-scenarios details{background:#171e1d}.ethics-values{background:#273023;padding:20px;border-radius:12px}.comparison-extension{margin:28px 0;border:1px solid #9683b3;background:linear-gradient(120deg,#2c2236,#1a2223);padding:22px}.comparison-extension>summary{color:#e8d7ff;font-size:18px}.extension-context{padding-top:12px}.comparison-pair article{background:#161d23}.listen-link{display:inline-block;border:1px solid var(--lime);padding:12px;border-radius:8px;text-decoration:none}.comparison-method li,.comparison-extension li{line-height:1.8;margin-bottom:12px}.evidence-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.7}.evidence-table th,.evidence-table td{padding:15px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.evidence-table caption{padding:15px;font-weight:bold;text-align:left}.evidence-table th{color:#d8c5f2}.comparison-extension .source-link{font-size:12px}@media(max-width:650px){.influence-flow{flex-direction:column;align-items:stretch}.influence-flow>b{text-align:center;transform:rotate(90deg)}.borrowing-cards,.ethics-scenarios,.comparison-pair{grid-template-columns:1fr}.comparison-extension{padding:16px}.evidence-table th,.evidence-table td{padding:10px}}
.gap-lab{margin:28px 0}.gap-timeline{display:grid;grid-template-columns:repeat(3,1fr);margin-top:24px;font-size:10px;letter-spacing:1px;color:var(--lime);gap:8px}.gap-grid{display:grid;grid-template-columns:repeat(48,minmax(0,1fr));gap:2px;margin:12px 0}.gap-grid i{height:40px;font-style:normal;font-size:9px;text-align:center;padding-top:12px;border-radius:2px;min-width:0}.gap-build{background:#b88ab1;color:#24172b}.gap-rest{background:repeating-linear-gradient(45deg,#18201e,#18201e 4px,#405047 4px,#405047 5px);color:#e9f3e8;border:1px solid #b9c7bc}.gap-drop{background:var(--lime);color:#182313}.gap-grid .gap-playing{outline:2px solid #fff;outline-offset:1px}.gap-meaning{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gap-meaning article{border:1px solid #6b4765;background:#2d2231;border-radius:12px;padding:18px}.gap-meaning h4{font-size:18px;margin:0}.gap-meaning p{font-size:14px!important}.gap-instructions li{line-height:1.8;margin-bottom:12px}@media(max-width:650px){.gap-meaning{grid-template-columns:1fr}.gap-grid{gap:1px}.gap-grid i{font-size:7px;height:30px;padding-top:9px}.gap-timeline{font-size:8px;letter-spacing:0}}
.composition-banner{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:28px;padding:28px;border:1px solid #89a05c;border-radius:18px;background:linear-gradient(110deg,#313c23,#202b35)}.composition-banner p{margin-bottom:0}.compose-stage-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0}.compose-stage-nav button{display:grid;grid-template-columns:25px 1fr;gap:8px;text-align:left}.compose-stage-nav small{grid-column:2;font-size:9px;letter-spacing:1px;opacity:.7}.composition-workspace{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:20px}.compose-main{padding:28px}.compose-lead{font-size:18px}.compose-side{position:sticky;inset:auto;top:20px;width:auto;height:max-content;display:block}.compose-side button{display:block;width:100%;text-align:left;font-size:12px;margin:10px 0}.compose-main li{line-height:1.8;margin:10px 0}.compose-checkpoint{margin:24px 0;padding:20px;background:#263221;border-radius:12px}.compose-checkpoint label{display:flex;gap:12px;font-size:14px;color:#eaf2e4;line-height:1.7;align-items:flex-start}.compose-checkpoint input{width:auto;margin-top:5px}.compose-section-jobs,.journal-blueprint>div{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0}.compose-section-jobs article,.journal-blueprint article{padding:18px;background:#28253b;border-radius:10px;border-left:3px solid #a5a8ff}.compose-section-jobs h4{margin:0;font-size:18px}.compose-section-jobs p,.journal-blueprint p{font-size:14px}.voice-workflow{background:#1c2b2c;padding:22px;border-radius:12px;border:1px solid #42646a;margin:24px 0}.assignment-audit .checks label{padding:14px;border-bottom:1px solid var(--line);align-items:flex-start;line-height:1.7}.assignment-audit .checks input{margin-top:6px;flex-shrink:0}@media(max-width:1100px){.composition-workspace{grid-template-columns:1fr}.compose-side{position:static}}@media(max-width:650px){.compose-stage-nav{grid-template-columns:1fr}.composition-banner{flex-direction:column;align-items:flex-start}.compose-main{padding:20px}.compose-section-jobs,.journal-blueprint>div{grid-template-columns:1fr}.voice-workflow{padding:16px}}
.section-lab{margin:30px 0;padding:24px;border:1px solid #677736;border-radius:20px;background:linear-gradient(135deg,#1e2822,#141a21)}.section-palette{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.section-palette article{padding:18px;background:#202930;border:1px solid #3b4949;border-radius:14px;cursor:grab}.section-palette h4{font-size:21px;margin:14px 0 8px}.section-palette audio{width:100%;height:38px;margin:10px 0}.section-palette .pill{font-size:10px;white-space:normal}.section-palette a{color:#d4f66c}.section-timeline{display:flex;gap:10px;flex-wrap:wrap;min-height:100px;padding:16px;border:2px dashed #718046;border-radius:14px;margin:18px 0}.section-timeline article{display:grid;gap:8px;padding:14px;background:#35452c;border-radius:10px;min-width:140px}.section-timeline article.extension{background:#3d3254}.section-timeline small{font-size:11px}.section-timeline button{padding:5px 12px}.section-lab .row{flex-wrap:wrap}@media(max-width:700px){.section-palette{grid-template-columns:1fr}.section-lab{padding:15px}.section-timeline article{flex:1;min-width:125px}}
.section-timeline article{width:225px;max-width:100%;box-sizing:border-box}.section-timeline label{font-size:12px;display:grid;gap:6px}.section-timeline select{width:100%;box-sizing:border-box}.section-gap-label .muted{font-size:10px}.section-timeline .muted{font-size:12px}.section-handle{cursor:grab;font-size:24px;line-height:1;padding:7px;background:#ffffff12;border-radius:6px;user-select:none}.section-handle:active{cursor:grabbing}.section-timeline .drag-target{outline:3px solid #cdfb63;box-shadow:-5px 0 #cdfb63}.section-timeline article>button{font-size:12px}@media(max-width:700px){.section-timeline article{width:100%;min-width:100%}}
.section-timeline{align-items:flex-start}
.gap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.gap-bar-title{display:block;font-size:10px;letter-spacing:1px;color:var(--lime);margin-bottom:10px}.gap-bar-steps{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.gap-grid button,.gap-grid i{height:44px;min-width:0;width:100%;padding:0;display:flex;align-items:center;justify-content:center;border-radius:5px;font-size:11px;font-style:normal;border:1px solid transparent}.gap-grid button{cursor:pointer}.gap-grid button.gap-build{background:#b88ab1;color:#24172b}.gap-grid button.gap-rest{background:repeating-linear-gradient(45deg,#18201e,#18201e 4px,#405047 4px,#405047 5px);color:#e9f3e8;border-color:#b9c7bc}.gap-grid button:focus-visible{outline:3px solid #fff;outline-offset:2px}.gap-grid button:hover{border-color:#fff}.gap-help{font-size:14px!important}.gap-explore{padding:20px;border:1px solid #6b4765;background:#2d2231;border-radius:14px;margin:20px 0}@media(max-width:750px){.gap-grid{grid-template-columns:1fr}.gap-bar-steps{grid-template-columns:repeat(8,minmax(0,1fr))}.gap-grid button,.gap-grid i{height:44px}}
.journal-field-guide{display:block;color:var(--lime);font-size:13px;font-weight:normal;margin:5px 0}.journal-field-help{font-size:12px!important;line-height:1.6;color:#bcc9c1;margin:8px 0 18px!important}.journal-evidence-head{gap:16px;flex-wrap:wrap;margin-top:28px}.journal-table-wrap{overflow:auto;border:1px solid #46554a;border-radius:14px;margin:18px 0 30px}.journal-table{width:100%;border-collapse:collapse;min-width:860px;table-layout:fixed}.journal-table caption{text-align:left;padding:16px;font-size:14px;color:var(--lime);background:#19231c}.journal-table th,.journal-table td{text-align:left;vertical-align:top;padding:16px;border:1px solid #3c4940;overflow-wrap:anywhere}.journal-table th{background:#2b3927;color:#e9f6d9;font-size:14px}.journal-table th small{display:block;font-size:11px;font-weight:normal;color:#bdcbb4;line-height:1.5;margin-top:7px}.journal-table td{font-size:14px;line-height:1.6;white-space:pre-wrap}.journal-table tbody tr:nth-child(even){background:#ffffff04}.journal-table td button{font-size:12px;padding:8px}.journal-table th:last-child{width:120px}.journal-table-wrap:focus-visible{outline:2px solid var(--lime)}#downloadJournal:disabled{opacity:.5;cursor:not-allowed}@media(max-width:700px){.journal-evidence-head{display:block}.journal-evidence-head button{margin-top:12px}}
.present-entry{display:block;margin:8px 0 24px;background:#d4f66c;color:#152116;font-weight:bold}.is-presenting>aside,.is-presenting main>header,.is-presenting main>footer{display:none}.is-presenting main{margin:0!important;padding:0!important;max-width:none!important}.teacher-presentation{position:fixed;inset:0;z-index:100;background:radial-gradient(ellipse at top right,#263328,#111816 60%);color:#f6f9ef;display:flex;flex-direction:column;padding:20px 4vw;box-sizing:border-box;overflow:hidden}.present-toolbar{display:flex;align-items:center;gap:12px;flex-shrink:0}.present-toolbar img{width:120px;max-height:60px}.present-toolbar label{font-size:12px;white-space:nowrap}.present-toolbar select{flex:1;min-width:0;margin:0;max-width:550px}.present-toolbar button{white-space:nowrap}.present-slide{flex:1;min-height:0;overflow:auto;max-width:1250px;width:100%;margin:24px auto;padding:24px 8px;box-sizing:border-box;outline:none}.present-slide h1{font-size:clamp(32px,4.5vw,64px);line-height:1.1;margin:18px 0 30px;max-width:1100px}.present-content>p,.present-content>blockquote{font-size:clamp(23px,2.6vw,36px);line-height:1.6;max-width:1100px}.present-content blockquote{border-left:5px solid var(--lime);padding:15px 32px;background:#ffffff06;margin:0}.present-content .muted{font-size:20px}.present-options{font-size:clamp(21px,2vw,30px);line-height:1.7}.present-content h3{font-size:30px}.present-content #presentAnswer p{font-size:25px;line-height:1.5}.present-content button{font-size:18px}.present-content .gap-grid button{font-size:11px}.present-content .gap-bar-title{font-size:14px}.present-content .gap-help{font-size:20px!important}.present-content .gap-lab p{font-size:22px}.present-controls{display:flex;align-items:center;justify-content:center;gap:24px;flex-shrink:0}.present-controls button{font-size:18px}.present-key-help{text-align:center;font-size:12px;color:#b7c6b4;margin:12px 0 0}.present-content table{font-size:18px}.present-content .card{font-size:22px}@media(max-width:700px){.teacher-presentation{padding:12px}.present-toolbar{flex-wrap:wrap;gap:8px}.present-toolbar img{width:85px}.present-toolbar label{display:none}.present-toolbar select{width:calc(100% - 110px);max-width:none}.present-toolbar button{font-size:12px;padding:9px}.present-controls{gap:8px;flex-wrap:wrap}.present-controls button{font-size:13px;padding:9px}.present-controls span{font-size:12px}.present-slide{margin:10px auto;padding:10px 3px}.present-content>p,.present-content>blockquote{font-size:23px}.present-content blockquote{padding:12px}.present-key-help{font-size:10px}}