@font-face { font-family: 'Gmarket Sans'; src: url('./assets/fonts/GmarketSans-Medium.ttf') format('truetype'); font-weight: 400 500; font-display: swap; }
@font-face { font-family: 'Gmarket Sans'; src: url('./assets/fonts/GmarketSans-Bold.ttf') format('truetype'); font-weight: 600 900; font-display: swap; }
.teaching-section { padding: 100px 0 80px; background: #fff; scroll-margin-top: 72px; }
.teaching-eyebrow, .teaching-case-index { color: #15715d; font-size: 12px; font-weight: 700; letter-spacing: 0; }
.teaching-heading h2 { font-size: 46px; line-height: 1.3; margin: 18px 0 22px; letter-spacing: 0; }
.teaching-heading > p:last-child { color: #545d65; font-size: 16px; }
.teaching-case-row { display: grid; grid-template-columns: 1fr 1fr; gap: 66px; padding: 62px 0; border-bottom: 1px solid #dce2e2; align-items: center; }
.teaching-case-copy h3 { font-size: 30px; line-height: 1.4; margin: 18px 0; letter-spacing: 0; }
.teaching-case-copy > p { color: #515b61; font-size: 15px; line-height: 1.95; }
.teaching-points { list-style: none; padding: 0; margin: 22px 0; font-size: 13px; }
.teaching-points li { padding: 7px 0 7px 19px; position: relative; }
.teaching-points li::before { content: ''; position: absolute; left: 0; top: 16px; width: 6px; height: 6px; background: #15876e; }
.teaching-text-link { display: inline-flex; gap: 8px; align-items: center; font-size: 13px; font-weight: 700; padding: 10px 0; border-bottom: 1px solid #223632; }
.teaching-text-link svg { width: 16px; height: 16px; }
.teaching-process > div { border-top: 1px solid #d3ddda; display: grid; grid-template-columns: 34px 1fr 28px; column-gap: 18px; padding: 23px 0; }
.teaching-process span { color: #14816b; font-size: 13px; grid-row: span 2; }
.teaching-process h4 { font-size: 18px; margin: 0; }
.teaching-process p { grid-column: 2; font-size: 12px; margin: 8px 0 0; color: #69736d; }
.teaching-process svg { grid-column: 3; grid-row: 1; color: #de6650; width: 23px; }
.teaching-process small { font-size: 10px; color: #777; display: block; padding-top: 10px; }
.teaching-visual { margin: 0; }
.teaching-visual img { width: 100%; aspect-ratio: 16/9; object-fit: contain; background: #edf2f0; border: 1px solid #d6e0dc; border-radius: 4px; }
.teaching-visual figcaption { font-size: 10px; margin-top: 12px; color: #68746f; }
.teaching-summary { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding-top: 36px; }
.teaching-summary p { font-size: 16px; }
.instructor-page { background: #fff; color: #17231f; }
.instructor-page .site-header { background: rgba(255,255,255,.95); color: #17231f; border-bottom: 1px solid #e2e8e4; }
.instructor-page .nav a, .instructor-page .mobile-menu { color: #17231f; }
.instructor-intro { background: #eaf0ec; padding: 150px 0 80px; }
.instructor-intro h1 { font-size: 52px; line-height: 1.35; margin: 20px 0; letter-spacing: 0; }
.instructor-intro p { font-size: 17px; max-width: 680px; color: #56645d; }
.instructor-intro .btn { margin-top: 24px; }
.instructor-role-strip { display: flex; gap: 32px; flex-wrap: wrap; padding: 24px 0; border-bottom: 1px solid #ccd7d0; font-size: 13px; }
.instructor-role-strip strong { color: #156e57; }
.instructor-case { padding: 80px 0; scroll-margin-top: 72px; }
.instructor-case.alt { background: #f5f7f7; }
.instructor-case h2 { font-size: 36px; line-height: 1.4; margin: 16px 0 24px; letter-spacing: 0; }
.instructor-case .lead { max-width: 760px; font-size: 16px; line-height: 1.9; color: #53635b; }
.instructor-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 58px; margin-top: 40px; }
.instructor-columns h3 { font-size: 19px; margin: 0 0 15px; }
.instructor-columns p { color: #52615a; font-size: 14px; line-height: 1.95; }
.instructor-note { border-left: 3px solid #178b6a; padding: 5px 0 5px 20px; font-size: 12px; color: #6b756e; margin-top: 30px; }
.teaching-wide-image { width: 100%; height: auto; aspect-ratio: 16/9; object-fit: contain; border-radius: 4px; border: 1px solid #d9e3dd; margin-top: 30px; }
.teaching-wide-image[src$="review-distinction.png"] { aspect-ratio: 3/2; }
.resource-row { display: grid; grid-template-columns: 40px 1fr auto; gap: 20px; align-items: center; border-top: 1px solid #dbe2de; padding: 25px 0; }
.resource-row > svg { color: #16866a; }
.resource-row h3 { margin: 0 0 7px; font-size: 17px; }
.resource-row p { margin: 0; font-size: 12px; color: #6b756f; }
.resource-row > a { display: flex; gap: 8px; font-size: 12px; align-items: center; }
.teaching-video { width: 100%; aspect-ratio: 16 / 9; background: #172b24; margin-top: 32px; }
.teaching-video iframe { width: 100%; height: 100%; display: block; border: 0; }
.instructor-contact { background: #172b24; color: #fff; padding: 64px 0; }
.instructor-contact h2 { font-size: 30px; line-height: 1.4; margin: 0 0 20px; }
.instructor-contact p { color: #c6d9cd; font-size: 15px; }
@media (max-width: 800px) {
 .instructor-page .nav { background: #fff; border-bottom: 1px solid #d9e2dc; }
 .teaching-section { padding: 64px 0; }
 .teaching-heading h2 { font-size: 32px; }
 .teaching-heading > p:last-child { font-size: 14px; }
 .desktop-break { display: none; }
 .teaching-case-row { grid-template-columns: 1fr; gap: 28px; padding: 40px 0; }
 .teaching-case-copy h3 { font-size: 26px; }
 .teaching-case-reverse .teaching-visual { order: 2; }
 .teaching-summary { align-items: flex-start; flex-direction: column; }
 .instructor-intro { padding: 112px 0 52px; }
 .instructor-intro h1 { font-size: 34px; }
 .instructor-intro p { font-size: 15px; }
 .instructor-case { padding: 56px 0; }
 .instructor-case h2 { font-size: 28px; }
 .instructor-columns { grid-template-columns: 1fr; gap: 26px; }
 .resource-row { grid-template-columns: 28px 1fr; gap: 14px; }
 .resource-row > a { grid-column: 2; }
 .instructor-contact h2 { font-size: 26px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .instructor-page * { transition: none !important; animation: none !important; } }