.subject-hero{display:flex;gap:25px;align-items:center;justify-content:space-between;border:1px solid #dce5d4;border-radius:16px;padding:30px;margin-bottom:23px}.subject-hero h2{font-size:29px;line-height:1.45;color:#243e30}.subject-hero>div>p{font-size:14px;color:#62755c}.subject-meta{display:flex;flex-wrap:wrap;gap:13px;font-size:12px;color:#75816e;margin-top:20px}.subject-meta span{display:flex;align-items:center;gap:6px}.subject-meta svg{width:14px;height:14px}.subject-offer{width:265px;min-width:220px;flex-shrink:0;background:#ffffffc2;padding:22px;border-radius:12px;border:1px solid #ffffff}.subject-offer strong{font:800 26px var(--heading);color:var(--green);display:block;margin:17px 0 0}.subject-offer strong small{display:block;font:400 12px var(--font);color:var(--muted);margin-top:4px}.subject-offer p{font-size:12px;color:#7b8475;line-height:1.7}.subject-offer .btn{font-size:13px}.workspace-tabs{display:flex;gap:18px;overflow-x:auto;border-bottom:1px solid var(--line);margin:25px 0;white-space:nowrap}.workspace-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:13px 3px;color:#8a9383;font-weight:500;font-size:14px}.workspace-tabs button.active{color:var(--green);border-color:var(--green);font-weight:700}.workspace-tabs button span{margin-left:7px;background:#edf2e6;color:#7d906b;padding:2px 5px;border-radius:4px;font-size:11px}.editorial-note{display:flex;gap:10px;align-items:flex-start;border:1px solid #e9e3cb;background:#fcf8ed;color:#8b7b51;border-radius:10px;padding:15px 18px;margin:20px 0}.editorial-note svg{width:18px;height:18px;margin-top:3px}.editorial-note p{font-size:13px;line-height:1.8;margin:0}.learning-content{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:23px}.unit-list{display:grid;gap:13px}.unit-card{padding:19px;display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:12px;background:#fff}.unit-index{font:700 19px var(--heading);color:#a1b487;align-self:flex-start;width:35px;flex-shrink:0}.unit-copy{flex:1;min-width:0}.unit-copy .eyebrow{font-size:10px;letter-spacing:.6px}.unit-copy h3{font-size:15px;margin:4px 0}.unit-copy p{font-size:13px;color:var(--muted);margin:7px 0 10px}.unit-card .btn{white-space:nowrap}.support-item{display:flex;gap:9px;font-size:13px;line-height:1.8;color:#718367;margin:15px 0}.support-item svg{width:15px;height:15px;flex-shrink:0;margin-top:4px}.document-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.document-card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:21px;display:flex;flex-direction:column;transition:box-shadow .2s,border-color .2s}.document-card:hover{box-shadow:0 6px 20px #26452209;border-color:#c6d6b9}.document-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.document-card .eyebrow{font-size:10px;margin-bottom:7px}.document-card h3{font-size:16px;line-height:1.55}.document-card p{font-size:13px;color:var(--muted);line-height:1.75;margin:9px 0 20px;flex:1}.document-bottom{display:flex;gap:12px;justify-content:space-between;align-items:center;padding-top:13px;border-top:1px solid var(--line);flex-wrap:wrap}.document-bottom>span{font-size:11px;color:#99a28f}.document-bottom .text-btn{font-size:12px}.document-editor{min-height:350px!important;font-size:13px!important;line-height:1.85!important;font-family:var(--font)!important}.assessment-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.assessment-link{background:none;border:0;border-bottom:1px solid var(--line);display:flex;gap:10px;align-items:center;padding:16px 0;text-align:left;width:100%;font-size:14px;color:#6d8061}.assessment-link svg{width:17px;height:17px}.reference-strip{margin-top:30px;padding:23px;border:1px solid var(--line);background:#fff;border-radius:12px}.reference-strip h3{font-size:15px;margin-bottom:16px}.reference-strip>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.reference-link{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;font-size:13px;border:1px solid #e6ecdf;border-radius:8px;color:var(--green);background:#fbfcf8;margin-bottom:8px;line-height:1.6}.reference-link:hover{border-color:#b7caa3;background:#f1f6e9}.reference-link svg{width:15px;height:15px;margin-top:3px}.reference-strip .note{font-size:12px;margin-bottom:0}.source-guidance{border-top:1px solid var(--line);padding-top:17px;margin-top:17px;font-size:13px;color:#7a866e;line-height:1.8}.source-guidance b{color:var(--green)}.source-guidance p{margin:9px 0}.preview-divider{margin:22px 0;padding:20px;background:#f2f5ec;border:1px dashed #c5d5b2;border-radius:10px;display:flex;gap:10px;align-items:flex-start;font-size:14px;color:#788b64;line-height:1.8}.preview-divider svg{margin-top:3px;width:19px;height:19px}.checkout-summary{border:1px solid var(--line);border-radius:10px;padding:5px 17px;margin-bottom:20px}.checkout-summary>div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.checkout-summary>div:last-child{border:0}.checkout-summary span{color:var(--muted)}.checkout-summary b{text-align:right;font-size:13px;font-weight:600;max-width:65%}.action-row{display:flex;gap:10px;flex-wrap:wrap}.coding-lock{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;padding:32px}.code-window-example{background:#193629;color:#d9efac;border:1px solid #224632;border-radius:12px;overflow:hidden}.code-window-title{padding:15px;display:flex;gap:6px;border-bottom:1px solid #ffffff16;align-items:center}.code-window-title span{width:7px;height:7px;background:#aacd86;border-radius:50%;opacity:.45}.code-window-title b{font:400 11px var(--font);margin-left:9px;color:#b7c9ae}.code-window-example pre{font:14px/2 Consolas,monospace;padding:25px;white-space:pre-wrap;overflow-wrap:anywhere}.coding-lock-copy h2{font-size:28px;line-height:1.5;margin:18px 0 13px}.coding-lock-copy p{font-size:14px;color:var(--muted);line-height:1.8;margin:0 0 24px}.plan-product-picker{max-width:700px;margin:0 auto 36px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:white;padding:16px 20px;border:1px solid var(--line);border-radius:11px}.plan-product-picker label{font-size:13px;color:var(--muted)}.plan-product-picker select{font:600 14px var(--font);border:1px solid #dce5d4;border-radius:7px;padding:10px 12px;flex:1;min-width:200px;color:var(--green);background:#fafcf7}.plan-product-picker small{font-size:11px;color:var(--muted)}.plan-price{font-size:30px}.subscription-list{max-width:1060px;margin:25px auto}.subscription-row{display:flex;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}.subscription-row:last-child{border:0}.subscription-row>div{margin-right:auto}.subscription-row b{font-size:14px;display:block}.subscription-row small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.sidebar{overflow-y:auto}.document-top .badge svg{width:12px;height:12px}.course-progress .badge{font-size:10px}.course-progress .badge svg{width:11px;height:11px}
.sidebar .nav a{gap:9px}.sidebar .nav a>span:not(.new){white-space:nowrap}.sidebar .nav .new{display:none}.sidebar{scrollbar-width:thin;scrollbar-color:#dfe7d8 #fff}
@media(max-width:1200px){.learning-content{grid-template-columns:1fr}.learning-content>aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.learning-content>aside .panel{margin-top:0!important}.document-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subject-hero{padding:24px}.subject-hero h2{font-size:25px}.subject-offer{width:245px}.coding-lock{gap:25px}.coding-lock-copy h2{font-size:25px}}
@media(max-width:800px){.subject-hero{gap:18px}.subject-hero h2{font-size:24px}.subject-offer{width:225px;min-width:190px;padding:18px}.coding-lock{grid-template-columns:1fr}.coding-lock-copy h2{font-size:27px}.reference-strip>div{grid-template-columns:1fr}.plan-product-picker{margin-bottom:35px}.subject-meta{gap:10px}.plan-price{font-size:34px}}
@media(max-width:600px){.subject-hero{flex-direction:column;align-items:stretch;padding:23px 20px}.subject-hero h2{font-size:25px}.subject-offer{width:100%;min-width:0;padding:19px}.subject-offer strong{font-size:26px}.subject-hero>div>p{font-size:13px}.subject-meta{font-size:11px;display:grid}.subject-offer p{font-size:13px}.workspace-tabs{gap:17px;margin:23px 0}.workspace-tabs button{font-size:13px}.document-grid{grid-template-columns:1fr}.unit-card{padding:17px;flex-wrap:wrap;gap:10px;align-items:flex-start}.unit-index{width:27px;font-size:17px}.unit-copy{flex-basis:calc(100% - 45px)}.unit-card .btn{margin-left:37px}.unit-copy h3{font-size:15px}.unit-copy p{font-size:13px}.learning-content>aside{grid-template-columns:1fr;gap:17px}.assessment-grid{grid-template-columns:1fr}.document-editor{min-height:300px!important}.modal-actions{flex-wrap:wrap}.modal-actions .btn{flex:1;font-size:12px;white-space:nowrap}.reference-strip{padding:18px}.reference-strip h3{font-size:14px}.editorial-note{padding:15px}.editorial-note p{font-size:12px}.coding-lock{padding:22px;gap:18px}.code-window-example pre{font-size:12px;padding:18px}.code-window-title{padding:11px}.coding-lock-copy h2{font-size:25px}.coding-lock-copy p{font-size:13px}.plan-product-picker{padding:15px;gap:9px}.plan-product-picker select{min-width:0;width:100%;flex-basis:100%}.subscription-row{flex-wrap:wrap;gap:10px}.subscription-row>div{flex-basis:100%}.checkout-summary>div{gap:13px;font-size:12px}.checkout-summary b{font-size:12px}.subject-hero .eyebrow{font-size:10px}.learning-content .section-title{flex-wrap:wrap}}