:root{color-scheme:light;--paper:#faf8f2;--ink:#342d27;--muted:#70665d;--accent:#654535;--line:#dfd8cb;font-family:Arial,"PingFang HK",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}a{color:inherit}a:focus-visible{outline:3px solid #9c562a;outline-offset:5px}header,main,footer{max-width:1200px;margin-inline:auto;padding-inline:clamp(20px,4vw,56px)}header{padding-block:26px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.school-logo{width:min(320px,65vw);height:auto;display:block}.course{font-size:11px;letter-spacing:.14em;line-height:1.8;text-align:right;color:var(--muted)}.intro{padding-block:64px 44px;max-width:780px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}h1{font:normal clamp(44px,6vw,74px)/1.06 Georgia,"Times New Roman",serif;letter-spacing:-.045em;margin:18px 0 22px}h1 em{font-weight:normal;color:#856048} .description{font-size:17px;line-height:1.7;max-width:620px;color:var(--muted)}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-block:20px;border-bottom:1px solid var(--line);margin-bottom:26px}.section-heading h2{font:normal 27px Georgia,serif;margin:0}.section-heading p{color:var(--muted);font-size:12px;margin:0}.grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,275px),1fr));gap:38px 26px}.card a{display:block;text-decoration:none}.cover{aspect-ratio:4/3;background:#e8e0d0;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease}.card a:hover .cover img{transform:scale(1.025)}.card h3{font:normal 24px/1.25 Georgia,serif;margin:17px 0 10px}.card a:hover h3{text-decoration:underline;text-underline-offset:5px}.card-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);gap:12px}.read{color:var(--accent);font-weight:700}.missing{margin-block:52px 20px;padding:25px 0;border-block:1px solid var(--line)}.missing h2{font:normal 22px Georgia,serif;margin-top:0}.missing p{font-size:14px;color:var(--muted);line-height:1.7}.pending{display:flex;gap:10px 30px;flex-wrap:wrap;list-style:none;padding:0;line-height:1.7}.pending li{font-family:Georgia,serif}footer{padding-block:28px 42px;font-size:11px;color:var(--muted);line-height:1.8}.reader{height:100dvh;display:flex;flex-direction:column}.reader header{max-width:none;width:100%;padding:12px 20px;flex-wrap:wrap;background:var(--paper)}.reader h1{font:normal clamp(17px,2vw,23px)/1.3 Georgia,serif;letter-spacing:0;margin:0}.back{font-size:13px;text-decoration:none;padding-block:6px}.back:hover{text-decoration:underline}.reader iframe{border:0;width:100%;flex:1;min-height:0;background:var(--paper)}.reader-note{padding:8px 20px;font-size:12px;line-height:1.5;background:#eee7d8;margin:0;color:#655343}@media(max-width:540px){.course{display:none}.intro{padding-block:40px 28px}.section-heading{align-items:start;flex-direction:column;gap:8px}.grid{gap:30px}.reader header{gap:7px}.reader h1{width:100%}}@media(prefers-reduced-motion:reduce){.cover img{transition:none}}
