/* KNUT semester entry. Course pages keep their own styles and assets. */
:root{--bg:#f4f3ef;--surface:#fffefa;--text:#242927;--muted:#646c68;--line:#ddded6;--accent:#265b50;--soft:#e8efeb}
body{background:var(--bg)}.wrap{max-width:1300px;padding-inline:48px}header{background:var(--bg)}.header-row{height:88px}.brand{letter-spacing:.055em}.mark{border-radius:50%;background:#294f46;color:#fff}.theme{background:transparent;border-color:var(--line)}
.hero{padding:65px 0 52px;display:flex;justify-content:space-between;align-items:flex-end;gap:32px}.hero .eyebrow{color:var(--muted);font-size:11px;letter-spacing:.15em}.hero h1{font-size:clamp(36px,4.6vw,64px);line-height:1.22;letter-spacing:-.055em;margin:0}.hero h1 span{color:var(--text)}.semester-number{font-size:116px;line-height:1;letter-spacing:-.08em;color:#c3cabe;font-weight:300;user-select:none}.section-heading{border-top:1px solid var(--line);padding-top:24px;margin-bottom:24px}.section-heading h2{font-size:16px}.courses{gap:24px}.card{border-radius:8px;background:var(--surface);box-shadow:0 5px 16px #233b3010}.art{height:auto;aspect-ratio:3/2;margin:0;border-radius:0;background:#e8e7e2}.art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.card:hover .art img{transform:scale(1.035)}.card-body{padding:25px 25px 24px}.course-label{font-size:10px;letter-spacing:.1em}.card h3{font-size:26px;margin-top:10px;line-height:1.4}.description{font-size:14px;line-height:1.85;margin-bottom:23px;min-height:52px}.chapter-list a{font-size:13px;padding-block:12px}.enter{border-radius:5px;background:transparent;border:1px solid var(--line);color:var(--text);padding:14px 16px}.enter:hover{background:#294f46;border-color:#294f46;color:white}.tools{border-radius:6px;border-inline:0;margin-top:34px;padding-inline:0}.tools h2{font-size:15px}.tools a{color:var(--text)}footer{background:var(--bg)}
.chapter-list .num{flex:0 0 2.2em;white-space:nowrap}
:root[data-theme=dark]{--bg:#171d1b;--surface:#222a27;--text:#ecf0e9;--muted:#aab6ae;--line:#3c4942;--accent:#abd3c4;--soft:#293d35}:root[data-theme=dark] .semester-number{color:#57695f}:root[data-theme=dark] .art{background:#dfdfd7}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--bg:#171d1b;--surface:#222a27;--text:#ecf0e9;--muted:#aab6ae;--line:#3c4942;--accent:#abd3c4;--soft:#293d35}}
@media(max-width:1050px){.wrap{padding-inline:32px}.courses{gap:16px}.card-body{padding:20px}.card h3{font-size:22px}.semester-number{font-size:94px}}
@media(max-width:950px){.card{grid-template-columns:240px 1fr}.art{height:100%;aspect-ratio:auto}.art img{object-fit:cover}.description{min-height:0}.card h3{font-size:25px}}
@media(max-width:600px){.wrap{padding-inline:22px}.hero{padding:42px 0 34px}.hero h1{font-size:clamp(30px,7.4vw,42px)}.semester-number{display:none}.header-row{height:74px}.card{display:flex}.art{height:auto;aspect-ratio:3/2}.card-body{padding:24px}.card h3{font-size:25px}.description{min-height:0}.section-heading{padding-top:20px}.courses{gap:25px}.tools{margin-bottom:30px}.footer-row{font-size:11px}}
@media(prefers-reduced-motion:reduce){.art img{transition:none}.card:hover .art img{transform:none}}
@media print{.semester-number,.art{display:none}.hero{padding-block:15px}.card{border:1px solid #ccc;box-shadow:none}.hero h1{font-size:32px}}
