:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#193149;background:#f4f7f9;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:#123b40;color:white;padding:25px max(5vw,20px);display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}header a{color:white;text-decoration:none}header nav{display:flex;gap:24px;flex-wrap:wrap}main{max-width:1100px;margin:auto;padding:45px 24px}h1{font-size:clamp(2rem,4vw,3.3rem);letter-spacing:-.04em;line-height:1.08;max-width:720px;margin:10px 0 20px}.intro{font-size:1.15rem;line-height:1.7;color:#4b6274}.eyebrow{font-weight:750;font-size:.76rem;letter-spacing:.13em;color:#1b756b}h2{line-height:1.4}.toolbar{display:flex;gap:15px;flex-wrap:wrap;margin:28px 0}.toolbar label{flex:1;min-width:150px;font-size:.85rem;font-weight:650}.toolbar .lessonpicker{flex:3;min-width:230px}select{width:100%;display:block;padding:12px;margin-top:8px;border:1px solid #b5c6cd;border-radius:8px;background:white;font:inherit;max-width:100%}.lessonhead{background:#e5efed;padding:24px;border-left:5px solid #19766b;border-radius:8px}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.actions a,button{display:inline-block;background:#16675f;color:white;border:0;padding:11px 15px;border-radius:7px;font:600 .9rem system-ui;text-decoration:none;cursor:pointer}button.secondary{background:#e8eff4;color:#193149}.note,.instructions{color:#475e70;font-size:.9rem;line-height:1.7}.summary{display:flex;justify-content:space-between;gap:20px;font-weight:650;margin-top:20px}.card{background:white;border:1px solid #d9e3e8;border-radius:12px;padding:26px;margin:22px 0;box-shadow:0 4px 15px #19314904}.tag{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:#19766b}.card h3{font-size:1.13rem;line-height:1.7;margin:12px 0}.scope{color:#5a6f7f;font-size:.82rem}.worklabel{display:block;font-size:.9rem;font-weight:600;margin:15px 0 8px}textarea{resize:vertical;min-height:90px;width:100%;border:1px solid #b8c8d2;border-radius:8px;font:inherit;padding:12px}details{border-top:1px solid #dae4e8;padding-top:15px;margin-top:16px}summary{cursor:pointer;font-weight:700;color:#14695f;padding:6px 0}li{padding:6px;line-height:1.65}.review{display:block;margin:18px 0 0;font-size:.9rem}.review input{width:18px;height:18px;vertical-align:middle;margin-right:8px}.graphbox{max-width:640px;margin:20px 0}canvas{width:100%;aspect-ratio:1/1;display:block;border:1px solid #bdcdd6;border-radius:8px;touch-action:none;background:white}.graphcontrols{display:flex;flex-wrap:wrap;gap:8px;align-items:end;margin-top:10px}.graphcontrols label{font-size:.8rem}.graphcontrols input{display:block;width:85px;padding:10px;border:1px solid #a9bec8;border-radius:6px}.graphhint{font-size:.8rem;line-height:1.6;color:#50687a}.graphstatus{min-height:1.5em;font-size:.85rem}.legend{color:#943e82;font-weight:600}a{color:#176e68}footer{font-size:.86rem;border-top:1px solid #ccdce2;padding-top:25px;line-height:1.8;color:#546c7b}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c47813;outline-offset:3px}@media(max-width:600px){main{padding:28px 15px}.card{padding:18px}.summary{display:block}.toolbar{display:block}.toolbar label{display:block;margin:14px 0}header nav{gap:16px;font-size:.9rem}}@media print{body{background:white;font-size:11pt}header,.toolbar,.actions,.instructions,#storageNote,.review,.graphcontrols,.graphstatus,footer{display:none}main{padding:0;max-width:none}h1{font-size:22pt}.intro{font-size:11pt}.card{box-shadow:none;break-inside:avoid;padding:12px;margin:12px 0}.card h3{font-size:11pt}.graphbox{max-width:310px}.lessonhead{background:white;padding:10px}.summary{margin:0}textarea{min-height:65px}details:not([open]){display:none}details[open] summary{display:none}.note{font-size:9pt}}