.teaching-intro { max-width:var(--content); margin:0 auto; padding:2.5rem 1.1rem 1.1rem; }
.teaching-intro h1 { max-width:760px; margin:0 0 .55rem; font:500 clamp(2.25rem,4vw,3.2rem)/1.06 var(--serif); letter-spacing:-.04em; }
.teaching-intro > p:not(.eyebrow) { max-width:650px; margin:0; color:var(--muted); font:1rem/1.55 var(--serif); }
.stat-strip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.8rem; max-width:760px; margin-top:1.35rem; }
.stat-card { padding:.9rem 1rem; border:1px solid var(--line); border-top:3px solid var(--teal); background:color-mix(in srgb,var(--paper) 84%,transparent); }
.stat-card:nth-child(2) { border-top-color:var(--violet); }.stat-card:nth-child(3) { border-top-color:var(--amber); }.stat-card strong { display:block; color:var(--ink); font:500 1.8rem/1 var(--serif); }.stat-card span { display:block; margin-top:.3rem; font-size:.72rem; font-weight:700; }.stat-card small { display:block; margin-top:.3rem; color:var(--muted); font-size:.62rem; }
.quick-links { display:flex; flex-wrap:wrap; gap:.4rem; max-width:var(--content); margin:0 auto 1.2rem; padding:0 1.1rem; }.quick-links a { padding:.38rem .6rem; border:1px solid var(--line); border-radius:4px; color:var(--muted); font-size:.68rem; text-decoration:none; }.quick-links a:hover { color:var(--ink); background:var(--paper-deep); }
.teaching-panel { max-width:var(--content); margin:0 auto 1.2rem; padding:1.2rem; border:1px solid var(--line); background:color-mix(in srgb,var(--paper) 86%,transparent); box-shadow:0 .3rem 1.1rem rgba(16,36,58,.05); }.panel-heading { display:flex; align-items:baseline; justify-content:space-between; gap:1rem; padding-bottom:.85rem; border-bottom:1px solid var(--line); }.panel-heading h2 { margin:0; font:500 1.55rem/1.1 var(--serif); letter-spacing:-.025em; }.panel-note { color:var(--muted); font-size:.66rem; }.section-toggle { border:1px solid var(--line); border-radius:4px; color:var(--muted); background:transparent; font-size:.65rem; cursor:pointer; }.section-toggle:hover { color:var(--ink); background:var(--paper-deep); }
.course-toolbar { display:grid; grid-template-columns:minmax(180px,1fr) auto; gap:.8rem; align-items:center; padding:1rem 0; }.course-search input { width:100%; min-height:38px; padding:.5rem .7rem; border:1px solid var(--line); border-radius:4px; color:var(--ink); background:var(--paper); }.filter-group { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.3rem; }.filter-button { padding:.42rem .55rem; border:1px solid var(--line); border-radius:4px; color:var(--muted); background:transparent; font-size:.62rem; cursor:pointer; }.filter-button.active,.filter-button:hover { color:#fff; border-color:var(--teal); background:var(--teal); }
.course-table-wrap { overflow-x:auto; }.course-table { width:100%; border-collapse:collapse; min-width:720px; font-size:.68rem; }.course-table th { padding:.55rem .6rem; color:var(--muted); background:var(--paper-deep); font-size:.61rem; font-weight:700; letter-spacing:.05em; text-align:left; text-transform:uppercase; }.course-table td { padding:.7rem .6rem; border-bottom:1px solid var(--line); vertical-align:top; }.course-table td strong,.course-table td small { display:block; }.course-table td strong { font:500 .82rem var(--serif); }.course-table td small { margin-top:.15rem; color:var(--muted); font-size:.62rem; }.course-table td:nth-child(3) { white-space:nowrap; color:var(--muted); }.level-badge { display:inline-block; padding:.16rem .32rem; border:1px solid currentColor; border-radius:3px; font-size:.58rem; }.level-badge.undergraduate { color:var(--teal); }.level-badge.foundation { color:var(--blue); }.level-badge.advanced { color:var(--violet); }.level-badge.specialized { color:var(--amber); }.empty-state { margin:1rem 0 0; color:var(--muted); font:1rem var(--serif); }
.teaching-grid { display:grid; grid-template-columns:1.35fr .85fr; gap:1.2rem; max-width:var(--content); margin:0 auto; }.teaching-grid .teaching-panel { width:100%; }.innovation-list { display:grid; }.innovation-list article { display:grid; grid-template-columns:70px minmax(0,1fr); gap:.8rem; padding:.85rem 0; border-bottom:1px solid var(--line); }.innovation-list article:last-child { border-bottom:0; }.innovation-list article > span { color:var(--amber); font:500 .76rem var(--serif); }.innovation-list h3 { margin:0; font:500 1rem var(--serif); }.innovation-list p { margin:.25rem 0; color:var(--muted); font-size:.72rem; }.innovation-list small { color:var(--muted); font-size:.61rem; }.distribution-panel > p { color:var(--muted); font:1rem/1.45 var(--serif); }.distribution-list { display:grid; gap:.8rem; margin-top:1.1rem; }.distribution-list > div { display:grid; grid-template-columns:1fr auto; gap:.35rem; align-items:center; font-size:.68rem; }.distribution-list strong { color:var(--amber); font:500 1rem var(--serif); }.distribution-list i { grid-column:1/-1; display:block; height:8px; border-radius:4px; background:var(--paper-deep); overflow:hidden; }.distribution-list b { display:block; height:100%; border-radius:inherit; background:var(--teal); }.distribution-list > div:nth-child(2) b { background:var(--blue); }.distribution-list > div:nth-child(3) b { background:var(--violet); }.distribution-list > div:nth-child(4) b { background:var(--amber); }
.approach-grid,.resource-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.8rem; margin-top:1rem; }.approach-grid article { min-height:145px; padding:.9rem; border:1px solid var(--line); background:var(--paper-deep); }.approach-grid b { color:var(--teal); font-size:.66rem; }.approach-grid h3 { margin:.75rem 0 .35rem; font:500 1rem var(--serif); }.approach-grid p { margin:0; color:var(--muted); font-size:.7rem; }.resource-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.resource-grid a { display:grid; grid-template-columns:28px minmax(0,1fr); gap:.1rem .6rem; padding:.85rem; border:1px solid var(--line); text-decoration:none; }.resource-grid a:hover { background:var(--paper-deep); }.resource-grid a > span { grid-row:span 2; color:var(--amber); font-size:1.2rem; }.resource-grid strong { font:500 1rem var(--serif); }.resource-grid small { color:var(--muted); font-size:.66rem; }
@media(max-width:980px) { .teaching-grid { grid-template-columns:1fr; }.approach-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:860px) { .teaching-intro { padding:2rem .35rem 1rem; }.teaching-intro h1 { font-size:2.35rem; }.stat-strip { grid-template-columns:1fr; max-width:none; }.quick-links { gap:.3rem; padding:0 .35rem; }.teaching-panel { margin-bottom:1rem; padding:1rem; }.course-toolbar { grid-template-columns:1fr; }.filter-group { justify-content:flex-start; }.teaching-grid { display:block; }.teaching-grid .teaching-panel { margin-bottom:1rem; }.approach-grid,.resource-grid { grid-template-columns:1fr; }.innovation-list article { grid-template-columns:58px minmax(0,1fr); }.panel-heading h2 { font-size:1.3rem; } }
@media(prefers-reduced-motion:reduce) { .course-table * { scroll-behavior:auto; } }