.college-shell{--ink:#14233a;--accent:#7a235a;--line:#d8dce5;max-width:1320px;color:var(--ink);background:#faf9f7;min-height:100vh;margin:auto;padding:24px clamp(18px,4vw,54px) 90px;line-height:1.65}.college-shell *{box-sizing:border-box}.college-shell h1,.college-shell h2,.college-shell h3{color:#162343;line-height:1.2}.college-shell h1{font-size:clamp(2rem,4vw,3.5rem)}.college-shell h2{margin-top:1.7em}.college-shell a{color:#682351;text-decoration:underline}.college-shell button{cursor:pointer;color:#662250;font:inherit;background:#fff;border:1px solid #852b66;border-radius:9px;margin:.2rem;padding:.6rem .95rem}.college-shell button:hover,.college-shell button[aria-current=page]{color:#fff;background:#70285a}.college-shell button:focus-visible,.college-shell a:focus-visible,.college-shell textarea:focus-visible,.college-shell input:focus-visible{outline-offset:3px;outline:3px solid #1585ab}.college-shell button:disabled{opacity:.45;cursor:not-allowed}.college-header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding-bottom:16px;display:flex}.college-header nav{flex-wrap:wrap;gap:2px;display:flex}.college-access{flex-wrap:wrap;align-items:center;gap:12px;padding:10px 0;font-size:.85em;display:flex}.college-access button{padding:.1rem .6rem}.college-hero{background:#f0e4eb;border:1px solid #d8b9cd;border-radius:20px;margin:25px 0;padding:clamp(24px,4vw,60px)}.college-hero>span{letter-spacing:.14em;font-size:.8em;font-weight:800}.college-hero>p{max-width:76ch}.college-hero>button,.college-panel>button,.college-assessment>button,.college-lab>button{color:#fff;background:#70285a}.college-stats{flex-wrap:wrap;gap:10px;margin:22px 0;display:flex}.college-stats span{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 13px;font-weight:650}.college-muted{color:#46556c;font-size:.85em}.college-columns{grid-template-columns:1.5fr 1fr;gap:24px;display:grid}.college-columns>section,.college-panel,.college-lesson,.college-sidebar,.college-certificate{border:1px solid var(--line);background:#fff;border-radius:17px;margin-top:20px;padding:clamp(20px,3vw,34px)}.college-classroom{grid-template-columns:270px minmax(0,1fr);align-items:start;gap:20px;display:grid}.college-sidebar{position:sticky;top:12px}.college-sidebar h3{margin-top:20px;font-size:1em}.college-sidebar button{text-align:left;width:100%;margin:5px 0;display:block}.college-lesson{max-width:900px}.college-lesson p{max-width:78ch}.college-lesson pre,.college-output pre{color:#f4f7fa;white-space:pre-wrap;background:#152239;border-radius:12px;padding:18px;overflow:auto}.college-visuals{grid-template-columns:1fr 1fr;gap:16px;display:grid}.college-diagram{background:#f2f7fb;border:1px solid #cdd7e4;border-radius:12px;margin:16px 0;padding:16px}.college-diagram>div{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;min-height:140px;display:flex}.college-diagram span{background:#e5d4e1;border:1px solid #994c7c;border-radius:8px;padding:8px 13px;font-weight:700}.college-diagram span+span:before{content:"→";color:#365073;margin-right:12px}.college-diagram figcaption{margin-top:12px;font-size:.87em}.college-check,.college-assessment,.college-lab{border:1px solid var(--line);background:#f9fafc;border-radius:12px;margin:25px 0;padding:18px}.college-check button{margin-right:8px}.college-assessment fieldset,.college-panel fieldset{border:1px solid var(--line);border-radius:9px;margin:18px 0;padding:14px}.college-assessment legend{padding:0 5px;font-weight:700}.college-assessment label,.college-panel fieldset label{margin:8px 0;display:block}.college-shell input[type=radio],.college-shell input[type=checkbox]{margin-right:8px}.college-shell textarea{width:100%;font:inherit;color:#12243c;background:#fff;border:1px solid #77869c;border-radius:8px;margin:8px 0 15px;padding:12px;line-height:1.5;display:block}.college-shell input:not([type=radio]):not([type=checkbox]){font:inherit;border:1px solid #77869c;border-radius:8px;width:100%;max-width:400px;padding:9px;display:block}.college-output{background:#e9f5f0;border-radius:9px;padding:12px}.college-output p{margin:4px 0}.correct{color:#145f36}.incorrect{color:#8d1738}.college-glossary{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;display:grid}.college-glossary details{border:1px solid var(--line);border-radius:8px;padding:10px}.college-glossary summary{cursor:pointer;font-weight:700}.college-panel progress{width:100%;height:22px}.college-certificate{text-align:center;border:9px double #7a235a;padding:70px 30px}.college-certificate h2{font-size:2.4em}.college-certificate p:last-of-type{max-width:650px;margin:30px auto;font-size:.8em}@media (width<=850px){.college-classroom,.college-columns,.college-visuals{grid-template-columns:1fr}.college-sidebar{position:static}.college-shell{padding:16px}.college-header nav button{font-size:.85em}}@media print{.college-header,.college-access,.college-certificate button{display:none}.college-shell{background:#fff}.college-certificate{break-inside:avoid;margin:20px auto}}