:root{font-family:Arial,Helvetica,sans-serif;color:#493b3c;background:#f8f2eb;line-height:1.55}*{box-sizing:border-box}body{margin:0}a{color:#80515f}header{background:#fffcf8;border-bottom:1px solid #e6d8d1}.wrap{max-width:1040px;margin:auto;padding:0 24px}.brand{display:flex;justify-content:space-between;align-items:center;padding-top:25px;padding-bottom:22px}.brand a{text-decoration:none;font-weight:700;font-size:25px;letter-spacing:-.7px;color:#493b3c}.brand span{font-size:14px;color:#78696a}nav{display:flex;gap:5px;overflow-x:auto}nav a{padding:12px 18px;text-decoration:none;white-space:nowrap;color:#786267;border-bottom:3px solid transparent}nav a[aria-current=page]{color:#80515f;border-color:#80515f;font-weight:bold}main{padding-top:40px!important;padding-bottom:50px!important}h1{font-size:36px;letter-spacing:-1px;line-height:1.2;margin:8px 0 14px}h2{font-size:21px;margin:0 0 12px}p{margin:0 0 18px}.eyebrow{font-size:13px;letter-spacing:1.4px;text-transform:uppercase;color:#78696a}.intro{max-width:640px;margin-bottom:30px}.columns{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.panel{background:#fffcf8;border:1px solid #e6d8d1;padding:28px;border-radius:5px}.notice{background:#f3e2dc;border-left:3px solid #b77f86;padding:13px 16px;font-size:14px;margin-bottom:20px}.field{margin:16px 0}label{display:block;font-size:14px;font-weight:bold;margin-bottom:6px}input{width:100%;padding:12px;border:1px solid #cbb6b4;border-radius:3px;font:inherit}input:disabled{background:#f1e9e3;color:#78696a}.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}button{background:#80515f;border:0;color:white;padding:12px 20px;font:inherit;border-radius:3px;cursor:pointer}button:disabled{background:#ead8d7;color:#786569;cursor:not-allowed}fieldset{border:0;padding:0;margin:0}ul{padding-left:20px}li{margin-bottom:10px}.goal{font-size:42px;font-weight:bold;color:#80515f;line-height:1.2;margin:15px 0 5px}.muted{color:#78696a;font-size:14px}footer{border-top:1px solid #e6d8d1;padding:24px 0;background:#fffcf8}footer .wrap{display:flex;justify-content:space-between;gap:15px;font-size:13px}.login{max-width:440px;margin:auto}.error{color:#a44450;margin-top:16px}.bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;border-bottom:1px solid #e6d8d1;padding:12px}.table-scroll{overflow-x:auto}:focus-visible{outline:3px solid #a96d7d;outline-offset:3px}@media(max-width:650px){.wrap{padding:0 18px}.brand{align-items:start;gap:10px}.brand span{text-align:right;max-width:150px}.columns,.row{grid-template-columns:1fr}.panel{padding:22px}h1{font-size:30px}nav a{padding:12px 14px}footer .wrap{flex-direction:column}.bar{align-items:start}}

header{background:#f3e3dd}.brand a{color:#644750}nav a[aria-current=page]{background:#f7ece7;border-radius:8px 8px 0 0}.panel{border-radius:12px;box-shadow:0 3px 12px #62454b08}aside.panel{background:#f2e6e0}.goal{color:#80515f}input{background:#fffdfa;border-radius:6px}button{border-radius:7px}button:hover:not(:disabled){background:#6e4350}footer{background:#f3e3dd}.notice{border-radius:5px}.eyebrow{color:#8a6470}

/* Classroom details */
body{background-color:#f8f2eb;background-image:radial-gradient(#d6c0b540 .7px,transparent .7px);background-size:9px 9px}
header{border-bottom:1px solid #dbc6c2;background:#f2e2dd}.brand{padding-top:24px;padding-bottom:24px}.brand a{display:flex;align-items:center;gap:12px;font-size:27px;font-family:Georgia,serif;font-weight:700;letter-spacing:-.7px}.brand .brand-icon{display:grid;place-items:center;width:45px;height:45px;background:#fff8ec;border:1px solid #d9bdb6;border-radius:12px;font:32px Georgia;color:#8b5b68;transform:rotate(-5deg);box-shadow:3px 3px 0 #dbc3bc}.brand>span{line-height:1.6;color:#765c60}nav{gap:7px;padding-bottom:0!important}nav a{display:flex;align-items:center;gap:8px;padding:13px 17px;border-radius:10px 10px 0 0;background:#f8eee85c}nav a:hover{background:#fff9f1}nav a[aria-current=page]{background:#fffaf2;border-color:#a16c7c}.subject-icon{font-size:20px;line-height:1;color:#9d7180}main{padding-top:36px!important}.intro{position:relative;padding:4px 0 3px 18px;border-left:4px solid #d7a8ad;max-width:680px;margin-bottom:32px}h1{font-family:Georgia,serif;font-size:37px;letter-spacing:-.9px;color:#59434a}h2{color:#654b53}.eyebrow{font-size:11px;letter-spacing:1.2px;font-weight:bold;color:#8d606f;margin-bottom:12px}.columns{gap:30px}.panel{border:1px solid #e4d4cb;border-radius:14px;background:#fffcf6;box-shadow:0 4px 0 #e9ddd36b,0 9px 24px #72545b08;padding:30px}.formcard h2{margin-bottom:22px}.field{margin:20px 0}label{font-size:13px;color:#695359}input{background:#fffdf9;border:1px solid #d4beb9;padding:13px}input:focus{outline:2px solid #d3a5b0;outline-offset:2px}button{background:#895a6b;box-shadow:0 2px 0 #654251}aside.reading-note{position:relative;overflow:visible;background:repeating-linear-gradient(to bottom,#f5e7df 0px,#f5e7df 30px,#e7d5cb 31px,#f5e7df 32px);padding-top:34px;transform:rotate(1deg)}aside.reading-note:before{content:'';position:absolute;width:88px;height:25px;background:#ddc5a9ad;top:-12px;left:calc(50% - 44px);transform:rotate(-5deg);border-left:1px dashed #bd9f84;border-right:1px dashed #bd9f84}.note-label{display:inline-block;font-size:11px;font-weight:bold;letter-spacing:1px;text-transform:uppercase;color:#8a6270;margin-bottom:18px}.reading-note h2{font-family:Georgia,serif;font-size:24px;max-width:210px;line-height:1.3}.goal{font-size:34px;margin:18px 0 8px}.reading-note ul{padding-left:19px;margin-top:22px}.book-mark{position:relative;display:flex;width:74px;height:52px;margin:3px 0 23px;transform:rotate(-6deg)}.book-mark i{width:37px;height:48px;background:#fffaf1;border:2px solid #a77786;border-radius:5px 0 0 7px;box-shadow:-3px 3px 0 #d0a9ad}.book-mark i+i{border-radius:0 5px 7px 0;box-shadow:3px 3px 0 #d0a9ad}.book-mark i:before{content:'';display:block;height:22px;margin:10px 7px;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 5px,#d0b2ad 6px,transparent 7px)}footer{margin-top:12px;background:#efdfd9;border-top:1px solid #dbc6c2}footer a{text-underline-offset:4px}.construction{display:flex;align-items:center;gap:36px;min-height:250px;background:#fffbf3;margin-top:25px}.construction h2{font-family:Georgia,serif;font-size:28px}.construction p{max-width:420px}.pencil-cup{width:100px;height:140px;position:relative;flex-shrink:0;margin:10px 12px}.pencil-cup i{position:absolute;bottom:40px;width:12px;height:100px;left:25px;background:#c895a2;border-radius:3px;transform:rotate(-13deg)}.pencil-cup i:before{content:'';position:absolute;top:-13px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:13px solid #b49a7e}.pencil-cup i:nth-child(2){left:45px;background:#cab18c;transform:rotate(4deg);height:116px}.pencil-cup i:nth-child(3){left:65px;background:#aaa98e;transform:rotate(15deg);height:95px}.pencil-cup b{position:absolute;bottom:0;left:7px;width:86px;height:76px;border:2px solid #b9968b;border-radius:5px 5px 20px 20px;background:repeating-linear-gradient(90deg,#e9cec5 0,#e9cec5 10px,#e1beb3 11px,#e9cec5 12px);transform:rotate(-4deg);box-shadow:4px 4px 0 #e9ded1}
@media(max-width:650px){.brand a{font-size:24px;gap:9px}.brand .brand-icon{width:36px;height:36px;font-size:26px}.brand>span{font-size:12px}nav a{padding:12px 13px;gap:6px}.subject-icon{font-size:17px}.intro{padding-left:15px}h1{font-size:32px}.panel{padding:25px}.columns{gap:32px}aside.reading-note{transform:none}.construction{gap:20px;min-height:220px}.pencil-cup{transform:scale(.85);width:80px;margin:0}.construction h2{font-size:25px}}@media(max-width:400px){.brand a{font-size:21px}.brand>span{font-size:11px}.construction{flex-direction:column;align-items:flex-start}.pencil-cup{height:130px}.construction{gap:10px}}