/* Teaching sits alongside the research journey, with full student voices. */
body .page[data-route=research]>.research-teaching{box-sizing:border-box;margin-top:60px;padding-top:34px;border-top:1px solid #b7bdc1}
body .page[data-route=research] .research-teaching h2{font:400 32px/1.2 Georgia,serif;letter-spacing:-.02em;margin:0 0 20px;color:#171717}
body .page[data-route=research] .teaching-introduction{max-width:800px;font:400 16px/1.65 Arial,sans-serif;color:#262626;margin:0 0 12px}
body .page[data-route=research] .teaching-award{display:inline-block;color:#315caa;font:600 15px/1.5 Arial,sans-serif;text-underline-offset:4px;margin:0 0 22px}
body .page[data-route=research] .teaching-courses{display:flex;flex-wrap:wrap;gap:8px 28px;list-style:none;padding:0;margin:0 0 30px;font:400 14px/1.6 Arial,sans-serif;color:#262626}
body .page[data-route=research] .teaching-courses span{font-size:11px;letter-spacing:.04em;color:#555;display:block}
body .page[data-route=research] .teaching-testimonials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 32px}
body .page[data-route=research] .teaching-testimonial{margin:0;padding:20px 22px;background:rgba(255,255,255,.48);border-left:2px solid #b8c7d6}
body .page[data-route=research] .teaching-testimonial p{font:400 14px/1.7 Arial,sans-serif;color:#252525;margin:0;white-space:pre-line}
body .page[data-route=research] .teaching-source{font:400 11px/1.5 Arial,sans-serif;color:#555;margin:18px 0 0}
body[data-site-scene=plain] .page[data-route=research]>.research-teaching{width:calc(100% - 120px);max-width:1160px;margin-left:auto;margin-right:auto}
@media(max-width:680px){
 body .page[data-route=research]>.research-teaching{margin-top:40px;padding-top:26px}
 body[data-site-scene=plain] .page[data-route=research]>.research-teaching{width:calc(100% - 48px)}
 body .page[data-route=research] .research-teaching h2{font-size:29px}
 body .page[data-route=research] .teaching-testimonials{grid-template-columns:1fr;gap:20px}
 body .page[data-route=research] .teaching-testimonial{padding:17px 18px}
 body .page[data-route=research] .teaching-testimonial p{font-size:15px;line-height:1.7}
}

body .page[data-route=research] .teaching-introduction{max-width:610px;text-wrap:pretty}
body .page[data-route=research] .teaching-courses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;max-width:840px;margin-bottom:24px}
body .page[data-route=research] .teaching-earlier{max-width:800px;margin:0 0 34px}
body .page[data-route=research] .teaching-earlier h3{font:600 13px/1.4 Arial,sans-serif;margin:0 0 10px}
body .page[data-route=research] .teaching-earlier p{font:400 13px/1.6 Arial,sans-serif;margin:0 0 6px}
.teaching-quote-open,.teaching-quote-close{display:none}
@media(min-width:681px){
 body .page[data-route=research] .teaching-testimonial{position:relative;border-left:0;padding:38px 24px 40px}
 body .page[data-route=research] .teaching-testimonial :is(.teaching-quote-open,.teaching-quote-close){display:block;position:absolute;font:400 70px/1 Georgia,serif;color:#6b8caa;pointer-events:none}
 body .page[data-route=research] .teaching-quote-open{left:12px;top:0;transform:rotate(-8deg)}
 body .page[data-route=research] .teaching-quote-close{right:12px;bottom:-12px;transform:rotate(8deg)}
}
@media(max-width:680px){body .page[data-route=research] .teaching-courses{grid-template-columns:1fr}}
body .page[data-route=research] .teaching-introduction{font:400 16px/1.55 Georgia,serif}
@media(min-width:681px) and (max-width:900px){body .page[data-route=research] .teaching-introduction{font-size:16px}}
@media(max-width:680px){body .page[data-route=research] .teaching-introduction{font-size:16px;line-height:1.65}}

body .page[data-route=research] .teaching-course-panel{background:#f0ecf8;border-radius:14px;padding:24px 26px;margin:0 0 34px;color:#262626;max-width:900px;box-sizing:border-box}
body .page[data-route=research] .teaching-course-panel .teaching-earlier{margin-bottom:0}
body .page[data-route=research] .teaching-course-panel .teaching-courses strong{font-weight:600}
@media(max-width:680px){body .page[data-route=research] .teaching-course-panel{padding:20px 18px;border-radius:12px}}

body .page[data-route=research] .teaching-course-panel{max-width:800px;padding:20px 22px;background:#fff;border:4px solid #e7dff4;border-radius:14px}
body .page[data-route=research] .teaching-course-panel .teaching-courses{gap:14px 24px;margin-bottom:20px}
body .page[data-route=research] .teaching-earlier h3{font-weight:400;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
@media(max-width:680px){body .page[data-route=research] .teaching-course-panel{padding:18px 16px}}

body .page[data-route=research] .teaching-uw-label{font:400 13px/1.4 Arial,sans-serif;margin:0 0 14px;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
@media(min-width:681px){body .page[data-route=research] .teaching-testimonial :is(.teaching-quote-open,.teaching-quote-close){color:#4b2e83}}