@charset "UTF-8";
.main-nav[data-tutoring-category] { gap: 14px; font-size: 13px; min-width: 0; }
.header-row:has(.main-nav[data-tutoring-category]) { gap: 20px; }
[data-tutoring-category] > a[href="/tutoring-main/"] { color: #175f7e; }
[data-tutoring-category] > a[aria-current] { text-decoration: underline; text-underline-offset: 7px; text-decoration-thickness: 2px; }
.tm-main { padding-bottom: 64px; }
.tm-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding-block: 22px; font-size: 12px; color: #61717b; line-height: 1.7; }
.tm-breadcrumb a:hover { text-decoration: underline; }
.tm-breadcrumb [aria-current] { color: #263e50; }
.tm-heading { padding: 20px 0 36px; border-bottom: 1px solid #dce5e7; margin-bottom: 32px; }
.tm-eyebrow { margin: 0 0 8px; color: #24785e; font-size: 13px; font-weight: 700; }
.tm-heading h1 { margin: 0 0 16px; font-size: 36px; color: #203641; }
.tm-heading > p:last-child { margin: 0; color: #586975; font-size: 17px; line-height: 1.8; }
.tm-heading br { display: none; }
.tm-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px 24px; }
.tm-course { display: flex; flex-direction: column; min-width: 0; border: 1px solid #dde5e7; border-radius: 6px; overflow: hidden; background: #fff; }
.tm-course:hover { border-color: #669589; color: inherit; }
.tm-course:focus-visible { outline: 3px solid #24785e; outline-offset: 4px; }
.tm-course img { display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.tm-course-body { display: flex; flex-direction: column; flex: 1; padding: 22px; }
.tm-course h2 { font-size: 21px; color: #263d47; margin: 0 0 12px; }
.tm-course p { margin: 0 0 22px; color: #5d6f79; font-size: 14px; line-height: 1.85; }
.tm-course-more { margin-top: auto; font-size: 13px; font-weight: 700; color: #21664f; }
.tm-image-note { margin: 20px 0 0; font-size: 12px; color: #718087; }
.tm-entry { padding-block: 30px; border-bottom: 1px solid #dce5e7; }
.tm-entry h2 { margin: 0 0 12px; font-size: 23px; }
.tm-entry > p { color: #61717b; font-size: 14px; }
.tm-shortcuts { display: flex; flex-wrap: wrap; gap: 10px 24px; }
.tm-shortcuts a { padding-block: 8px; color: #21664f; font-size: 14px; font-weight: 700; border-bottom: 1px solid #bacfc7; }
@media (max-width: 1100px) {
  .main-nav[data-tutoring-category] { gap: 22px; }
  .tm-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .header-row:has(.main-nav[data-tutoring-category]) { gap: 8px; }
  .main-nav[data-tutoring-category] { font-size: 12px; gap: 20px; }
  .tm-heading { padding: 14px 0 26px; margin-bottom: 24px; }
  .tm-heading h1 { font-size: 29px; }
  .tm-heading > p:last-child { font-size: 15px; }
  .tm-heading br { display: initial; }
  .tm-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .tm-course-body { padding: 20px; }
  .tm-course h2 { font-size: 21px; }
  .tm-breadcrumb { padding-block: 16px; font-size: 11px; }
  .tm-entry h2 { font-size: 21px; }
  .tm-shortcuts { gap: 8px 20px; }
}