:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#363636;background:#f5f5f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,.import{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,.import:focus-within{outline:3px solid #a2a2a2;outline-offset:3px}aside{position:fixed;inset:0 auto 0 0;width:280px;background:#333333;color:#e3e3e3;padding:30px 20px;overflow:auto;display:flex;flex-direction:column}.brand{display:flex;gap:12px;font-size:34px;color:white;text-decoration:none;padding:0 12px 34px}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:5px}.path-label{font-size:10px;letter-spacing:1.8px;color:#adadad;padding:0 12px;margin-bottom:22px}details{margin-bottom:18px}summary{cursor:pointer;font-size:12px;color:#bcbcbc;letter-spacing:.5px;padding:10px 8px}nav button{display:block;width:100%;background:none;color:#dddddd;border:0;text-align:left;padding:12px;border-radius:7px;font-size:13px;margin:3px 0}nav button.active{background:#505050;color:white}nav .topic{padding-left:26px;color:#c2c2c2;font-size:12px}nav .topic.active{background:#454545}nav .upcoming{opacity:.6}.badge{float:right;color:#d2d2d2}.sidebar-bottom{margin-top:auto;padding:24px 10px 0;font-size:12px;line-height:1.8}.sidebar-bottom button,.import{background:transparent;color:#d5d5d5;border:1px solid #696969;border-radius:5px;padding:6px 9px;display:inline-block;font-size:11px;margin-top:12px}.import{margin-left:5px}main{margin-left:280px}header{height:80px;border-bottom:1px solid #e4e4e4;display:flex;align-items:center;justify-content:space-between;padding:0 48px;font-size:10px;letter-spacing:1.5px;color:#828282}.local{letter-spacing:0;color:#797979}#menu{display:none}#content{max-width:1100px;margin:auto;padding:42px 48px 80px}.eyebrow{font-size:11px;letter-spacing:1.8px;color:#7e7e7e;text-transform:uppercase}h1{font:normal 42px Georgia,serif;letter-spacing:-1px;margin:14px 0}h2{font:normal 27px Georgia,serif;margin:24px 0 15px}h3{font-size:17px}p,li{line-height:1.8;color:#656565;font-size:15px}.lead{max-width:650px;font-size:16px}.hero{display:flex;align-items:center;gap:30px}.hero-art{flex:0 0 200px;width:200px;height:160px}.stats{display:flex;gap:30px;margin:28px 0;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;padding:18px 0;font-size:12px;color:#777777}.stats strong{color:#363636;font-size:19px;margin-right:6px}.primary{background:#4c4c4c;color:white;border:0;padding:13px 20px;border-radius:6px}.secondary{background:white;color:#4b4b4b;border:1px solid #dedede;padding:12px 18px;border-radius:6px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card{background:#fff;border:1px solid #e3e3e3;border-radius:10px;padding:22px;text-align:left}.card .num{color:#8d8d8d;font-size:11px;letter-spacing:1px}.card h3{margin:13px 0 7px}.card p{font-size:13px;margin:0}.card .foot{margin-top:20px;font-size:11px;color:#696969;display:flex;justify-content:space-between}.tabs{display:flex;gap:22px;border-bottom:1px solid #dedede;margin:28px 0}.tabs button{background:none;border:0;padding:13px 0;color:#838383}.tabs button.selected{border-bottom:2px solid #535353;color:#535353}.paper{background:#fff;padding:32px 40px;border:1px solid #e3e3e3;border-radius:10px;max-width:800px}.paper h2:first-child{margin-top:0}.callout{background:#f1f1f1;border-left:3px solid #8e8e8e;padding:16px 20px;margin:22px 0;line-height:1.8;font-size:14px}.formula{font:24px Georgia,serif;text-align:center;background:#f5f5f5;padding:24px;border-radius:8px;margin:20px 0}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.option{display:block;border:1px solid #e1e1e1;background:#fff;border-radius:7px;padding:14px;margin:10px 0;cursor:pointer}.option:has(input:checked){background:#f1f1f1;border-color:#898989}.option input{margin-right:10px}.feedback{padding:16px;border-radius:7px;background:#f2f2f2;margin-top:18px;line-height:1.7}.feedback.wrong{background:#f2f2f2}.quiet{font-size:12px;color:#848484}.progress{height:5px;background:#e3e3e3;border-radius:5px;margin:13px 0}.progress div{height:100%;background:#909090;border-radius:5px}.lab{background:#f6f6f6;border:1px solid #e1e1e1;padding:24px;border-radius:8px;margin-top:22px}.lab label{display:block;margin:15px 0;font-size:13px}.lab input{width:100%;accent-color:#535353}.readout{font-size:27px;color:#535353}.exam-choice{margin:12px 0}.toast{position:fixed;bottom:24px;right:24px;background:#333333;color:white;padding:16px;border-radius:8px;z-index:10}svg{max-width:100%}#navigation button:hover,.primary:hover{filter:brightness(1.12)}.card:hover{border-color:#a7a7a7}footer{margin-top:30px;font-size:11px;color:#848484}.score{font:52px Georgia,serif;color:#535353}.question-nav{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:25px}
@media(max-width:900px){aside{width:235px}main{margin-left:235px}#content{padding:30px 24px}header{padding:0 24px}.hero-art{display:none}.grid{grid-template-columns:1fr}.paper{padding:25px}.stats{gap:15px;flex-wrap:wrap}h1{font-size:34px}}@media(max-width:650px){aside{display:none;z-index:20;width:280px;top:65px}body.nav-open aside{display:flex}main{margin:0}header{height:65px;padding:0 20px;font-size:9px}#menu{display:block;border:0;background:none;font-size:20px}.local{display:none}#content{padding:28px 20px}.paper{padding:22px 18px}h1{font-size:31px}}

nav .subject-group{margin:4px 0 12px}nav .subject-title{font-size:13px;line-height:1.6;color:#dddddd;border-radius:7px;padding:12px 8px}nav .subject-overview{padding-left:25px;font-size:11px}nav .topic-group{margin:3px 0 3px 12px}nav .topic-title{font-size:12px;line-height:1.5;color:#c2c2c2;letter-spacing:0;border-radius:7px;padding:10px 8px}nav .topic-title.active{background:#454545;color:white}nav .topic-section{padding:8px 12px 8px 30px;font-size:11px}nav summary:hover{background:#454545}nav summary:focus-visible{outline:3px solid #a2a2a2;outline-offset:2px}

nav .topic-title{position:relative;padding-left:23px}nav .read-dot{position:absolute;left:5px;top:14px;width:9px;height:9px;border:1.5px solid #c0c0c0;border-radius:50%;background:transparent}nav .read-dot.is-read{background:#d2d2d2;border-color:#d2d2d2}nav .pass-icon{color:#d2d2d2;margin-left:7px;font-size:11px}

nav .read-dot{width:12px;height:12px;left:4px;top:13px;border:2px solid #b4b4b4;background:transparent}nav .read-dot.is-read{background:#70f04b;border-color:#70f04b}nav .subject-title{position:relative;padding-left:23px}nav .subject-title .read-dot{top:16px}nav .pass-icon,nav .badge{color:#d4d4d4}.subject-reading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:16px 0 22px;font-size:13px;color:#707070}.subject-reading button{font-size:12px;padding:9px 13px}

nav .planned-title{padding-left:8px;color:#cecece}nav .planned-label{display:block;margin:4px 0 0 14px;font-size:9px;color:#999;letter-spacing:.4px}nav .planned-topic{font-size:11px;line-height:1.6;padding:8px 10px 8px 25px;color:#b6b6b6}.outline-list{padding-left:22px}.outline-list li{padding:5px 0}.outline-link{border:0;background:transparent;color:#4b4b4b;text-align:left;font-size:14px;line-height:1.7;padding:4px;cursor:pointer}.outline-link:hover{text-decoration:underline}