.ielts-instructor { max-width: 1160px; margin: auto; padding: 0 40px; color: var(--ic-ink); font: 16px/1.75 Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
.ielts-instructor *, .ielts-instructor *::before, .ielts-instructor *::after { box-sizing: border-box; }
.ielts-instructor a { color: inherit; text-decoration: none; }
.ielts-instructor a:hover { text-decoration: underline; text-underline-offset: 4px; }
.ielts-instructor a:focus-visible, #ielts-instructor-theme:focus-visible { outline: 3px solid var(--ic-accent); outline-offset: 5px; }
.ielts-instructor-breadcrumb { display: flex; gap: 12px; flex-wrap: wrap; font-size: 12px; color: var(--ic-muted); padding: 28px 0 44px; }
.ielts-instructor-hero { display: grid; grid-template-columns: 1.1fr 1fr; gap: 64px; align-items: center; }
.ielts-instructor-eyebrow { font-size: 10px; font-weight: 700; letter-spacing: 1.8px; color: var(--ic-accent); margin: 0 0 18px; }
.ielts-instructor h1 { font: 500 clamp(48px, 5.7vw, 72px)/1.02 Georgia, 'Times New Roman', serif; letter-spacing: -2.6px; margin: 0 0 28px; }
.ielts-instructor h1 span { display: block; font: 500 16px/1.4 Inter, 'Segoe UI', sans-serif; letter-spacing: 0; color: var(--ic-accent); margin-top: 18px; }
.ielts-instructor p { margin: 0 0 18px; }
.ielts-instructor-intro>p:not(.ielts-instructor-eyebrow) { color: var(--ic-muted); max-width: 480px; }
.ielts-instructor-intro .ielts-instructor-lead { font: 500 25px/1.35 Georgia, 'Times New Roman', serif; color: var(--ic-ink) !important; margin-bottom: 18px; }
.ielts-instructor-actions { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; margin-top: 26px; }
.ielts-instructor-text-link { font-size: 12px; font-weight: 600; color: var(--ic-accent) !important; }
.ielts-instructor .ic-primary { color: var(--ic-button); padding: 14px 20px; font-size: 13px; }
.ielts-instructor-portrait { margin: 0; overflow: hidden; border-radius: 120px 120px 8px 8px; background: #efeee6; }
.ielts-instructor-portrait img { display: block; width: 100%; height: auto; }
.ielts-instructor-portrait figcaption { padding: 14px 20px; font-size: 9px; font-weight: 600; letter-spacing: 1.5px; text-align: center; color: #395b49; border-top: 1px solid #dce1d7; }
.ielts-instructor-facts { display: grid; grid-template-columns: repeat(3, 1fr); margin: 55px 0 0; padding: 30px 0; border-top: 1px solid var(--ic-line); border-bottom: 1px solid var(--ic-line); }
.ielts-instructor-facts>div { padding: 0 24px; text-align: center; border-right: 1px solid var(--ic-line); }
.ielts-instructor-facts>div:last-child { border-right: 0; }
.ielts-instructor-facts dt { font: 500 30px/1.2 Georgia, serif; color: var(--ic-accent); }
.ielts-instructor-facts dd { margin: 8px 0 0; font-size: 11px; color: var(--ic-muted); }
.ielts-instructor h2 { font: 500 clamp(30px, 3.2vw, 42px)/1.16 Georgia, serif; letter-spacing: -.8px; margin: 0 0 24px; }
.ielts-instructor h3 { font: 500 24px/1.25 Georgia, serif; margin: 0 0 16px; }
.ielts-instructor-background { display: grid; grid-template-columns: 1.3fr 1fr; gap: 95px; padding: 75px 0; scroll-margin-top: 90px; }
.ielts-instructor-background p:not(.ielts-instructor-eyebrow), .ielts-instructor-learning p, .ielts-instructor-invitation p:not(.ielts-instructor-eyebrow) { color: var(--ic-muted); font-size: 14px; }
.ielts-instructor-note { background: var(--ic-tint); padding: 34px; border-radius: 8px; align-self: start; }
.ielts-instructor-learning { border-top: 1px solid var(--ic-line); padding: 65px 0; }
.ielts-instructor-learning-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; margin-top: 38px; }
.ielts-instructor-learning-grid article { border-top: 2px solid var(--ic-accent); padding-top: 22px; }
.ielts-instructor-learning-grid article>span { font-size: 9px; font-weight: 700; letter-spacing: 1.2px; color: var(--ic-muted); }
.ielts-instructor-learning-grid h3 { margin-top: 18px; }
.ielts-instructor-learning-grid a { font-size: 12px; font-weight: 600; color: var(--ic-accent); }
.ielts-instructor-invitation { display: flex; align-items: center; gap: 40px; justify-content: space-between; background: var(--ic-tint); border-radius: 8px; padding: 42px; }
.ielts-instructor-invitation p:last-child { margin-bottom: 0; max-width: 550px; }
.ielts-instructor-invitation>a { flex-shrink: 0; }
.ielts-instructor-footer { display: flex; justify-content: space-between; gap: 20px; padding: 35px 0; font-size: 10px; color: var(--ic-muted); }
#ielts-instructor-theme { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid var(--ic-line); border-radius: 50%; background: var(--ic-card); color: var(--ic-ink); cursor: pointer; }
#ielts-instructor-theme svg { width: 18px; height: 18px; }
@media (max-width: 800px) {
  .ielts-instructor { padding: 0 24px; }
  .ielts-instructor-hero { gap: 30px; }
  .ielts-instructor-background { gap: 35px; }
  .ielts-instructor-learning-grid { gap: 22px; }
  .ielts-instructor-invitation { display: block; padding: 30px; }
  .ielts-instructor-invitation>a { margin-top: 24px; }
}
@media (max-width: 600px) {
  .ielts-instructor { padding: 0 20px; }
  .ielts-instructor-breadcrumb { padding-bottom: 30px; font-size: 10px; }
  .ielts-instructor-hero, .ielts-instructor-background, .ielts-instructor-learning-grid { grid-template-columns: 1fr; }
  .ielts-instructor-hero { gap: 35px; }
  .ielts-instructor-portrait { width: min(100%, 370px); justify-self: center; border-radius: 90px 90px 8px 8px; }
  .ielts-instructor h1 { font-size: 58px; }
  .ielts-instructor-intro>p:not(.ielts-instructor-eyebrow) { font-size: 15px; }
  .ielts-instructor-facts { margin-top: 36px; padding: 24px 0; gap: 8px; }
  .ielts-instructor-facts>div { padding: 0 5px; }
  .ielts-instructor-facts dt { font-size: 23px; }
  .ielts-instructor-facts dd { font-size: 10px; }
  .ielts-instructor-background, .ielts-instructor-learning { padding: 45px 0; }
  .ielts-instructor-learning-grid { gap: 30px; margin-top: 28px; }
  .ielts-instructor-footer { flex-direction: column; gap: 8px; }
  .ic-topbar-actions>a { max-width: 115px; line-height: 1.4; }
}