:root{--ink:#353c35;--muted:#777c70;--green:#3e5645;--rose:#aa6868;--line:#e5e5dc}*{box-sizing:border-box}body{margin:0;background:#faf9f5;color:var(--ink);font:15px/1.65 system-ui,sans-serif}aside{width:245px;background:#f0f0e8;position:fixed;inset:0 auto 0 0;padding:30px 24px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.brand{font:italic 49px Georgia;text-decoration:none;color:var(--green)}.brand span{font-size:17px;color:var(--rose)}.brandname{font-family:Georgia;font-size:20px}.brandname small{display:block;font:9px system-ui;letter-spacing:2px;margin-top:8px}nav{margin-top:40px;display:grid;gap:8px}button{font:inherit;cursor:pointer;border:0;border-radius:7px;padding:12px 18px;background:var(--green);color:white}button:focus-visible,a:focus-visible{outline:3px solid #b67d58;outline-offset:3px}nav button{text-align:left;background:transparent;color:#677062;padding:13px 10px;font-size:14px}nav button.active{background:#dfe5d9;color:var(--green);font-weight:650}nav button span{display:inline-block;width:28px;font-size:18px}.asidebottom{margin-top:auto;padding-top:30px;font-size:13px;color:var(--muted)}.book{background:#d6b6aa;color:#523d37;box-shadow:4px 5px 0 #d7d3c8;width:105px;height:136px;padding:15px 12px;font:19px Georgia}.book small{font-size:6px}.book hr{border:0;border-top:1px solid #aa8b7f}main{margin-left:245px;padding:0 52px;max-width:1600px}header{height:83px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}header b{font-weight:400;color:#a1a397}.local{border:1px solid #d6dfd2;border-radius:20px;padding:5px 12px;color:var(--green);font-size:11px}.intro{padding:44px 0 25px;position:relative}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--rose);font-weight:650}h1{font:46px/1.14 Georgia;margin:15px 0 18px;letter-spacing:-1px}h1 i{font-weight:400;color:#61735c}.intro p{max-width:560px;color:var(--muted);font-size:14px}.ornament{position:absolute;right:30px;top:60px;color:#b8bca6;font:100px Georgia;transform:rotate(-12deg)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px;align-items:start}.card{border:1px solid var(--line);border-radius:13px;background:white;padding:28px}.card h2{font:27px Georgia;margin:10px 0}.sub{color:var(--muted);font-size:13px}.pill{font-size:10px;color:var(--green);background:#edf0e8;border-radius:20px;padding:5px 10px;display:inline-block}.steps{display:flex;gap:7px;margin:22px 0}.steps span{height:3px;flex:1;background:#e9e9e1}.steps span.done{background:#688068}label{display:block;font-size:13px;font-weight:550;margin:20px 0 8px}input,select,textarea{width:100%;font:14px/1.5 system-ui;color:var(--ink);padding:12px;border:1px solid #dcded5;border-radius:6px;background:#fcfcf9}textarea{min-height:95px;resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid #aab99f;outline-offset:1px}.actions{display:flex;gap:10px;margin-top:24px;align-items:center;flex-wrap:wrap}.secondary{background:#f0f2ea;color:var(--green)}.textbutton{background:transparent;color:var(--muted);padding-left:0}.note{background:#eee9e0;border-radius:12px;padding:27px}.note h2{font:24px/1.35 Georgia}.note p{font-size:13px;color:#72766a}.note small{font-size:10px;color:#8a8a7c}.progress{padding:26px 7px}.progress h3{font:20px Georgia}.progress label{font-size:11px}.progress input,.progress textarea{font-size:12px;padding:9px}.progress textarea{min-height:65px}.progress button{font-size:12px;margin-top:15px}.progress small{display:block;font-size:11px}.resultblock{border-top:1px solid var(--line);padding-top:12px;margin-top:18px}.resultblock h3{font:20px Georgia;margin:10px 0}.resultblock textarea{min-height:115px;background:#fafbf7}.tip{background:#f0f3ec;padding:15px;border-radius:8px;font-size:12px;margin-top:20px}.check{display:flex;gap:8px;align-items:center}.check input{width:auto}footer{margin:35px 0 20px;border-top:1px solid var(--line);padding-top:20px;font-size:11px;color:var(--muted)}footer button{float:right;background:transparent;color:var(--muted);font-size:11px;padding:0}footer p{max-width:800px;font-size:10px;margin-top:20px}#error{color:#9b4444;font-size:12px}@media(min-width:1450px){main{padding:0 75px}.workspace{grid-template-columns:minmax(0,1fr) 330px}}@media(max-width:1000px){aside{width:195px;padding:25px 15px}main{margin-left:195px;padding:0 25px}.workspace{grid-template-columns:1fr}.right{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ornament{display:none}}@media(max-width:650px){aside{position:relative;width:auto;padding:16px 20px;display:block}.brand,.asidebottom{display:none}.brandname{font-size:20px}.brandname small{display:none}nav{margin-top:15px;display:flex;overflow:auto;gap:5px}nav button{white-space:nowrap;font-size:12px;padding:8px}nav button span{width:20px}main{margin:0;padding:0 18px}header{height:58px}header b{display:none}.intro{padding-top:28px}h1{font-size:37px}.right{display:block}.card{padding:22px}.note{margin-top:10px}}@media print{aside,header,.intro,.right,footer,.actions,.steps,.pill{display:none}main{margin:0;padding:0}.workspace{display:block}.card{border:0}textarea{border:0;min-height:140px}body{background:white}}
/* Deep red theme */
:root{--ink:#42232d;--muted:#795d65;--green:#781e38;--rose:#a43c58;--line:#d9b9c4}body{background:#f1e1e6}aside{background:#4c1527;color:#fff1f6;border-color:#742e44}.brand{color:#fff1f6}.brand span{color:#efa3b9}.brandname small{color:#e7bfcb}nav button{color:#efdae2}nav button.active{background:#9b3b58;color:#fff}.asidebottom{color:#e0bcca}.book{background:#ad6379;color:#fff2f6;box-shadow:4px 5px 0 #6c2c41}.book hr{border-color:#e3adbc}header b{color:#8b6874}.local{border-color:#c8a5b3;color:#781e38}h1 i{color:#9a3653}.card{background:#fff9fb}.pill{background:#ead0d9;color:#75233b}.steps span{background:#e7d5db}.steps span.done{background:#9b4661}input,select,textarea{border-color:#cdb0bc;background:#fffdfd}input:focus,textarea:focus,select:focus{outline-color:#ab7189}.secondary{background:#ead5dd;color:#75233b}.note{background:#79213b;color:#fff3f7}.note p{color:#f0d8e1}.note small{color:#dfbac8}.note .eyebrow{color:#f3bfce}.tip{background:#f0dce4}.resultblock textarea{background:#fffafd}.ornament{color:#bc8397}.openBook{display:inline-block;background:#781e38;color:#fff;padding:13px 19px;text-decoration:none;border-radius:8px;font-weight:600;margin:12px 0 20px}.chapter{border-bottom:1px solid #d9b9c4;padding:18px 0}.chapter summary{cursor:pointer;font-weight:600;color:#75233b}.chapter small{display:block;font-size:12px;color:#795d65;margin:6px 0}.chapter p{font-size:14px}.learningCard{padding:22px;background:#ead0d9;border-radius:10px;margin:20px 0 28px}.learningCard h3{font-size:21px;margin-top:14px}.bookArea>h3{margin-top:25px}.quizQuestion{border:1px solid #d9b9c4;border-radius:10px;padding:20px;margin:22px 0;min-width:0}.quizQuestion legend{font-size:16px;font-weight:600;padding:0 5px}.quizChoice{display:block;width:100%;text-align:left;background:#fff;color:#69243a;border:1px solid #cfacb9;margin:9px 0;min-height:46px}.quizChoice.chosen{background:#ead0d9;border-color:#8e3651;font-weight:600}.quizFeedback{padding:15px;background:#ead0d9;color:#5a2133;border-radius:8px;font-size:14px}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b95c7e;outline-offset:4px}@media(max-width:650px){nav{flex-wrap:wrap;overflow:visible}nav button{white-space:normal}}