html, body {
  width: 100% !important;
  min-height: 100% !important;
  height: auto !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  scroll-behavior: smooth !important;
  margin: 0;
  padding: 0;
}

::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #c3c6d5; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #004aad; }

/* Bulletproof Scroll Zoom-In Section Effect */
.scroll-zoom-section {
  opacity: 0.05;
  transform: scale(0.84) translateY(72px);
  transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1), opacity 1s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform, opacity;
  transform-origin: center center;
}

.scroll-zoom-section.is-visible {
  opacity: 1 !important;
  transform: scale(1) translateY(0) !important;
}

@media (prefers-reduced-motion: reduce) {
  .scroll-zoom-section {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

.hero-pagination {
  display: inline-flex !important;
  width: max-content !important;
  max-width: max-content !important;
  flex: 0 0 auto !important;
  margin-right: auto !important;
}

.hero-controls {
  position: relative !important;
  width: 100% !important;
  height: 2.75rem !important;
  box-sizing: border-box !important;
}

.hero-controls .hero-pagination {
  position: absolute !important;
  top: 50% !important;
  left: 1rem !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;
}

.hero-controls > .ml-auto {
  position: absolute !important;
  top: 50% !important;
  right: 1rem !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;
}

@media (min-width: 768px) {
  .hero-controls {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    height: 2.75rem !important;
  }

  .hero-controls .hero-pagination {
    position: static !important;
    transform: none !important;
    align-self: center !important;
    justify-self: start !important;
    margin: 0 0 0 2.5rem !important;
  }

  .hero-controls > .ml-auto {
    position: static !important;
    transform: none !important;
    align-self: center !important;
    margin: 0 1rem 0 0 !important;
    justify-self: end !important;
    width: max-content !important;
  }
}

.hero-pagination .swiper-pagination-bullet {
  width: 0.625rem;
  height: 0.375rem;
  margin: 0 !important;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.4);
  opacity: 1;
  transition: width 0.3s ease, background-color 0.3s ease;
}

.hero-pagination .swiper-pagination-bullet-active {
  width: 1.5rem;
  background: #ffd8e7;
}

.quicklinks-next {
  left: auto !important;
  right: 0 !important;
}

[x-cloak] { display: none !important; }

.teacher-page { --blue: #004aad; --navy: #00357f; --pink: #e891b9; --pale-pink: #fff0f6; --ink: #191c1e; --muted: #626977; --line: #e3e7ed; --surface: #f7f9fb; }
.teacher-page, .teacher-page * { box-sizing: border-box; }
.teacher-page { font-family: 'Kanit', sans-serif; color: var(--ink); background: var(--surface); line-height: 1.65; }
.teacher-page button, .teacher-page input, .teacher-page select { font: inherit; }
.teacher-page button, .teacher-page a, .teacher-page input, .teacher-page select { -webkit-tap-highlight-color: transparent; }
.teacher-page button, .teacher-page select { cursor: pointer; }
.teacher-page a { color: inherit; text-decoration: none; }
.teacher-page button { color: inherit; }
.teacher-page :focus-visible { outline: 3px solid var(--blue); outline-offset: 4px; }
.teacher-page [hidden] { display: none !important; }
.teacher-page .material-symbols-outlined { font-size: 22px; vertical-align: middle; flex-shrink: 0; }
.teacher-page .container { max-width: 1280px; margin-inline: auto; padding-inline: 32px; }
.teacher-page .skip-link { position: fixed; top: -80px; left: 16px; z-index: 20; padding: 12px 20px; background: white; color: var(--blue); }
.teacher-page .skip-link:focus { top: 8px; }
.teacher-page .site-header { background: white; border-bottom: 1px solid var(--line); }
.teacher-page .utility { background: var(--blue); color: white; font-size: 12px; }
.teacher-page .utility-inner { min-height: 32px; display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.teacher-page .utility-contact { display: flex; gap: 24px; }
.teacher-page .utility a { display: inline-flex; gap: 6px; align-items: center; }
.teacher-page .utility .material-symbols-outlined { font-size: 14px; }
.teacher-page .nav-inner { min-height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.teacher-page .brand { display: flex; align-items: center; gap: 12px; min-width: 0; }
.teacher-page .brand img { width: 52px; height: 64px; object-fit: contain; }
.teacher-page .brand-name { color: var(--navy); font-size: 15px; font-weight: 700; line-height: 1.55; }
.teacher-page .brand-name small { display: block; font-size: 10px; font-weight: 400; color: var(--muted); }
.teacher-page .main-nav { display: flex; align-items: stretch; gap: 20px; align-self: stretch; }
.teacher-page .main-nav a { position: relative; display: flex; align-items: center; gap: 4px; font-size: 14px; white-space: nowrap; }
.teacher-page .main-nav a:hover { color: var(--blue); }
.teacher-page .main-nav a[aria-current] { color: var(--blue); font-weight: 700; }
.teacher-page .main-nav a[aria-current]::after { content: ''; position: absolute; bottom: 17px; left: 0; right: 0; height: 3px; background: var(--pink); }
.teacher-page .menu-toggle { display: none; border: 0; background: transparent; width: 44px; height: 44px; align-items: center; justify-content: center; }
.teacher-page .page-heading { background: white; border-bottom: 1px solid var(--line); position: relative; }
.teacher-page .page-heading::after { content: ''; position: absolute; bottom: -1px; left: 0; width: 120px; height: 3px; background: var(--pink); }
.teacher-page .breadcrumbs { display: flex; gap: 8px; align-items: center; color: var(--muted); font-size: 12px; padding-top: 24px; }
.teacher-page .breadcrumbs .material-symbols-outlined { font-size: 16px; }
.teacher-page .breadcrumbs a:hover { color: var(--blue); }
.teacher-page .heading-row { display: flex; align-items: center; justify-content: space-between; padding-block: 25px 32px; gap: 20px; }
.teacher-page .eyebrow { color: var(--blue); font-size: 11px; font-weight: 600; margin: 0 0 5px; }
.teacher-page h1 { font-family: 'Kanit', sans-serif; color: var(--navy); font-size: 34px; line-height: 1.5; margin: 0; font-weight: 700; }
.teacher-page .school-subtitle { color: var(--muted); font-size: 14px; margin: 6px 0 0; }
.teacher-page .heading-emblem { width: 68px; height: 68px; display: grid; place-items: center; color: var(--blue); background: var(--pale-pink); border-radius: 50%; }
.teacher-page .heading-emblem .material-symbols-outlined { font-size: 32px; }
.teacher-page .directory { display: grid; grid-template-columns: 276px minmax(0, 1fr); gap: 36px; align-items: start; padding-block: 36px 64px; }
.teacher-page .directory.executive-history-directory { display: block; }
.teacher-page:has(#executive-grid) .directory { display: block; }
.teacher-page .sidebar { position: sticky; top: 24px; }
.teacher-page .sidebar-title { display: flex; align-items: center; gap: 9px; font-size: 16px; color: var(--navy); margin: 0 0 16px; }
.teacher-page .sidebar-title .material-symbols-outlined { font-size: 21px; }
.teacher-page .group-list { display: flex; flex-direction: column; border-top: 1px solid var(--line); }
.teacher-page .executive-nav { margin-bottom: 24px; }
.teacher-page .group-button { display: flex; align-items: center; text-align: left; width: 100%; gap: 12px; border: 0; border-bottom: 1px solid var(--line); background: transparent; padding: 15px 12px; font-size: 14px; line-height: 1.6; min-height: 60px; position: relative; }
.teacher-page .group-button > .material-symbols-outlined { color: #8993a2; font-size: 21px; }
.teacher-page .group-button .group-name { flex: 1; min-width: 0; }
.teacher-page .group-button .chevron { font-size: 18px; }
.teacher-page .group-button:hover { background: #edf2f8; color: var(--blue); }
.teacher-page .group-button[aria-current] { background: #eaf1fb; color: var(--blue); font-weight: 600; }
.teacher-page .group-button[aria-current]::before { content: ''; position: absolute; inset: 0 auto 0 0; width: 3px; background: var(--pink); }
.teacher-page .group-button[aria-current] .material-symbols-outlined { color: var(--blue); }
.teacher-page .sidebar-note { display: flex; align-items: center; gap: 7px; color: var(--muted); font-size: 11px; margin: 20px 10px 0; }
.teacher-page .sidebar-note .material-symbols-outlined { font-size: 15px; }
.teacher-page .mobile-group { display: none; }
.teacher-page .content { min-width: 0; }
.teacher-page .content-top { display: flex; justify-content: space-between; align-items: start; gap: 20px; padding-bottom: 22px; border-bottom: 1px solid var(--line); margin-bottom: 24px; }
.teacher-page .section-kicker { color: var(--muted); font-size: 12px; margin: 0 0 4px; }
.teacher-page h2 { font-family: 'Kanit', sans-serif; color: var(--navy); font-size: 23px; line-height: 1.6; margin: 0; }
.teacher-page .result-count { color: var(--muted); font-size: 12px; margin: 5px 0 0; }
.teacher-page .search { flex: 0 0 220px; position: relative; margin-top: 7px; }
.teacher-page .search > .material-symbols-outlined { position: absolute; left: 12px; top: 12px; font-size: 20px; color: #8993a2; pointer-events: none; }
.teacher-page .search input { width: 100%; height: 44px; border: 1px solid #d6dce5; border-radius: 6px; padding: 8px 12px 8px 39px; background: white; font-size: 13px; }
.teacher-page .teacher-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px 20px; }
.teacher-page .teacher-group-heading { grid-column: 1 / -1; margin: 20px 0 0; padding: 12px 16px; border-left: 4px solid var(--pink); background: #edf2f8; color: var(--navy); font-size: 17px; font-weight: 600; }
.teacher-page .teacher-card { min-width: 0; background: white; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; animation: teacher-appear .3s ease both; }
.teacher-page .teacher-grid.executive-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 640px; margin-inline: auto; gap: 28px 24px; }
.teacher-page .executive-grid .executive-leader { grid-column: 1 / -1; width: min(100%, 340px); justify-self: center; border-color: var(--pink); }
.teacher-page .teacher-grid:not(.executive-grid) .group-leader { grid-column: 1 / -1; width: min(100%, 340px); justify-self: center; border-color: var(--pink); }
.teacher-page .teacher-grid:not(.executive-grid) .computer-leader { grid-column: 1 / -1; width: min(100%, 340px); justify-self: center; border-color: var(--pink); }
.teacher-page .group-leader .teacher-info { border-top-color: var(--pink); }
.teacher-page .group-leader .teacher-info p { color: var(--blue); font-weight: 600; }
.teacher-page .computer-leader .teacher-info { border-top-color: var(--pink); }
.teacher-page .computer-leader .teacher-info p { color: var(--blue); font-weight: 600; }
.teacher-page .executive-leader .teacher-info { border-top-color: var(--pink); padding-block: 20px; }
.teacher-page .executive-leader .teacher-info h3 { font-size: 18px; }
.teacher-page .executive-leader .teacher-info p { color: var(--blue); font-size: 14px; font-weight: 600; }
.teacher-page .portrait { position: relative; aspect-ratio: 4 / 4.5; overflow: hidden; background: #e9edf0; display: grid; place-items: center; }
.teacher-page .portrait img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top; }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .teacher-page .portrait img { transition: transform 0.3s ease; }
  .teacher-page .portrait:hover img { transform: scale(1.12); }
}
.teacher-page .portrait .fallback-icon { font-size: 72px; color: #9da9b7; }
.teacher-page .role-badge { position: absolute; bottom: 12px; left: 12px; max-width: calc(100% - 24px); background: #702344; color: white; border: 1px solid #702344; padding: 5px 11px; border-radius: 6px; font-size: 12px; font-weight: 700; }
.teacher-page .teacher-info { padding: 17px 12px 19px; text-align: center; border-top: 3px solid #f2d5e3; min-height: 99px; }
.teacher-page .teacher-info h3 { font-size: 14px; line-height: 1.7; font-weight: 600; margin: 0; overflow-wrap: anywhere; color: var(--navy); }
.teacher-page .teacher-info p { font-size: 11px; color: var(--muted); line-height: 1.7; margin: 5px 0 0; }
.teacher-page .empty-state { text-align: center; padding: 64px 20px; color: var(--muted); }
.teacher-page .empty-state .material-symbols-outlined { font-size: 40px; color: #a4afbd; }
.teacher-page .empty-state h3 { color: var(--navy); font-size: 17px; }
.teacher-page .empty-state a { color: var(--blue); text-decoration: underline; font-size: 14px; }
.teacher-page .source-link { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; color: var(--muted); margin-top: 27px; }
.teacher-page .source-link:hover { color: var(--blue); }
.teacher-page .source-link .material-symbols-outlined { font-size: 14px; }
.teacher-page .site-footer { background: var(--navy); color: white; border-top: 4px solid var(--pink); }
.teacher-page .footer-inner { padding-block: 28px; display: flex; justify-content: space-between; gap: 24px; align-items: center; }
.teacher-page .footer-name { font-family: 'Kanit', sans-serif; font-weight: 600; font-size: 17px; margin: 0 0 8px; }
.teacher-page .footer-address { font-size: 12px; color: #d3def0; margin: 0; }
.teacher-page .footer-contact { display: flex; flex-direction: column; gap: 6px; font-size: 12px; }
.teacher-page .footer-contact a { display: flex; align-items: center; gap: 8px; }
.teacher-page .footer-contact .material-symbols-outlined { font-size: 16px; color: #f3bdd7; }
.teacher-page .copyright { border-top: 1px solid #ffffff20; padding-block: 14px; color: #bdcfe8; font-size: 10px; }
@keyframes teacher-appear { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@media (min-width: 1500px) { .teacher-page .container { max-width: 1360px; } }
@media (max-width: 1120px) {
  .teacher-page .main-nav { gap: 13px; }
  .teacher-page .main-nav a { font-size: 12px; }
  .teacher-page .brand-name { font-size: 12px; }
  .teacher-page .brand-name small { font-size: 9px; }
  .teacher-page .directory { grid-template-columns: 242px minmax(0, 1fr); gap: 24px; }
  .teacher-page .content-top { flex-wrap: wrap; gap: 12px; }
  .teacher-page .search { flex-basis: 100%; margin-top: 0; }
  .teacher-page .teacher-grid { gap: 16px 12px; }
}
@media (max-width: 850px) {
  .teacher-page .container { padding-inline: 24px; }
  .teacher-page .menu-toggle { display: flex; }
  .teacher-page .nav-inner { min-height: 80px; flex-wrap: wrap; gap: 0; }
  .teacher-page .brand-name { font-size: 14px; }
  .teacher-page .main-nav { display: none; width: 100%; flex-direction: column; gap: 0; border-top: 1px solid var(--line); padding-block: 8px; }
  .teacher-page .main-nav.is-open { display: flex; }
  .teacher-page .main-nav a { font-size: 14px; padding: 12px 8px; }
  .teacher-page .main-nav a[aria-current]::after { bottom: 6px; right: auto; width: 40px; left: 8px; }
  .teacher-page .directory { grid-template-columns: 216px minmax(0, 1fr); gap: 24px; }
  .teacher-page .teacher-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 14px; }
  .teacher-page .group-button { font-size: 12px; padding-inline: 10px; gap: 9px; }
  .teacher-page h2 { font-size: 21px; }
  .teacher-page .utility-contact a:last-child { display: none; }
}
@media (max-width: 600px) {
  .teacher-page .container { padding-inline: 16px; }
  .teacher-page .utility-inner { min-height: 29px; font-size: 10px; gap: 6px; }
  .teacher-page .brand { gap: 9px; }
  .teacher-page .brand img { width: 40px; height: 52px; }
  .teacher-page .brand-name { font-size: 11px; }
  .teacher-page .brand-name small { font-size: 8px; }
  .teacher-page .nav-inner { min-height: 72px; }
  .teacher-page .breadcrumbs { padding-top: 18px; font-size: 10px; gap: 4px; flex-wrap: wrap; }
  .teacher-page .heading-row { padding-block: 20px 25px; }
  .teacher-page h1 { font-size: 28px; }
  .teacher-page .school-subtitle { font-size: 11px; }
  .teacher-page .heading-emblem { width: 48px; height: 48px; flex-shrink: 0; }
  .teacher-page .heading-emblem .material-symbols-outlined { font-size: 25px; }
  .teacher-page .directory { display: block; padding-block: 24px 40px; }
  .teacher-page .sidebar { position: static; margin-bottom: 24px; }
  .teacher-page .sidebar-title { font-size: 14px; margin-bottom: 10px; }
  .teacher-page .group-list, .teacher-page .sidebar-note { display: none; }
  .teacher-page .mobile-group { display: block; width: 100%; border: 1px solid #d6dce5; border-radius: 6px; background: white; color: var(--blue); font-size: 13px; padding: 12px 32px 12px 12px; min-height: 48px; }
  .teacher-page .content-top { margin-bottom: 20px; padding-bottom: 18px; }
  .teacher-page h2 { font-size: 20px; }
  .teacher-page .section-kicker { font-size: 11px; }
  .teacher-page .teacher-grid { gap: 16px 12px; }
  .teacher-page .teacher-grid.executive-grid { gap: 24px 12px; }
  .teacher-page .executive-grid .executive-leader { width: min(100%, 280px); }
  .teacher-page .teacher-info { padding: 12px 8px 14px; min-height: 104px; }
  .teacher-page .teacher-info h3 { font-size: 12px; }
  .teacher-page .teacher-info p { font-size: 10px; }
  .teacher-page .role-badge { left: 7px; bottom: 7px; padding: 2px 6px; font-size: 9px; max-width: calc(100% - 14px); }
  .teacher-page .footer-inner { flex-direction: column; align-items: start; gap: 18px; }
  .teacher-page .footer-name { font-size: 15px; }
  .teacher-page .footer-address { font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) { .teacher-page *, .teacher-page *::before, .teacher-page *::after { animation: none !important; scroll-behavior: auto !important; } }


    .download-page { --blue:#004aad; --navy:#00357f; --pink:#e891b9; --ink:#202935; --muted:#697586; --line:#e1e6ed; --surface:#f7f9fb; }
    .download-page * {box-sizing:border-box;}
    .download-page-root {scroll-behavior:smooth;}
    .download-page { margin:0; color:var(--ink); background:var(--surface); font-family:'Kanit',sans-serif; line-height:1.6; }
    .download-page main a, .download-page footer a { color:inherit; text-decoration:none; }
    .download-page button, .download-page input, .download-page select {font:inherit;}
    .download-page button, .download-page select {cursor:pointer;}
    .download-page :focus-visible { outline:3px solid #e891b9; outline-offset:3px; }
    .download-page [hidden] { display:none !important; }
    .download-page main .material-symbols-outlined, .download-page footer .material-symbols-outlined { flex-shrink:0; vertical-align:middle; font-size:22px; }
    .download-page .container { width:min(100% - 64px, 1216px); margin-inline:auto; }
    .download-page .skip-link { position:fixed; top:-80px; left:16px; z-index:20; padding:10px 16px; background:white; color:var(--blue); }
    .download-page .skip-link:focus {top:8px;}
    .download-page .utility { background:var(--blue); color:white; font-size:12px; }
    .download-page .utility-inner { min-height:32px; display:flex; justify-content:space-between; align-items:center; gap:16px; }
    .download-page .utility-contact { display:flex; gap:24px; }
    .download-page .utility-contact a, .download-page .footer-contact a { display:inline-flex; align-items:center; gap:6px; }
    .download-page .utility .material-symbols-outlined {font-size:15px;}
    .download-page .site-header { background:white; border-bottom:1px solid var(--line); }
    .download-page .nav-inner { min-height:88px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
    .download-page .brand { display:flex; align-items:center; gap:12px; min-width:0; }
    .download-page .brand img { width:52px; height:64px; object-fit:contain; }
    .download-page .brand-name { color:var(--navy); font-size:15px; font-weight:700; line-height:1.55; }
    .download-page .brand-name small { display:block; font-size:10px; font-weight:400; color:var(--muted); }
    .download-page .main-nav { align-self:stretch; display:flex; align-items:stretch; gap:20px; }
    .download-page .main-nav a { position:relative; display:flex; align-items:center; font-size:14px; white-space:nowrap; }
    .download-page .main-nav a:hover, .download-page .main-nav a[aria-current] {color:var(--blue);}
    .download-page .main-nav a[aria-current] {font-weight:600;}
    .download-page .main-nav a[aria-current]::after { content:''; position:absolute; bottom:17px; left:0; right:0; height:3px; background:var(--pink); }
    .download-page .menu-toggle { display:none; align-items:center; justify-content:center; width:44px; height:44px; border:0; background:transparent; color:var(--navy); }
    .download-page .page-heading { position:relative; background:white; border-bottom:1px solid var(--line); }
    .download-page .page-heading::after { content:''; position:absolute; bottom:-1px; left:0; width:120px; height:3px; background:var(--pink); }
    .download-page .breadcrumbs { display:flex; align-items:center; gap:8px; padding-top:24px; color:var(--muted); font-size:12px; }
    .download-page .breadcrumbs .material-symbols-outlined {font-size:16px;}
    .download-page .breadcrumbs a:hover {color:var(--blue);}
    .download-page .heading-row { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:25px 0 32px; }
    .download-page h1 { margin:0; color:var(--navy); font-size:34px; line-height:1.5; }
    .download-page .subtitle { margin:6px 0 0; color:var(--muted); font-size:14px; }
    .download-page .heading-emblem { width:68px; height:68px; display:grid; place-items:center; background:#fff0f6; color:var(--blue); border-radius:50%; }
    .download-page .heading-emblem .material-symbols-outlined {font-size:32px;}
    .download-page .directory { display:grid; grid-template-columns:276px minmax(0,1fr); align-items:start; gap:36px; padding-block:36px 64px; }
    .download-page .sidebar { position:sticky; top:24px; }
    .download-page .sidebar h2 { display:flex; align-items:center; gap:9px; margin:0 0 16px; color:var(--navy); font-size:16px; }
    .download-page .categories { display:flex; flex-direction:column; border-top:1px solid var(--line); }
    .download-page .category { display:flex; align-items:center; gap:12px; min-height:58px; padding:13px 12px; border:0; border-bottom:1px solid var(--line); background:transparent; text-align:left; color:var(--ink); font-size:14px; }
    .download-page .category .material-symbols-outlined { color:#8993a2; font-size:21px; }
    .download-page .category .category-name {flex:1;}
    .download-page .category .count { color:var(--muted); font-size:12px; }
    .download-page .category:hover {background:#edf2f8;}
    .download-page .category[aria-pressed="true"] { position:relative; background:#eaf1fb; color:var(--blue); font-weight:600; }
    .download-page .category[aria-pressed="true"]::before { content:''; position:absolute; inset:0 auto 0 0; width:3px; background:var(--pink); }
    .download-page .category[aria-pressed="true"] .material-symbols-outlined {color:var(--blue);}
    .download-page .mobile-category {display:none;}
    .download-page .content {min-width:0;}
    .download-page .content-top { display:flex; justify-content:space-between; align-items:end; gap:20px; padding-bottom:22px; border-bottom:1px solid var(--line); }
    .download-page .kicker { margin:0 0 3px; color:var(--muted); font-size:12px; }
    .download-page .content h2 { margin:0; color:var(--navy); font-size:23px; line-height:1.5; }
    .download-page .result-count { margin:5px 0 0; color:var(--muted); font-size:12px; }
    .download-page .data-status { margin:12px 0 0; color:#8a4c26; font-size:12px; }
    .download-page .search { position:relative; width:min(100%, 270px); flex-shrink:0; }
    .download-page .search .material-symbols-outlined { position:absolute; top:12px; left:12px; color:#8993a2; font-size:20px; pointer-events:none; }
    .download-page .search input { width:100%; height:44px; padding:8px 12px 8px 40px; border:1px solid #d6dce5; border-radius:6px; background:white; font-size:13px; }
    .download-page .document-group {margin-top:27px;}
    .download-page .group-heading { display:flex; align-items:center; gap:10px; margin:0 0 12px; color:var(--navy); font-size:16px; font-weight:600; }
    .download-page .group-heading::before { content:''; width:3px; height:20px; background:var(--pink); }
    .download-page .document-list { margin:0; padding:0; list-style:none; background:white; border:1px solid var(--line); border-radius:6px; overflow:hidden; }
    .download-page .document { display:flex; align-items:center; gap:14px; min-height:76px; padding:15px 18px; }
    .download-page .document + .document { border-top:1px solid var(--line); }
    .download-page .file-icon { width:42px; height:42px; display:grid; place-items:center; background:#fff0f6; color:#b54c78; border-radius:6px; }
    .download-page .document-info { flex:1; min-width:0; }
    .download-page .document-name { display:block; font-size:14px; font-weight:500; overflow-wrap:anywhere; }
    .download-page .file-type { display:block; margin-top:2px; color:var(--muted); font-size:11px; }
    .download-page .document-link { display:inline-flex; align-items:center; justify-content:center; gap:5px; min-height:40px; padding:7px 12px; border:1px solid #dbe4f1; border-radius:5px; color:var(--blue); font-size:13px; font-weight:500; white-space:nowrap; }
    .download-page .document-link:hover { background:var(--blue); border-color:var(--blue); color:white; }
    .download-page .document-link .material-symbols-outlined {font-size:19px;}
    .download-page .unavailable { color:var(--muted); font-size:12px; white-space:nowrap; }
    .download-page .empty { padding:55px 20px; text-align:center; color:var(--muted); }
    .download-page .empty .material-symbols-outlined { font-size:36px; color:#a0aab7; }
    .download-page .empty h3 { margin:8px 0 2px; color:var(--navy); font-size:17px; }
    .download-page .empty p { margin:0; font-size:13px; }
    .download-page .site-footer { background:#00357f; color:white; }
    .download-page .footer-inner { display:flex; justify-content:space-between; gap:24px; padding-block:30px; }
    .download-page .footer-name { margin:0 0 4px; font-weight:600; }
    .download-page .footer-address, .download-page .footer-contact { margin:0; color:#d5e0f3; font-size:13px; }
    .download-page .footer-contact { display:flex; flex-direction:column; gap:6px; }
    .download-page .footer-contact .material-symbols-outlined {font-size:17px;}
    .download-page .copyright { padding-block:14px; border-top:1px solid #ffffff30; color:#c7d7ed; font-size:11px; }
    @media (max-width:1100px) {
      .download-page .menu-toggle {display:flex;}
      .download-page .nav-inner {position:relative;}
      .download-page .main-nav { display:none; position:absolute; z-index:10; top:100%; left:-32px; right:-32px; padding:8px 32px 16px; background:white; border-bottom:1px solid var(--line); box-shadow:0 10px 20px #17325912; }
      .download-page .main-nav.is-open { display:flex; flex-direction:column; gap:0; }
      .download-page .main-nav a {min-height:42px;}
      .download-page .main-nav a[aria-current]::after { bottom:4px; right:auto; width:36px; }
    }
    @media (max-width:700px) {
      .download-page .container { width:calc(100% - 32px); }
      .download-page .utility-contact a:last-child {display:none;}
      .download-page .nav-inner {min-height:76px;}
      .download-page .brand img { width:44px; height:54px; }
      .download-page .brand-name {font-size:13px;}
      .download-page .brand-name small {font-size:9px;}
      .download-page .main-nav { left:-16px; right:-16px; padding-inline:16px; }
      .download-page .breadcrumbs {padding-top:18px;}
      .download-page .heading-row { padding:20px 0 25px; }
      .download-page h1 {font-size:26px;}
      .download-page .heading-emblem { width:54px; height:54px; }
      .download-page .heading-emblem .material-symbols-outlined {font-size:27px;}
      .download-page .directory { display:block; padding-block:26px 48px; }
      .download-page .sidebar { position:static; margin-bottom:26px; }
      .download-page .sidebar h2 {margin-bottom:10px;}
      .download-page .categories {display:none;}
      .download-page .mobile-category { display:block; width:100%; height:46px; padding:0 12px; border:1px solid #d6dce5; border-radius:6px; background:white; color:var(--ink); }
      .download-page .content-top {display:block;}
      .download-page .search { display:block; width:100%; margin-top:16px; }
      .download-page .document { gap:10px; padding:13px 12px; }
      .download-page .file-icon { width:36px; height:36px; }
      .download-page .document-name {font-size:13px;}
      .download-page .document-link { width:40px; padding:0; }
      .download-page .document-link .link-label { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
      .download-page .unavailable {font-size:11px;}
      .download-page .footer-inner {flex-direction:column;}
    }
    @media (prefers-reduced-motion:reduce) { .download-page-root {scroll-behavior:auto;} }

.contact-page { --contact-blue:#004aad; --contact-navy:#00357f; --contact-pink:#e891b9; --contact-line:#e1e6ed; --contact-muted:#677383; background:#f7f9fb; color:#202935; font-family:'Kanit',sans-serif; line-height:1.6; }
.contact-page * {box-sizing:border-box;}
.contact-page [hidden] { display:none !important; }
.contact-page :focus-visible { outline:3px solid #e891b9; outline-offset:3px; }
.contact-page .material-symbols-outlined { vertical-align:middle; flex-shrink:0; }
.contact-page .contact-container { width:min(1216px, calc(100% - 64px)); margin-inline:auto; }
.contact-page .contact-preview-header { background:white; border-bottom:1px solid var(--contact-line); }
.contact-page .contact-utility { background:var(--contact-blue); color:white; font-size:12px; }
.contact-page .contact-utility-inner { min-height:32px; display:flex; justify-content:space-between; align-items:center; gap:16px; }
.contact-page .contact-utility a { color:white; text-decoration:none; }
.contact-page .contact-nav { min-height:88px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.contact-page .contact-brand { display:flex; align-items:center; gap:12px; color:var(--contact-navy); font-weight:700; font-size:15px; text-decoration:none; line-height:1.5; }
.contact-page .contact-brand img { width:52px; height:64px; object-fit:contain; }
.contact-page .contact-brand small { display:block; font-size:10px; font-weight:400; color:var(--contact-muted); }
.contact-page .contact-preview-nav { display:flex; align-items:center; gap:20px; }
.contact-page .contact-preview-nav a { position:relative; color:#303a48; text-decoration:none; font-size:14px; white-space:nowrap; }
.contact-page .contact-preview-nav a[aria-current] { color:var(--contact-blue); font-weight:600; }
.contact-page .contact-preview-nav a[aria-current]::after { content:''; position:absolute; left:0; right:0; bottom:-12px; height:3px; background:var(--contact-pink); }
.contact-page .contact-menu-toggle { display:none; width:44px; height:44px; align-items:center; justify-content:center; border:0; background:transparent; color:var(--contact-navy); cursor:pointer; }
.contact-page .contact-heading { position:relative; background:white; border-bottom:1px solid var(--contact-line); }
.contact-page .contact-heading::after { content:''; position:absolute; left:0; bottom:-1px; width:120px; height:3px; background:var(--contact-pink); }
.contact-page .contact-breadcrumb { display:flex; align-items:center; gap:8px; padding-top:24px; color:var(--contact-muted); font-size:14px; }
.contact-page .contact-breadcrumb a { color:inherit; text-decoration:none; }
.contact-page .contact-breadcrumb .material-symbols-outlined {font-size:16px;}
.contact-page .contact-title-row { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:24px 0 30px; }
.contact-page .contact-title-row h1 { margin:0; color:var(--contact-navy); font-size:34px; line-height:1.45; font-weight:700; }
.contact-page .contact-title-row p { margin:5px 0 0; color:var(--contact-muted); font-size:16px; }
.contact-page .contact-title-icon { display:grid; place-items:center; width:68px; height:68px; border-radius:50%; background:#fff0f6; color:var(--contact-blue); }
.contact-page .contact-title-icon .material-symbols-outlined {font-size:32px;}
.contact-page .contact-main { padding:34px 0 64px; }
.contact-page .contact-overview { display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:0; background:white; border:1px solid var(--contact-line); border-radius:6px; }
.contact-page .contact-detail { display:flex; gap:13px; align-items:flex-start; min-width:0; padding:20px 22px; }
.contact-page .contact-detail + .contact-detail { border-left:1px solid var(--contact-line); }
.contact-page .contact-detail-icon { display:grid; place-items:center; width:40px; height:40px; border-radius:6px; background:#eaf1fb; color:var(--contact-blue); }
.contact-page .contact-detail:nth-child(2) .contact-detail-icon { background:#fff0f6; color:#a1436b; }
.contact-page .contact-detail h2 { margin:0 0 3px; color:var(--contact-navy); font-size:16px; font-weight:600; }
.contact-page .contact-detail p { margin:0; font-size:16px; color:#566273; }
.contact-page .contact-detail a { color:var(--contact-blue); text-decoration:none; overflow-wrap:anywhere; }
.contact-page .contact-layout { display:grid; grid-template-columns:minmax(0, .95fr) minmax(0, 1.05fr); gap:42px; align-items:start; margin-top:42px; }
.contact-page .contact-section-title { display:flex; align-items:center; gap:10px; margin:0; color:var(--contact-navy); font-size:22px; font-weight:600; }
.contact-page .contact-section-title .material-symbols-outlined { color:var(--contact-blue); font-size:23px; }
.contact-page .contact-section-subtitle { margin:4px 0 18px; color:var(--contact-muted); font-size:15px; }
.contact-page .contact-map { display:block; overflow:hidden; border:1px solid var(--contact-line); border-radius:6px; background:white; }
.contact-page .contact-map img { display:block; width:100%; height:auto; }
.contact-page .contact-map-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:12px; }
.contact-page .contact-action { display:inline-flex; align-items:center; gap:6px; min-height:40px; padding:7px 12px; border:1px solid #d5e0ee; border-radius:5px; background:white; color:var(--contact-blue); font-size:15px; text-decoration:none; }
.contact-page .contact-action:hover {background:#eaf1fb;}
.contact-page .contact-action .material-symbols-outlined {font-size:18px;}
.contact-page .travel {margin-top:28px;}
.contact-page .travel h3 { margin:0 0 8px; color:var(--contact-navy); font-size:18px; }
.contact-page .travel ul { list-style:none; margin:0; padding:0; }
.contact-page .travel li { display:flex; gap:10px; align-items:flex-start; padding:10px 0; border-bottom:1px solid var(--contact-line); color:#526071; font-size:16px; }
.contact-page .travel li .material-symbols-outlined { color:#b4537b; font-size:19px; }
.contact-page .directory-search { position:relative; display:block; margin-bottom:16px; }
.contact-page .directory-search .material-symbols-outlined { position:absolute; left:13px; top:12px; color:#8490a0; font-size:20px; pointer-events:none; }
.contact-page .directory-search input { width:100%; height:46px; padding:8px 12px 8px 42px; border:1px solid #d6dce5; border-radius:6px; background:white; font:inherit; font-size:16px; }
.contact-page .directory-status { margin:0 0 10px; color:var(--contact-muted); font-size:14px; }
.contact-page .directory-group { margin:0 0 8px; border:1px solid var(--contact-line); border-radius:6px; background:white; }
.contact-page .directory-group summary { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 16px; cursor:pointer; color:var(--contact-navy); font-size:16px; font-weight:600; list-style:none; }
.contact-page .directory-group summary::-webkit-details-marker {display:none;}
.contact-page .directory-group summary .material-symbols-outlined { color:var(--contact-blue); font-size:20px; transition:transform .2s; }
.contact-page .directory-group[open] summary .material-symbols-outlined {transform:rotate(180deg);}
.contact-page .directory-table { width:100%; border-collapse:collapse; font-size:15px; text-align:left; overflow-wrap:anywhere; }
.contact-page .directory-table th { padding:10px 12px; border-top:1px solid var(--contact-line); background:#f6f8fb; color:#667385; font-size:14px; font-weight:500; }
.contact-page .directory-table td { padding:11px 12px; border-top:1px solid #edf0f4; vertical-align:top; }
.contact-page .directory-table th:first-child, .contact-page .directory-table td:first-child {padding-left:16px;}
.contact-page .directory-table th:last-child, .contact-page .directory-table td:last-child { padding-right:16px; color:var(--contact-blue); font-weight:600; white-space:nowrap; }
.contact-page .directory-empty { padding:28px 12px; color:var(--contact-muted); font-size:15px; text-align:center; }
.contact-page .contact-preview-footer { padding:28px 0; background:#00357f; color:white; font-size:13px; }
.contact-page .contact-preview-footer p { margin:4px 0; }
.contact-page .contact-preview-footer a { color:#d5e0f3; text-decoration:none; }
@media (max-width:1100px) {
  .contact-page .contact-menu-toggle {display:flex;}
  .contact-page .contact-nav {position:relative;}
  .contact-page .contact-preview-nav { display:none; position:absolute; z-index:20; top:100%; left:-32px; right:-32px; padding:10px 32px 18px; background:white; border-bottom:1px solid var(--contact-line); }
  .contact-page .contact-preview-nav.is-open { display:flex; flex-direction:column; align-items:stretch; gap:0; }
  .contact-page .contact-preview-nav a { padding:9px 0; }
  .contact-page .contact-preview-nav a[aria-current]::after { bottom:3px; right:auto; width:36px; }
}
@media (max-width:800px) {
  .contact-page .contact-container { width:calc(100% - 32px); }
  .contact-page .contact-preview-nav { left:-16px; right:-16px; padding-inline:16px; }
  .contact-page .contact-overview {grid-template-columns:1fr;}
  .contact-page .contact-detail + .contact-detail { border-left:0; border-top:1px solid var(--contact-line); }
  .contact-page .contact-detail { padding:15px 16px; }
  .contact-page .contact-layout { grid-template-columns:1fr; gap:36px; margin-top:32px; }
  .contact-page .contact-title-row h1 {font-size:26px;}
  .contact-page .contact-title-icon { width:54px; height:54px; }
  .contact-page .contact-title-icon .material-symbols-outlined {font-size:26px;}
  .contact-page .contact-main { padding:24px 0 48px; }
}
@media (max-width:400px) {
  .contact-page .contact-brand {font-size:13px;}
  .contact-page .contact-brand small {font-size:9px;}
  .contact-page .contact-utility-inner > span {display:none;}
  .contact-page .directory-table {font-size:14px;}
  .contact-page .directory-table th, .contact-page .directory-table td { padding:9px 7px; }
  .contact-page .directory-table th:first-child, .contact-page .directory-table td:first-child {padding-left:10px;}
  .contact-page .directory-table th:last-child, .contact-page .directory-table td:last-child {padding-right:10px;}
}