:root {
  /* Visual language adapted from the Ming Zhou Lab website. */
  --brand: #6773c5;
  --brand-dark: #424d91;
  --ink: #252934;
  --muted: #666c79;
  --line: rgba(64, 70, 88, .15);
  --paper: #e4e7ed;
  --paper-2: #f7f8fa;
  --surface: #f8f9fb;
  --soft: #f7f8fa;
  --deep: #222938;
  --deep-2: #2d3547;
  --gold: #c5a760;
  --gold-pale: #ead9a7;
  --display: "Iowan Old Style", "Palatino Linotype", Georgia, "Noto Serif SC", "Source Han Serif SC", "Songti SC", SimSun, serif;
  --sans: Aptos, "Helvetica Neue", "Noto Sans SC", "Microsoft YaHei", Arial, sans-serif;
  --shadow: 0 28px 76px rgba(43, 49, 67, .19);
  --max: 1400px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
html, body, .site-header, .search-layer { min-width: 1440px; }
body {
  margin: 0;
  color: var(--ink);
  background:
    radial-gradient(circle at 88% 3%, rgba(123,142,210,.20), transparent 28%),
    radial-gradient(circle at 4% 48%, rgba(103,115,197,.12), transparent 31%),
    linear-gradient(145deg, #dde1e9 0%, #f2f4f7 48%, #d9dee8 100%);
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.65;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
.lang-en { font-family: var(--sans); }
.lang-en .nav-link { padding-right: 8px; padding-left: 8px; font-family: var(--sans); font-size: 14px; letter-spacing: .01em; }
.lang-en .nav-link::after { right: 8px; left: 8px; }
.lang-en .hero h1, .lang-en .about-copy h2, .lang-en .section-title, .lang-en .page-banner h1, .lang-en .content-head h2, .lang-en .side-title, .lang-en .article-title { font-family: var(--display); letter-spacing: -.025em; }
.lang-en .hero h1 { font-size: clamp(50px, 5.8vw, 92px); font-weight: 600; }
.lang-en .section-title { font-size: 43px; font-weight: 600; }
.lang-en .section-title small { font-family: var(--sans); letter-spacing: .12em; }
.lang-en .about-copy h2 { font-size: 36px; }
.lang-en .quick-card h3 { line-height: 1.25; }
.lang-en .quick-card p { letter-spacing: .1em; }
.lang-en .about-directions span { font-size: 13px; letter-spacing: .01em; }
.lang-en .home-presentation-page .news-card .source-language { margin-top: 3px; font-size: 10px; }
.lang-en .committee-row { grid-template-columns: 180px minmax(0,1fr); }
.lang-en .committee-role { line-height: 1.35; }
.lang-en .data-table { min-width: 860px; }
.lang-en .search-panel h2 { font-family: var(--display); }
.lang-en .footer-college strong { font: 600 19px/1.25 var(--display); }
.lang-en .footer-college span { letter-spacing: .035em; }
.not-available { color: var(--muted); font-style: italic; }
.source-language { display: inline-block; margin-top: 6px; color: var(--brand-dark); font-size: 12px; }
.translation-note { margin-top: 30px; padding: 18px 22px; background: var(--soft); border-left: 4px solid var(--brand); }
.translation-note strong { color: var(--brand-dark); }
.translation-note p { margin: 5px 0 0; }
a { color: inherit; text-decoration: none; }
img, video { display: block; max-width: 100%; }
button, input { font: inherit; }
h1, h2, h3, h4, blockquote { text-wrap: balance; }
.container { width: min(var(--max), calc(100% - 64px)); margin: 0 auto; }
.skip-link { position: fixed; z-index: 2000; top: -80px; left: 20px; padding: 10px 16px; color: #fff; background: var(--brand-dark); }
.skip-link:focus { top: 20px; }

/* Header: compact university/college branding, navigation, and utility tools. */
.site-header { position: relative; z-index: 1000; background: rgba(239,242,247,.94); border-bottom: 1px solid rgba(255,255,255,.72); box-shadow: 0 12px 38px rgba(43,49,67,.13); backdrop-filter: blur(18px) saturate(135%); }
.site-header .container { width: min(1600px, calc(100% - 20px)); }
.site-header.home-header { position: absolute; inset: 0 0 auto; color: #fff; background: transparent; border-bottom: 0; box-shadow: none; backdrop-filter: none; }
.site-header.home-header.scrolled { position: fixed; color: var(--ink); background: rgba(239,242,247,.95); box-shadow: 0 16px 48px rgba(43,49,67,.19); backdrop-filter: blur(20px) saturate(140%); animation: headerDown .25s ease; }
@keyframes headerDown { from { transform: translateY(-100%); } to { transform: translateY(0); } }
.header-main { min-height: 80px; display: flex; align-items: center; gap: 30px; }
.branding { flex: 0 0 420px; display: flex; align-items: center; min-width: 0; }
.university-logo-wrap { display: block; flex: 0 0 300px; width: 300px; }
.university-logo { display: block; width: 100%; height: auto; filter: none; }
.university-logo-light { display: none; }
.home-header:not(.scrolled) .university-logo-color { display: none; }
.home-header:not(.scrolled) .university-logo-light { display: block; }
.college-name { display: flex; align-items: center; margin-left: 18px; padding-left: 18px; border-left: 1px solid currentColor; white-space: nowrap; }
.college-brand-lockup { display: block; width: 83px; height: auto; }
.home-header:not(.scrolled) .college-brand-lockup { filter: brightness(0) invert(1); }
.primary-nav { margin-left: auto; padding-left: 18px; align-self: stretch; }
.primary-nav > ul { height: 100%; display: flex; align-items: stretch; justify-content: flex-end; gap: 4px; margin: 0; padding: 0; list-style: none; }
.nav-item { position: relative; display: flex; align-items: center; }
.nav-link { position: relative; display: flex; align-items: center; justify-content: center; height: 100%; padding: 0 13px; font-family: var(--sans); font-size: 17px; font-weight: 650; line-height: 1.3; letter-spacing: .02em; white-space: nowrap; }
.nav-link::after { content: ""; position: absolute; right: 13px; bottom: 12px; left: 13px; height: 2px; background: var(--brand); transform: scaleX(0); transition: transform .2s ease; }
.home-header:not(.scrolled) .nav-link::after { background: rgba(255,255,255,.88); }
.nav-item:hover > .nav-link::after, .nav-item.active > .nav-link::after { transform: scaleX(1); }
.subnav { position: absolute; top: calc(100% - 12px); left: 50%; width: 190px; margin: 0; padding: 8px 0; color: var(--ink); background: rgba(247,248,250,.98); border-top: 3px solid var(--brand); box-shadow: 0 18px 46px rgba(43,49,67,.18); list-style: none; opacity: 0; visibility: hidden; transform: translate(-50%, 8px); transition: .2s ease; }
.subnav .subnav { top: -11px; left: 100%; transform: translate(8px,0); }
.nav-item:hover > .subnav, .subnav li:hover > .subnav { opacity: 1; visibility: visible; transform: translate(-50%,0); }
.subnav li:hover > .subnav { transform: translate(0,0); }
.subnav a { display: block; padding: 9px 18px; font-size: 15px; }
.subnav a:hover { color: #fff; background: var(--brand-dark); }
.primary-nav > ul > .nav-item:last-child > .subnav { right: 0; left: auto; transform: translate(0, 8px); }
.primary-nav > ul > .nav-item:last-child:hover > .subnav { transform: translate(0, 0); }
.mobile-nav-toggle { display: none; width: 44px; height: 44px; margin-left: auto; color: currentColor; background: transparent; border: 1px solid currentColor; cursor: pointer; }
.mobile-nav-toggle span, .mobile-nav-toggle::before, .mobile-nav-toggle::after { content: ""; display: block; width: 22px; height: 2px; margin: 5px auto; background: currentColor; transition: .2s; }
.nav-tools { position: relative; display: flex; align-items: center; gap: 2px; margin-left: 6px; padding-left: 12px; }
.nav-tools::before { content: ""; position: absolute; top: 50%; left: 0; width: 1px; height: 24px; background: currentColor; opacity: .22; transform: translateY(-50%); }
.header-tool { width: 34px; height: 34px; display: grid; flex: 0 0 auto; place-items: center; padding: 0; color: inherit; background: transparent; border: 0; border-radius: 50%; cursor: pointer; opacity: .82; transition: color .2s ease, background-color .2s ease, opacity .2s ease; }
.header-tool svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.header-tool:hover, .header-tool:focus-visible { color: var(--brand-dark); background: rgba(103,115,197,.12); opacity: 1; outline: none; }
.home-header:not(.scrolled) .header-tool:hover, .home-header:not(.scrolled) .header-tool:focus-visible { color: #fff; background: rgba(255,255,255,.14); }

/* Home */
html.home-presentation { scroll-behavior: smooth; scroll-snap-type: y mandatory; overscroll-behavior-y: none; }
.home-presentation-page { overflow-x: hidden; }
.home-presentation-page .home-slide,
.home-presentation-page .site-footer { min-height: 100vh; min-height: 100svh; height: 100vh; height: 100svh; scroll-snap-align: start; scroll-snap-stop: always; }
.home-presentation-page .home-slide { position: relative; overflow: hidden; }
.home-presentation-page .home-slide.section { display: flex; align-items: center; padding: 84px 0 24px; }
.home-presentation-page .slide-content { position: relative; z-index: 2; width: min(1420px, calc(100% - 40px)); max-height: 100%; }
.home-presentation-page .hero.home-slide { min-height: 100vh; min-height: 100svh; height: 100vh; height: 100svh; }
.home-presentation-page .hero-content { justify-content: center; padding-top: 80px; padding-bottom: 0; transform: translateY(3vh); }
.home-presentation-page .about-grid { min-height: min(66vh, 650px); }
.home-presentation-page .about-image { min-height: 0; }
.home-presentation-page .about-copy { padding: clamp(44px, 4vw, 64px); }
.home-presentation-page .about-copy h2 { font-size: 44px; }
.home-presentation-page .about-copy p { font-size: 17px; line-height: 1.82; }
.about-directions { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 9px; margin: 0; padding: 0; list-style: none; }
.about-directions li { min-height: 52px; padding: 0; overflow: hidden; background: var(--soft); border: 1px solid var(--line); border-radius: 12px; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.about-directions a { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 52px; padding: 10px 14px; }
.about-directions li:hover, .about-directions li:focus-within { border-color: rgba(103,115,197,.48); box-shadow: 0 10px 24px rgba(43,49,67,.12); transform: translateY(-2px); }
.about-directions a:focus-visible { outline: 2px solid var(--brand); outline-offset: -3px; }
.about-directions strong { color: var(--brand-dark); font: 700 12px/1 Arial, sans-serif; }
.about-directions span { font-size: 15px; font-weight: 600; }
.home-presentation-page .news-slide .section-heading,
.home-presentation-page .events-slide .section-heading,
.home-presentation-page .quick-slide .section-heading { margin-bottom: 26px; }
.home-presentation-page .section-title { font-size: 46px; }
.home-presentation-page .news-slide .news-grid { gap: 16px 20px; }
.home-presentation-page .news-slide .news-thumb { height: clamp(140px, 18vh, 205px); aspect-ratio: auto; }
.home-presentation-page .news-slide .news-card-body { padding: 18px 22px 21px; }
.home-presentation-page .news-slide .news-card h3 { min-height: 0; margin-bottom: 7px; display: -webkit-box; overflow: hidden; font-size: 19px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.home-presentation-page .news-slide .news-card p { display: -webkit-box; overflow: hidden; font-size: 14px; line-height: 1.6; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.home-presentation-page .news-card .source-language { display: none; }
.home-presentation-page .events-slide .events-grid { gap: 10px 16px; }
.home-presentation-page .events-slide .event-item { min-height: clamp(112px, 13vh, 138px); padding: 20px 26px; }
.home-presentation-page .events-slide .event-item h3 { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.home-presentation-page .quick-slide .quick-grid { gap: 16px; }
.home-presentation-page .quick-slide .quick-card { min-height: clamp(220px, 27vh, 285px); }
.home-presentation-page .site-footer { position: relative; display: flex; flex-direction: column; justify-content: center; padding-top: 80px; overflow: hidden; }
.home-presentation-page .site-footer::before { content: "ENGINEERING THE FUTURE"; position: absolute; top: 50%; left: 50%; color: rgba(255,255,255,.035); font: 700 clamp(58px, 9vw, 165px)/1 Arial, sans-serif; letter-spacing: .04em; white-space: nowrap; transform: translate(-50%,-50%); pointer-events: none; }
.home-presentation-page .site-footer .footer-main { position: relative; z-index: 1; flex: 1; align-content: center; }
.home-presentation-page .site-footer .footer-bottom { position: relative; z-index: 1; width: 100%; margin-top: auto; }
.home-slide-controls { position: fixed; z-index: 1250; right: 28px; bottom: 28px; display: grid; gap: 7px; }
.slide-control { width: 46px; height: 46px; display: grid; place-items: center; padding: 0; color: #fff; background: rgba(34,41,56,.82); border: 1px solid rgba(255,255,255,.5); border-radius: 50%; box-shadow: 0 10px 30px rgba(43,49,67,.24); backdrop-filter: blur(10px); cursor: pointer; transition: transform .2s ease, background-color .2s ease, opacity .2s ease; }
.slide-control svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.slide-control:hover, .slide-control:focus-visible { background: var(--brand-dark); outline: 2px solid rgba(255,255,255,.72); outline-offset: 2px; transform: translateY(-1px); }
.slide-control:disabled { opacity: .28; cursor: default; transform: none; }
.hero { position: relative; min-height: 760px; height: 86vh; overflow: hidden; color: #fff; background: var(--deep); }
.hero video, .hero-poster { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hero::after { content: ""; position: absolute; inset: 0; background: transparent; pointer-events: none; }
.hero-content { position: relative; z-index: 1; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; padding-bottom: 150px; }
.hero-kicker { margin: 0 0 12px; font-size: 19px; letter-spacing: .4em; }
.hero h1 { width: 100%; margin: 0; padding: 0; color: rgba(255,255,255,.68); font-family: var(--display); font-size: clamp(50px, 6vw, 92px); font-weight: 500; letter-spacing: -.025em; line-height: 1.02; text-align: left; text-indent: 0; text-shadow: 0 2px 16px rgba(34,41,56,.10); }
.hero-en { width: 100%; margin: 14px 0 0; padding: 0 0 0 3px; color: rgba(255,255,255,.68); font: 20px/1.4 var(--sans); letter-spacing: .15em; text-align: left; text-indent: 0; text-shadow: 0 2px 12px rgba(34,41,56,.08); }
.hero-scroll { position: absolute; z-index: 2; right: 40px; bottom: 38px; display: flex; align-items: center; gap: 12px; font-size: 12px; letter-spacing: .18em; writing-mode: vertical-rl; }
.hero-scroll::after { content: ""; width: 1px; height: 54px; background: rgba(255,255,255,.8); animation: scrollLine 1.7s ease-in-out infinite; }
@keyframes scrollLine { 50% { transform: scaleY(.45); transform-origin: bottom; opacity: .5; } }
.notice-strip { position: relative; z-index: 3; margin-top: -74px; color: #fff; }
.notice-strip .container { min-height: 74px; display: grid; grid-template-columns: 190px 1fr 56px; align-items: center; background: var(--brand-dark); box-shadow: 0 14px 40px rgba(43,49,67,.24); }
.notice-label { height: 100%; display: flex; align-items: center; padding: 0 28px; background: var(--brand-dark); font-size: 17px; font-weight: 700; letter-spacing: .1em; }
.notice-track { position: relative; min-height: 30px; overflow: hidden; padding: 0 30px; }
.notice-item { position: absolute; inset: 0 30px; display: flex; align-items: center; gap: 18px; opacity: 0; transform: translateY(18px); transition: .45s ease; pointer-events: none; }
.notice-item.active { opacity: 1; transform: translateY(0); pointer-events: auto; }
.notice-date { flex: 0 0 auto; font: 13px/1.2 Arial, sans-serif; opacity: .82; }
.notice-more { display: grid; place-items: center; height: 74px; font-size: 27px; }
.section { padding: 92px 0; }
.section-soft { background: var(--paper-2); }
.section-events { color: var(--ink); background: #e6e9ee; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 42px; }
.section-title { margin: 0; font-family: var(--display); font-size: 42px; font-weight: 500; letter-spacing: -.025em; line-height: 1.05; }
.section-title small { display: block; margin-top: 9px; color: var(--brand-dark); font: 12px/1 var(--sans); letter-spacing: .22em; text-transform: uppercase; }
.more-link { display: inline-flex; align-items: center; gap: 10px; color: var(--brand-dark); font-size: 14px; font-weight: 700; }
.more-link::after { content: "→"; transition: transform .2s; }
.more-link:hover::after { transform: translateX(5px); }
.about-grid { display: grid; grid-template-columns: 1.12fr .88fr; align-items: stretch; min-height: 470px; }
.about-image { min-height: 420px; overflow: hidden; }
.about-image img { width: 100%; height: 100%; object-fit: cover; }
.about-image { border-radius: 26px 0 0 26px; }
.about-copy { position: relative; display: flex; flex-direction: column; justify-content: center; padding: 60px 64px; background: var(--surface); border: 1px solid rgba(255,255,255,.72); border-radius: 0 26px 26px 0; box-shadow: var(--shadow); }
.about-copy::before { content: "ENGINEERING"; position: absolute; top: 18px; right: 24px; color: rgba(103,115,197,.06); font: 700 44px/1 var(--sans); writing-mode: vertical-rl; letter-spacing: .12em; }
.about-copy h2 { position: relative; margin: 0 0 22px; color: var(--brand-dark); font: 500 40px/1.08 var(--display); letter-spacing: -.025em; }
.about-copy p { position: relative; margin: 0 0 26px; color: #4e5661; text-align: justify; }
.news-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.news-card { min-width: 0; overflow: hidden; background: var(--surface); border: 1px solid rgba(255,255,255,.82); border-radius: 18px; box-shadow: 0 12px 34px rgba(43,49,67,.1); transition: transform .22s ease, box-shadow .22s ease; }
.news-card:hover { transform: translateY(-7px); box-shadow: 0 22px 54px rgba(43,49,67,.17); }
.news-thumb { position: relative; aspect-ratio: 16/10; overflow: hidden; background: #e7e8ea; }
.news-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.news-card:hover .news-thumb img { transform: scale(1.04); }
.news-date-badge { position: absolute; left: 18px; bottom: 0; min-width: 72px; padding: 9px 12px; color: #fff; background: var(--brand-dark); font: 13px/1.2 var(--sans); text-align: center; }
.news-card-body { padding: 24px 25px 28px; }
.news-card h3 { min-height: 3.2em; margin: 0 0 12px; font-family: var(--display); font-size: 20px; font-weight: 600; line-height: 1.45; letter-spacing: -.015em; }
.news-card p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.8; }
.events-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.event-item { display: grid; grid-template-columns: 80px 1fr; gap: 25px; align-items: center; min-height: 132px; padding: 28px 32px; background: rgba(255,255,255,.86); border: 1px solid rgba(103,115,197,.14); border-radius: 18px; box-shadow: 0 10px 28px rgba(43,49,67,.07); transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.event-item:hover { transform: translateY(-3px); border-color: rgba(103,115,197,.38); box-shadow: 0 18px 38px rgba(43,49,67,.13); }
.event-date { padding-right: 22px; color: var(--brand-dark); border-right: 1px solid rgba(197,167,96,.42); font: 700 31px/1 var(--sans); text-align: center; }
.event-date small { display: block; margin-top: 8px; color: var(--muted); font-size: 12px; font-weight: 400; }
.event-item h3 { margin: 0; font-family: var(--display); font-size: 18px; font-weight: 600; line-height: 1.5; letter-spacing: -.012em; }
.quick-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.quick-card { position: relative; min-height: 205px; display: flex; flex-direction: column; justify-content: flex-end; padding: 35px; overflow: hidden; color: #fff; background: linear-gradient(135deg, #6773c5, #424d91); border-radius: 20px; box-shadow: 0 16px 42px rgba(43,49,67,.14); }
.quick-card:nth-child(2) { background: linear-gradient(135deg, #2d3547, #222938); }
.quick-card:nth-child(3) { color: var(--deep); background: linear-gradient(135deg, #ead9a7, #c5a760); }
.quick-card:nth-child(3)::before { color: rgba(34,41,56,.08); }
.quick-card:nth-child(4) { background: linear-gradient(135deg, #7b8ed2, #5661a0); }
.quick-card:nth-child(5) { background: linear-gradient(135deg, #47526a, #2d3547); }
.quick-card:nth-child(6) { background: linear-gradient(135deg, #8e9add, #6773c5); }
.quick-card::before { content: attr(data-index); position: absolute; top: -20px; right: 18px; color: rgba(255,255,255,.09); font: 700 130px/1 Arial, sans-serif; }
.quick-card h3 { position: relative; margin: 0 0 6px; font-family: var(--display); font-size: 25px; font-weight: 600; letter-spacing: -.015em; }
.quick-card p { position: relative; margin: 0; font-size: 12px; letter-spacing: .18em; opacity: .75; }

/* Interior pages */
.page-banner { position: relative; height: 300px; display: flex; align-items: flex-end; overflow: hidden; color: #fff; background-color: var(--deep-2); background-image: url("/assets/engineering/images/campus-banner.png") !important; background-position: center 48%; background-size: cover; background-repeat: no-repeat; }
.page-banner-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 48%; }
.page-banner::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(34,41,56,.82), rgba(45,53,71,.12) 75%); }
.page-banner .container { position: relative; z-index: 1; padding-bottom: 46px; }
.page-banner h1 { margin: 0; font-family: var(--display); font-size: 46px; font-weight: 500; letter-spacing: -.025em; line-height: 1.08; }
.page-banner p { margin: 8px 0 0; color: rgba(255,255,255,.78); font: 12px/1.4 var(--sans); letter-spacing: .18em; text-transform: uppercase; }
.breadcrumb { color: var(--muted); background: var(--paper-2); border-bottom: 1px solid var(--line); font-size: 13px; }
.breadcrumb .container { min-height: 44px; display: flex; align-items: center; gap: 8px; }
.breadcrumb a:hover { color: var(--brand-dark); }
.page-layout { display: grid; grid-template-columns: 235px minmax(0,1fr); gap: 36px; padding-top: 48px; padding-bottom: 64px; }
.side-title { margin: 0; padding: 20px 22px; color: #fff; background: var(--deep-2); border-top: 3px solid var(--gold); font: 500 25px/1.15 var(--display); letter-spacing: -.015em; }
.side-nav { margin: 0; padding: 0; background: rgba(255,255,255,.7); border: 1px solid var(--line); border-top: 0; list-style: none; }
.side-nav a { display: flex; align-items: center; justify-content: space-between; padding: 12px 20px; border-bottom: 1px solid var(--line); font-size: 15px; }
.side-nav li:last-child a { border-bottom: 0; }
.side-nav a::after { content: "›"; color: #a4a9af; }
.side-nav a:hover, .side-nav a.active { color: #fff; background: var(--brand-dark); }
.content-head { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 28px; padding-bottom: 14px; border-bottom: 1px solid var(--line); }
.content-head h2 { margin: 0; font: 500 38px/1.08 var(--display); letter-spacing: -.025em; }
.content-head span { color: var(--brand-dark); font: 800 11px/1 var(--sans); letter-spacing: .16em; text-transform: uppercase; }
.prose { font-size: 18px; line-height: 1.85; }
.prose p { margin: 0 0 1.15em; text-align: justify; }
.prose h3 { margin: 2em 0 .9em; color: var(--brand-dark); font-family: var(--display); font-size: 25px; font-weight: 600; letter-spacing: -.015em; }
.prose h3:first-child { margin-top: 0; }
.prose ul { padding-left: 1.4em; }
.lead-title { margin: 0 0 28px; color: var(--brand-dark); font: 500 40px/1.12 var(--display); letter-spacing: -.025em; }
.signature { max-width: 430px; margin: 45px 0 0 auto; text-align: right; }
.signature strong { display: block; font: 600 27px/1.25 var(--display); }
.signature span { display: block; margin-top: 6px; color: var(--muted); }
.message-language + .message-language { margin-top: 68px; padding-top: 52px; border-top: 1px solid var(--line); }
.message-language-title { margin: 0 0 30px; color: var(--brand-dark); font: 500 32px/1.2 var(--display); }
.message-language-en { font-family: var(--sans); line-height: 1.78; }
.message-language-en .signature strong { font-family: var(--display); font-size: 23px; }
.org-group { margin-bottom: 42px; }
.org-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
.org-card { padding: 18px 22px; background: rgba(255,255,255,.78); border: 1px solid rgba(255,255,255,.9); border-left: 4px solid var(--brand); border-radius: 0 14px 14px 0; box-shadow: 0 10px 28px rgba(43,49,67,.06); }
.org-card strong { display: block; font-size: 18px; }
.org-card span { color: var(--muted); font-size: 14px; }
.school-card { isolation: isolate; }
.school-card .school-official-link::after { content: ""; position: absolute; z-index: 1; inset: 0; border-radius: inherit; }
.school-card .school-dean { position: relative; z-index: 2; }
.school-card:focus-within { outline: 2px solid var(--brand); outline-offset: 3px; }
.name-list { display: flex; flex-wrap: wrap; gap: 12px; margin: 0; padding: 0; list-style: none; }
.name-list li { min-width: 115px; padding: 11px 18px; text-align: center; background: rgba(255,255,255,.78); border: 1px solid var(--line); border-radius: 10px; }
.committee-roster { display: grid; gap: 14px; }
.committee-row { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 16px; align-items: start; }
.committee-role { padding: 12px 0; color: var(--brand-dark); font-size: 16px; }
.committee-chair .name-list li, .committee-lead .name-list li { border-color: var(--brand); color: var(--brand-dark); font-weight: 700; }
.table-wrap { margin-bottom: 42px; overflow-x: auto; background: var(--surface); border: 1px solid var(--line); border-radius: 16px; box-shadow: 0 12px 34px rgba(43,49,67,.07); }
.data-table { width: 100%; border-collapse: collapse; min-width: 680px; }
.data-table caption { padding: 16px 18px; color: #fff; background: var(--deep-2); font-family: var(--display); font-size: 20px; font-weight: 600; text-align: left; }
.data-table th { color: #fff; background: var(--brand-dark); font-weight: 650; }
.data-table th, .data-table td { padding: 13px 16px; border: 1px solid #e5e7e9; text-align: left; vertical-align: middle; }
.data-table tbody tr:nth-child(even) { background: var(--paper-2); }
.data-table tbody tr:hover { background: rgba(123,142,210,.12); }
.data-table a { color: var(--brand-dark); }
.data-table a:hover { text-decoration: underline; }
.stats { display: grid; grid-template-columns: repeat(auto-fit,minmax(145px,1fr)); gap: 18px; margin: 34px 0 45px; }
.stat { padding: 25px; text-align: center; background: rgba(255,255,255,.8); border-top: 3px solid var(--brand); border-radius: 0 0 14px 14px; box-shadow: 0 10px 28px rgba(43,49,67,.06); }
.stat strong { display: block; color: var(--brand-dark); font: 600 38px/1 var(--display); }
.stat span { display: block; margin-top: 10px; color: var(--muted); font-size: 14px; }
.link-cards { display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; }
.link-card { position: relative; min-height: 155px; padding: 28px 30px; background: rgba(255,255,255,.78); border: 1px solid rgba(255,255,255,.9); border-radius: 18px; box-shadow: 0 10px 30px rgba(43,49,67,.07); transition: .2s ease; }
.link-card::after { content: "↗"; position: absolute; right: 25px; bottom: 20px; color: var(--brand); font-size: 25px; }
.link-card:hover { color: #fff; background: var(--brand-dark); border-color: var(--brand-dark); box-shadow: 0 18px 42px rgba(43,49,67,.16); transform: translateY(-3px); }
.link-card:hover::after { color: #fff; }
.link-card h3 { margin: 0 0 10px; font-family: var(--display); font-size: 21px; font-weight: 600; letter-spacing: -.012em; }
.link-card p { margin: 0; color: var(--muted); font-size: 14px; }
.link-card:hover p { color: rgba(255,255,255,.8); }
.recruitment-links .link-card::after,
.program-links .link-card::after,
.school-links .link-card::after { content: none; }
.school-card:hover .school-dean .person-link,
.school-card .school-dean .person-link:focus-visible { color: #fff; text-decoration-color: var(--gold-pale); }
.person-link { text-decoration-color: transparent; text-underline-offset: .18em; transition: color .18s ease, text-decoration-color .18s ease; }
.person-link:hover, .person-link:focus-visible { color: var(--brand-dark); text-decoration: underline; text-decoration-color: var(--gold); }
.link-card.static-card { cursor: default; }
.link-card.static-card::after { content: ""; }
.link-card.static-card:hover { color: inherit; background: var(--surface); border-color: var(--line); box-shadow: 0 10px 30px rgba(43,49,67,.07); transform: none; }
.list-items { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.list-item { display: grid; grid-template-columns: 115px 1fr 30px; gap: 24px; align-items: center; min-height: 110px; padding: 20px 8px; border-bottom: 1px solid var(--line); }
.list-date { color: var(--brand-dark); font: 700 16px/1.2 var(--sans); text-align: center; }
.list-date small { display: block; margin-top: 6px; color: var(--muted); font-size: 12px; font-weight: 400; }
.list-item h3 { margin: 0 0 6px; font-family: var(--display); font-size: 20px; font-weight: 600; line-height: 1.45; letter-spacing: -.012em; }
.list-item p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.7; }
.list-arrow { color: var(--brand-dark); font-size: 23px; }
.empty-state { padding: 44px; color: var(--muted); background: rgba(255,255,255,.78); border: 1px solid rgba(255,255,255,.9); border-left: 4px solid var(--brand); border-radius: 0 16px 16px 0; }

/* Articles and offline search */
.article-page { max-width: 980px; margin: 0 auto; padding: 52px 0 72px; }
.article-title { margin: 0 0 20px; font: 500 42px/1.2 var(--display); letter-spacing: -.025em; text-align: center; }
.article-meta { margin: 0 0 42px; padding-bottom: 22px; color: var(--muted); border-bottom: 1px solid var(--line); font-size: 14px; text-align: center; }
.article-body { font-size: 17px; line-height: 2; overflow-wrap: anywhere; }
.article-body p { margin: 0 0 1.1em; }
.article-body img { width: auto !important; max-width: 100% !important; height: auto !important; margin: 18px auto; }
.article-body a { color: var(--brand-dark); text-decoration: underline; }
.article-source { margin-top: 54px; padding: 18px 22px; color: var(--muted); background: rgba(255,255,255,.78); border-left: 3px solid var(--gold); font-size: 14px; }
.article-source a { color: var(--brand-dark); }
.search-page { min-height: 400px; }
.search-form { display: flex; margin-bottom: 34px; }
.search-form input { flex: 1; min-width: 0; padding: 14px 17px; background: var(--surface); border: 1px solid var(--line); border-radius: 12px 0 0 12px; outline: none; }
.search-form input:focus { border-color: var(--brand); }
.search-form button { padding: 0 28px; color: #fff; background: var(--brand-dark); border: 0; border-radius: 0 12px 12px 0; cursor: pointer; }
.search-result { padding: 20px 0; border-bottom: 1px solid var(--line); }
.search-result h3 { margin: 0 0 6px; color: var(--brand-dark); font-family: var(--display); font-size: 20px; }
.search-result p { margin: 0; color: var(--muted); font-size: 14px; }

/* Search overlay and footer */
.search-layer { position: fixed; z-index: 1800; inset: 0; display: grid; place-items: center; color: #fff; background: rgba(34,41,56,.96); opacity: 0; visibility: hidden; transition: .25s; }
.search-layer.open { opacity: 1; visibility: visible; }
.search-panel { width: min(760px, calc(100% - 40px)); }
.search-panel h2 { margin: 0 0 28px; font: 500 40px/1.15 var(--display); letter-spacing: -.025em; }
.search-panel form { display: flex; border-bottom: 1px solid rgba(255,255,255,.7); }
.search-panel input { flex: 1; min-width: 0; padding: 16px 0; color: #fff; background: transparent; border: 0; outline: 0; font-size: 20px; }
.search-panel button { padding: 0 15px; color: #fff; background: transparent; border: 0; cursor: pointer; }
.search-close { position: absolute; top: 35px; right: 35px; width: 44px; height: 44px; color: #fff; background: transparent; border: 1px solid rgba(255,255,255,.6); cursor: pointer; font-size: 25px; }
.site-footer { color: #dfe3ee; background: var(--deep); }
.footer-main { display: grid; grid-template-columns: 1.2fr .8fr; gap: 50px; padding: 55px 0 42px; }
.footer-brand { display: flex; align-items: center; gap: 22px; }
.footer-brand img { width: 270px; filter: brightness(0) invert(1); opacity: .92; }
.footer-college { padding-left: 22px; border-left: 1px solid rgba(234,217,167,.42); }
.footer-college strong { display: block; color: #fff; font: 600 23px/1.2 var(--display); }
.footer-college .footer-college-wordmark { width: auto; height: 31px; filter: brightness(0) invert(1); opacity: .96; }
.footer-college span { display: block; margin-top: 6px; font: 11px/1.3 var(--sans); }
.footer-info { font-size: 14px; }
.footer-info p { margin: 2px 0; }
.footer-info a { color: inherit; text-decoration: none; }
.footer-info a:hover, .footer-info a:focus-visible { color: #fff; text-decoration: underline; }
.footer-bottom { padding: 17px 0; border-top: 1px solid rgba(234,217,167,.16); color: #aeb5c5; font-size: 12px; }
.footer-bottom .container { display: flex; flex-wrap: wrap; gap: 12px 25px; }
.footer-bottom a:hover { color: #fff; }

/* Layered cool-gray, indigo, and gold depth inspired by the Ming Zhou Lab site. */
.about-slide {
  background:
    radial-gradient(circle at 86% 12%, rgba(123,142,210,.23), transparent 31%),
    radial-gradient(circle at 8% 88%, rgba(197,167,96,.12), transparent 29%),
    linear-gradient(145deg, #dce1e9 0%, #f5f6f8 52%, #dfe4ed 100%);
}
.news-slide {
  background:
    radial-gradient(circle at 92% 7%, rgba(123,142,210,.18), transparent 30%),
    radial-gradient(circle at 6% 92%, rgba(103,115,197,.10), transparent 33%),
    linear-gradient(160deg, #e0e4eb 0%, #f4f5f7 56%, #d9dee7 100%);
}
.events-slide {
  background:
    radial-gradient(circle at 8% 10%, rgba(103,115,197,.16), transparent 31%),
    radial-gradient(circle at 88% 92%, rgba(197,167,96,.11), transparent 28%),
    linear-gradient(145deg, #d9dee7 0%, #eef1f5 52%, #e1e5ec 100%);
}
.quick-slide {
  color: #f6f7fb;
  background:
    radial-gradient(circle at 84% 10%, rgba(123,142,210,.31), transparent 31%),
    radial-gradient(circle at 10% 90%, rgba(197,167,96,.13), transparent 29%),
    linear-gradient(145deg, #1d2330 0%, #2d3547 54%, #424d70 100%);
}
.about-slide::before,
.news-slide::before,
.events-slide::before,
.quick-slide::before {
  content: "";
  position: absolute;
  z-index: 0;
  width: 620px;
  height: 620px;
  border: 1px solid rgba(103,115,197,.13);
  border-radius: 50%;
  pointer-events: none;
}
.about-slide::before,
.events-slide::before { right: -245px; top: -245px; }
.news-slide::before,
.quick-slide::before { left: -270px; bottom: -285px; }
.quick-slide::before { border-color: rgba(234,217,167,.13); }
.quick-slide .section-title { color: #fff; }
.quick-slide .section-title small { color: var(--gold-pale); }

.about-image { box-shadow: 0 28px 72px rgba(43,49,67,.22); }
.about-copy {
  background: linear-gradient(145deg, rgba(249,250,252,.94), rgba(231,235,243,.88));
  border-color: rgba(255,255,255,.82);
  box-shadow: var(--shadow), inset 0 1px rgba(255,255,255,.9);
  backdrop-filter: blur(12px);
}
.about-directions li {
  background: rgba(247,248,250,.82);
  border-color: rgba(103,115,197,.20);
  box-shadow: inset 0 1px rgba(255,255,255,.84);
}
.news-card {
  background: linear-gradient(155deg, rgba(250,251,252,.96), rgba(233,236,243,.92));
  border-color: rgba(255,255,255,.86);
  box-shadow: 0 16px 42px rgba(43,49,67,.15), inset 0 1px rgba(255,255,255,.9);
}
.news-card:hover { box-shadow: 0 26px 62px rgba(43,49,67,.23); }
.event-item {
  background: linear-gradient(145deg, rgba(249,250,252,.91), rgba(229,233,241,.84));
  border-color: rgba(255,255,255,.78);
  box-shadow: 0 14px 36px rgba(43,49,67,.13), inset 0 1px rgba(255,255,255,.9);
  backdrop-filter: blur(8px);
}
.event-item:hover { transform: translateY(-4px); border-color: rgba(103,115,197,.42); box-shadow: 0 22px 48px rgba(43,49,67,.20); }
.quick-card {
  background: linear-gradient(135deg, #7180d2, #424d91);
  border: 1px solid rgba(255,255,255,.16);
  box-shadow: 0 20px 52px rgba(11,15,25,.28), inset 0 1px rgba(255,255,255,.16);
  transition: transform .22s ease, box-shadow .22s ease;
}
.quick-card:hover { transform: translateY(-6px); box-shadow: 0 28px 64px rgba(11,15,25,.36), inset 0 1px rgba(255,255,255,.2); }

.page-banner::after {
  background:
    radial-gradient(circle at 82% 8%, rgba(103,115,197,.30), transparent 33%),
    linear-gradient(0deg, rgba(27,33,47,.91), rgba(45,53,71,.18) 76%);
}
.breadcrumb {
  background: rgba(239,242,247,.90);
  border-bottom-color: rgba(255,255,255,.72);
  box-shadow: 0 8px 24px rgba(43,49,67,.08);
  backdrop-filter: blur(12px);
}
.content-column {
  min-width: 0;
  padding: 34px 38px 40px;
  background: linear-gradient(145deg, rgba(249,250,252,.91), rgba(232,235,242,.82));
  border: 1px solid rgba(255,255,255,.78);
  border-radius: 26px;
  box-shadow: 0 24px 68px rgba(43,49,67,.16), inset 0 1px rgba(255,255,255,.9);
  backdrop-filter: blur(10px);
}
.side-nav {
  background: rgba(244,246,249,.82);
  border-color: rgba(255,255,255,.72);
  box-shadow: 0 18px 48px rgba(43,49,67,.13);
  backdrop-filter: blur(10px);
}
.org-card,
.name-list li,
.stat,
.link-card {
  background: linear-gradient(145deg, rgba(250,251,252,.92), rgba(230,234,241,.84));
  border-color: rgba(255,255,255,.84);
  box-shadow: 0 14px 38px rgba(43,49,67,.12), inset 0 1px rgba(255,255,255,.9);
}
.org-card { border-left-color: var(--brand); }
.name-list li { border-color: rgba(103,115,197,.16); }
.table-wrap {
  background: rgba(248,249,251,.90);
  border-color: rgba(255,255,255,.8);
  box-shadow: 0 18px 48px rgba(43,49,67,.14), inset 0 1px rgba(255,255,255,.9);
}
.article-page { max-width: 1080px; }
.article-page > article,
.article-page > section {
  padding: 42px 48px 50px;
  background: linear-gradient(145deg, rgba(250,251,252,.93), rgba(232,235,242,.84));
  border: 1px solid rgba(255,255,255,.82);
  border-radius: 26px;
  box-shadow: 0 24px 68px rgba(43,49,67,.16), inset 0 1px rgba(255,255,255,.9);
  backdrop-filter: blur(10px);
}
.site-footer {
  background:
    radial-gradient(circle at 86% 0%, rgba(103,115,197,.34), transparent 34%),
    radial-gradient(circle at 8% 100%, rgba(197,167,96,.12), transparent 30%),
    linear-gradient(145deg, #1c222f 0%, #2d3547 58%, #35405a 100%);
  box-shadow: inset 0 1px rgba(255,255,255,.06);
}

/* Phones keep the desktop canvas, but use a normal continuous homepage. */
@media (hover: none) and (pointer: coarse) {
  html.home-presentation { scroll-snap-type: none; overscroll-behavior-y: auto; }
  .home-presentation-page .home-slide,
  .home-presentation-page .site-footer { min-height: 0; height: auto; scroll-snap-align: none; scroll-snap-stop: normal; }
  .home-presentation-page .home-slide { overflow: visible; }
  .home-presentation-page .hero.home-slide { min-height: 760px; height: 760px; overflow: hidden; }
  .home-presentation-page .home-slide.section { display: block; padding: 84px 0 46px; }
  .home-presentation-page .slide-content { max-height: none; }
  .home-presentation-page .hero-content { transform: translateY(24px); }
  .home-presentation-page .site-footer { display: block; padding-top: 0; overflow: visible; }
  .home-slide-controls { display: none; }
}

/* Desktop-only mode: legacy responsive rules are intentionally disabled. */
@media (min-width: 99999px) {
  .primary-nav { padding-left: 8px; }
  .primary-nav > ul { gap: 2px; }
  .nav-link { padding: 0 8px; font-size: 15px; }
  .nav-link::after { right: 8px; left: 8px; }
  .nav-tools { margin-left: 2px; padding-left: 8px; }
  .header-tool { width: 31px; height: 31px; }
}

@media (min-width: 99999px) {
  .container { width: min(100% - 40px, 1160px); }
  .site-header .container { width: min(100% - 40px, 1160px); }
  .header-main { min-height: 72px; gap: 24px; }
  .branding { flex-basis: 350px; }
  .university-logo { width: 245px; }
  .college-name { margin-left: 13px; padding-left: 13px; }
  .college-name strong, .college-wordmark { height: 29px; }
  .college-name small { font-size: 8.5px; }
  .primary-nav { padding-left: 8px; }
  .nav-link { padding: 0 8px; font-size: 15px; }
  .nav-link::after { right: 8px; bottom: 10px; left: 8px; }
  .nav-tools { margin-left: 1px; padding-left: 7px; }
  .header-tool { width: 30px; height: 30px; }
  .header-tool svg { width: 18px; height: 18px; }
}

@media (min-width: 99999px) {
  .container { width: min(100% - 32px, 900px); }
  .site-header .container { width: min(100% - 32px, 900px); }
  .site-header.home-header { background: rgba(247,248,250,.97); color: var(--ink); }
  .home-header:not(.scrolled) .university-logo { filter: none; }
  .header-main { min-height: 70px; }
  .branding { flex-basis: auto; }
  .university-logo { width: 215px; }
  .college-name strong, .college-wordmark { height: 27px; }
  .college-name small { font-size: 8px; }
  .mobile-nav-toggle { display: block; }
  .primary-nav { position: fixed; z-index: 1100; top: 70px; right: 0; bottom: 0; width: min(390px, 88vw); padding: 10px 0 50px; color: var(--ink); background: var(--paper-2); box-shadow: -14px 18px 46px rgba(43,49,67,.2); overflow-y: auto; transform: translateX(105%); transition: transform .25s ease; }
  body.nav-open { overflow: hidden; }
  body.nav-open .primary-nav { transform: translateX(0); }
  .primary-nav > ul { display: block; height: auto; }
  .nav-item { display: block; border-bottom: 1px solid var(--line); }
  .nav-link { height: auto; padding: 15px 26px; font-size: 17px; }
  .lang-en .nav-link { padding: 15px 26px; font-size: 16px; }
  .nav-link::after { display: none; }
  .subnav, .subnav .subnav { position: static; width: 100%; padding: 0 0 10px; border: 0; box-shadow: none; opacity: 1; visibility: visible; transform: none; }
  .primary-nav > ul > .nav-item:last-child > .subnav,
  .primary-nav > ul > .nav-item:last-child:hover > .subnav { right: auto; left: auto; transform: none; }
  .subnav a { padding: 8px 24px 8px 42px; color: #666; }
  .subnav .subnav a { padding-left: 60px; }
  .subnav a:hover { color: var(--brand-dark); background: rgba(103,115,197,.08); }
  .nav-tools { margin: 0; padding: 16px 26px; gap: 10px; border-bottom: 1px solid var(--line); }
  .nav-tools::before { display: none; }
  .header-tool { width: 40px; height: 40px; color: var(--ink); background: var(--soft); border: 1px solid var(--line); opacity: 1; }
  .hero { min-height: 620px; height: 78vh; }
  .hero-content { padding-bottom: 125px; }
  .notice-strip { margin-top: -60px; }
  .notice-strip .container { min-height: 60px; grid-template-columns: 140px 1fr 45px; }
  .notice-label { padding: 0 18px; font-size: 15px; }
  .notice-more { height: 60px; }
  .about-grid, .page-layout { grid-template-columns: 1fr; }
  .side-column { display: none; }
  .news-grid { grid-template-columns: repeat(2,1fr); }
  .news-card:last-child { display: none; }
  .quick-grid { grid-template-columns: 1fr; }
  .quick-card { min-height: 155px; }
  .stats { grid-template-columns: repeat(2,1fr); }
  .page-banner { height: 270px; }
  .footer-main { grid-template-columns: 1fr; }
  .home-presentation-page .home-slide.section { padding: 78px 0 28px; }
  .home-presentation-page .about-grid { grid-template-columns: .9fr 1.1fr; min-height: min(62vh, 480px); }
  .home-presentation-page .about-copy { padding: 28px 30px; }
  .home-presentation-page .about-copy h2 { margin-bottom: 15px; font-size: 32px; }
  .home-presentation-page .about-copy p { font-size: 14px; line-height: 1.7; }
  .home-presentation-page .news-card:nth-child(n+5) { display: none; }
  .home-presentation-page .quick-grid { grid-template-columns: repeat(3,1fr); }
  .home-presentation-page .quick-slide .quick-card { min-height: clamp(180px, 30vh, 260px); }
  .home-presentation-page .site-footer { padding-top: 70px; }
  .home-presentation-page .site-footer .footer-main { align-content: center; padding-top: 28px; padding-bottom: 28px; }
  .home-slide-controls { right: 18px; bottom: 18px; }
}

@media (min-width: 99999px) {
  .container { width: calc(100% - 28px); }
  .site-header .container { width: calc(100% - 28px); }
  .header-main { min-height: 64px; gap: 10px; }
  .university-logo { width: 168px; }
  .college-name { margin-left: 9px; padding-left: 9px; }
  .college-name strong, .college-wordmark { height: 25px; }
  .college-name small { font-size: 7.5px; }
  .primary-nav { top: 64px; }
  .mobile-nav-toggle { width: 40px; height: 40px; }
  .hero { min-height: 560px; height: 74vh; }
  .hero-content { padding-bottom: 112px; }
  .hero-kicker { font-size: 14px; letter-spacing: .28em; }
  .hero h1 { font-size: 46px; }
  .hero-en { font-size: 15px; letter-spacing: .1em; }
  .hero-scroll { display: none; }
  .notice-strip { margin-top: -52px; }
  .notice-strip .container { width: calc(100% - 20px); min-height: 104px; grid-template-columns: 105px 1fr; }
  .notice-label { min-height: 104px; justify-content: center; padding: 0 12px; font-size: 14px; }
  .notice-track { min-height: 76px; padding: 0 14px; }
  .notice-item { inset: 0 14px; display: block; padding: 12px 0; line-height: 1.5; }
  .notice-date { display: block; margin-bottom: 5px; }
  .notice-more { display: none; }
  .section { padding: 62px 0; }
  .section-heading { margin-bottom: 28px; }
  .section-title { font-size: 34px; }
  .about-grid { margin: 0 -14px; }
  .about-image { min-height: 250px; }
  .about-image { border-radius: 20px 20px 0 0; }
  .about-copy { padding: 38px 28px; }
  .about-copy { border-radius: 0 0 20px 20px; }
  .about-copy h2 { font-size: 32px; }
  .news-grid, .events-grid, .link-cards { grid-template-columns: 1fr; }
  .news-card:last-child { display: block; }
  .event-item { grid-template-columns: 64px 1fr; gap: 16px; padding: 22px 18px; }
  .event-date { padding-right: 12px; }
  .page-banner { height: 225px; }
  .page-banner .container { padding-bottom: 30px; }
  .page-banner h1 { font-size: 36px; }
  .page-layout { gap: 0; padding-top: 42px; padding-bottom: 60px; }
  .content-head h2 { font-size: 30px; }
  .content-head span { display: none; }
  .prose { font-size: 16px; }
  .lead-title { font-size: 31px; }
  .message-language + .message-language { margin-top: 48px; padding-top: 38px; }
  .message-language-title { font-size: 27px; }
  .org-grid { grid-template-columns: 1fr; }
  .committee-row { grid-template-columns: 88px minmax(0, 1fr); gap: 10px; }
  .lang-en .committee-row { grid-template-columns: 1fr; gap: 5px; }
  .lang-en .committee-role { padding-bottom: 0; }
  .stats { gap: 10px; }
  .stat { padding: 19px 10px; }
  .stat strong { font-size: 31px; }
  .list-item { grid-template-columns: 74px 1fr; gap: 14px; }
  .list-arrow { display: none; }
  .article-page { padding: 48px 0 70px; }
  .article-title { font-size: 29px; text-align: left; }
  .article-meta { text-align: left; }
  .article-body { font-size: 16px; }
  .footer-main { padding-top: 42px; }
  .footer-brand { align-items: flex-start; flex-direction: column; }
  .footer-brand img { width: 235px; }
  .footer-college { padding-left: 0; border-left: 0; }
  .home-presentation-page .home-slide.section { padding: 70px 0 18px; }
  .home-presentation-page .slide-content { width: calc(100% - 28px); }
  .home-presentation-page .hero-content { padding-top: 64px; transform: translateY(1vh); }
  .home-presentation-page .about-grid { grid-template-columns: 1fr; min-height: 0; margin: 0; }
  .home-presentation-page .about-image { height: clamp(120px, 23svh, 160px); }
  .home-presentation-page .about-copy { padding: 18px 20px; }
  .home-presentation-page .about-copy h2 { margin-bottom: 9px; font-size: 27px; }
  .home-presentation-page .about-copy p { font-size: 13px; line-height: 1.58; }
  .home-presentation-page .about-directions { gap: 6px; }
  .home-presentation-page .about-directions li { min-height: 35px; padding: 0; }
  .home-presentation-page .about-directions a { min-height: 35px; padding: 5px 8px; }
  .home-presentation-page .about-directions span { font-size: 12px; }
  .lang-en .home-presentation-page .about-directions span { font-size: 10px; line-height: 1.2; }
  .home-presentation-page .section-heading { margin-bottom: 14px; }
  .home-presentation-page .section-title { font-size: 29px; }
  .lang-en .home-presentation-page .section-title { font-size: 27px; }
  .lang-en .home-presentation-page .section-title small { letter-spacing: .07em; }
  .home-presentation-page .news-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
  .home-presentation-page .news-card:nth-child(n+5) { display: none; }
  .home-presentation-page .news-slide .news-thumb { aspect-ratio: 16 / 9; }
  .home-presentation-page .news-slide .news-card-body { padding: 12px; }
  .home-presentation-page .news-slide .news-card h3 { margin-bottom: 0; font-size: 14px; line-height: 1.45; -webkit-line-clamp: 3; }
  .home-presentation-page .news-slide .news-card p { display: none; }
  .home-presentation-page .news-slide .news-card .source-language { display: none; }
  .home-presentation-page .news-date-badge { left: 8px; min-width: 60px; padding: 6px 8px; font-size: 11px; }
  .home-presentation-page .events-grid { grid-template-columns: 1fr; gap: 8px; }
  .home-presentation-page .events-slide .event-item { min-height: 76px; padding: 10px 14px; }
  .home-presentation-page .events-slide .event-item:nth-child(n+4) { display: none; }
  .home-presentation-page .event-date { font-size: 24px; }
  .home-presentation-page .event-date small { font-size: 10px; }
  .home-presentation-page .event-item h3 { font-size: 14px; line-height: 1.45; }
  .home-presentation-page .quick-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
  .home-presentation-page .quick-slide .quick-card { min-height: 88px; padding: 16px 18px; }
  .home-presentation-page .quick-card::before { top: -8px; font-size: 82px; }
  .home-presentation-page .quick-card h3 { margin-bottom: 2px; font-size: 20px; }
  .lang-en .home-presentation-page .quick-card h3 { font-size: 17px; }
  .lang-en .home-presentation-page .quick-card p { font-size: 9px; letter-spacing: .06em; }
  .home-presentation-page .site-footer { padding-top: 64px; }
  .home-presentation-page .site-footer .footer-main { padding: 20px 0; }
  .home-presentation-page .footer-brand img { width: 210px; }
  .home-presentation-page .footer-info { font-size: 12px; }
  .home-presentation-page .footer-bottom { padding: 10px 0; }
  .home-slide-controls { right: 12px; bottom: 12px; gap: 5px; }
  .slide-control { width: 42px; height: 42px; }
}

@media (min-width: 99999px) {
  .home-presentation-page .home-slide.section { padding-top: 82px; padding-bottom: 24px; }
  .home-presentation-page .section-heading { margin-bottom: 20px; }
  .home-presentation-page .section-title { font-size: 35px; }
  .home-presentation-page .about-grid { min-height: 410px; }
  .home-presentation-page .about-copy { padding: 30px 36px; }
  .home-presentation-page .about-copy h2 { margin-bottom: 14px; font-size: 33px; }
  .home-presentation-page .about-copy p { font-size: 14px; line-height: 1.65; }
  .home-presentation-page .news-slide .news-card-body { padding-top: 14px; padding-bottom: 16px; }
  .home-presentation-page .events-slide .event-item { min-height: 88px; padding-top: 14px; padding-bottom: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  html.home-presentation { scroll-behavior: auto; }
  .slide-control { transition: none; }
}

@media print {
  .site-header, .page-banner, .breadcrumb, .side-column, .site-footer, .search-layer { display: none !important; }
  .page-layout { display: block; padding: 0; }
  .article-page { padding: 0; }
}