@charset "UTF-8";

:root {
  --ink-950: #082a45;
  --ink-900: #0d3b5d;
  --ink-800: #155275;
  --blue-700: #287ba6;
  --blue-500: #73b7cf;
  --blue-200: #cfe8ef;
  --blue-100: #e9f4f7;
  --paper: #fbfaf5;
  --paper-warm: #f2eee5;
  --mist: #f4f9fa;
  --gold-700: #9d7336;
  --gold-500: #c9a35b;
  --gold-200: #ead7ad;
  --coral: #a96455;
  --green: #4d817c;
  --text: #173b54;
  --muted: #638092;
  --line: rgba(21, 82, 117, 0.17);
  --line-dark: rgba(228, 239, 242, 0.2);
  --content: 1240px;
  --gutter: clamp(20px, 4vw, 64px);
  --nav-height: 64px;
  --shadow-soft: 0 18px 50px rgba(8, 42, 69, 0.1);
  --shadow-image: 0 24px 50px rgba(8, 42, 69, 0.18);
  --ease: cubic-bezier(0.22, 0.75, 0.2, 1);
}

* {
  box-sizing: border-box;
}

html {
  min-width: 320px;
  overflow-x: clip;
  scroll-behavior: smooth;
}

body {
  position: relative;
  min-width: 320px;
  margin: 0;
  overflow-x: clip;
  color: var(--text);
  background: var(--mist);
  font-family: "Noto Sans SC", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body::before {
  position: absolute;
  z-index: -2;
  top: 410px;
  right: -90px;
  width: min(47vw, 700px);
  height: 720px;
  content: "";
  pointer-events: none;
  opacity: 0.16;
  background: url("../images/world-map.png") right top / contain no-repeat;
}

body::after {
  position: fixed;
  z-index: 0;
  inset: 0;
  content: "";
  pointer-events: none;
  opacity: 0.022;
  background-image: url("../images/footimg.jpg");
  background-size: 180px 180px;
  mix-blend-mode: multiply;
}

::selection {
  color: #fff;
  background: var(--coral);
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
select {
  font: inherit;
}

button,
a,
input,
select {
  -webkit-tap-highlight-color: transparent;
}

button {
  cursor: pointer;
}

img {
  display: block;
  max-width: 100%;
}

svg {
  display: block;
}

:focus-visible {
  outline: 3px solid var(--gold-500);
  outline-offset: 4px;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.skip-link {
  position: fixed;
  z-index: 100;
  top: 12px;
  left: 16px;
  padding: 8px 14px;
  color: #fff;
  background: var(--ink-950);
  transform: translateY(-160%);
  transition: transform 180ms ease;
}

.skip-link:focus {
  transform: translateY(0);
}

.content-width {
  width: min(var(--content), calc(100% - (var(--gutter) * 2)));
  margin-inline: auto;
}

.ambient-canvas {
  position: fixed;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0.65;
}

.site-header,
main,
.site-footer {
  position: relative;
  z-index: 2;
}

/* Shared identity header */
.identity-band {
  position: relative;
  overflow: hidden;
  background: #dceef3 url("../images/header1.jpg") center / cover no-repeat;
  border-bottom: 1px solid rgba(21, 82, 117, 0.12);
}

.identity-band::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 12px;
  content: "";
  opacity: 0.65;
  background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.36));
}

.identity-inner {
  display: flex;
  align-items: center;
  min-height: 154px;
  width: min(var(--content), calc(100% - (var(--gutter) * 2)));
  margin-inline: auto;
  padding-block: 7px;
}

.brand-lockup {
  display: block;
  width: min(1067px, 100%);
  overflow: hidden;
}

.brand-lockup img {
  width: 100%;
  height: auto;
}

.identity-mobile-facts {
  display: none;
}

.header-rule {
  height: 5px;
  background: var(--gold-500);
}

.primary-nav {
  color: #eef8fa;
  background: #214FA1;
  box-shadow: 0 6px 18px rgba(8, 42, 69, 0.15);
}

.nav-inner {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  align-items: center;
  gap: 18px;
  width: min(var(--content), calc(100% - (var(--gutter) * 2)));
  min-height: var(--nav-height);
  margin-inline: auto;
}

.nav-list {
  display: flex;
  grid-column: 1;
  flex-wrap: wrap;
  flex: 1 1 auto;
  align-items: stretch;
  align-self: stretch;
  align-content: stretch;
  gap: clamp(0px, 0.35vw, 6px);
  min-width: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  --nav-title-size: clamp(15.5px, 1.15vw, 17.5px);
}

.nav-list a {
  position: relative;
  display: flex;
  align-items: center;
  min-height: var(--nav-height);
  padding-inline: clamp(4px, 0.35vw, 8px);
  color: rgba(238, 248, 250, 0.82);
  font-size: var(--nav-title-size);
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.2;
  white-space: nowrap;
  transition: color 180ms ease, background-color 180ms ease;
}

.nav-list > li {
  flex: 0 0 auto;
}

.nav-list a::after {
  position: absolute;
  right: 10px;
  bottom: 0;
  left: 10px;
  height: 3px;
  content: "";
  background: var(--gold-500);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 180ms var(--ease);
}

.nav-list a:hover,
.nav-list a.is-current {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.nav-list a:hover::after,
.nav-list a.is-current::after {
  transform: scaleX(1);
}

.site-search {
  grid-column: 2;
  justify-self: end;
  position: relative;
  z-index: 5;
  display: flex;
  flex: 0 0 180px;
  align-items: center;
  height: 40px;
  overflow: hidden;
  border: 1px solid rgba(238, 248, 250, 0.28);
  background: #214FA1;
  transition: border-color 180ms ease, background-color 180ms ease;
}

@media (min-width: 1221px) {
  /* Size the menu track to its contents so the search field stays close to
     the last item, while extra items wrap inside the available first row. */
  .nav-inner {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    justify-content: center;
  }

  .nav-list {
    display: flex;
    flex: 0 1 auto;
    grid-column: auto;
    width: fit-content;
    max-width: calc(100% - 192px);
    min-width: 0;
    flex-wrap: wrap;
    align-content: flex-start;
    overflow: visible;
  }

  .site-search {
    grid-column: auto;
    flex: 0 0 180px;
    align-self: flex-start;
    margin-top: 12px;
  }
}

.site-search:focus-within {
  border-color: var(--gold-500);
  background: #2b5cae;
}

.site-search input {
  min-width: 0;
  flex: 1 1 auto;
  height: 100%;
  padding: 0 10px;
  color: #fff;
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 14px;
}

.site-search input::placeholder {
  color: rgba(238, 248, 250, 0.66);
}

.site-search button {
  display: grid;
  flex: 0 0 38px;
  place-items: center;
  height: 100%;
  padding: 0;
  color: #fff;
  border: 0;
  background: transparent;
  transition: color 180ms ease, background-color 180ms ease;
}

.site-search button:hover {
  color: var(--gold-200);
  background: rgba(255, 255, 255, 0.1);
}

.site-search svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-width: 1.8;
}

.menu-toggle {
  display: none;
  flex: 0 0 42px;
  place-items: center;
  width: 42px;
  height: 42px;
  padding: 9px;
  color: #fff;
  border: 1px solid rgba(238, 248, 250, 0.35);
  background: transparent;
}

.menu-toggle__line {
  display: block;
  width: 20px;
  height: 2px;
  margin: 3px 0;
  background: currentColor;
  transition: transform 180ms ease, opacity 180ms ease;
}

body.nav-open .menu-toggle__line:nth-child(1) {
  transform: translateY(5px) rotate(45deg);
}

body.nav-open .menu-toggle__line:nth-child(2) {
  opacity: 0;
}

body.nav-open .menu-toggle__line:nth-child(3) {
  transform: translateY(-5px) rotate(-45deg);
}

/* Common controls */
.button,
.text-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  font-weight: 700;
  transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.button {
  min-height: 44px;
  padding: 10px 16px;
  border: 1px solid transparent;
  font-size: 14px;
}

.button span,
.text-link span {
  display: inline-block;
  font-size: 18px;
  line-height: 1;
  transition: transform 180ms var(--ease);
}

.button:hover,
.text-link:hover {
  transform: translateY(-2px);
}

.button:hover span,
.text-link:hover span {
  transform: translate(3px, -2px);
}

.button:active,
.text-link:active {
  transform: translateY(0);
}

.button--light {
  color: var(--ink-950);
  background: #fff;
}

.button--light:hover {
  color: #fff;
  background: var(--coral);
}

.button--ink {
  color: #fff;
  background: var(--ink-950);
}

.button--ink:hover {
  background: var(--coral);
}

.button--outline-light {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.54);
  background: transparent;
}

.button--outline-light:hover {
  color: var(--ink-950);
  border-color: #fff;
  background: #fff;
}

.text-link {
  color: var(--ink-800);
  font-size: 14px;
}

.text-link:hover {
  color: var(--coral);
}

.section {
  position: relative;
  padding-block: clamp(74px, 9vw, 132px);
  overflow: hidden;
}

.section-heading h2,
.notice-intro h2,
.academic-copy h2,
.party-copy h2 {
  margin: 0;
  color: var(--ink-950);
  font-family: "Noto Serif SC", "Source Han Serif SC", "STSong", serif;
  font-size: clamp(2rem, 3.6vw, 3.6rem);
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1.16;
  text-wrap: balance;
}

.section-heading > p:last-child,
.notice-intro > p,
.academic-copy > p,
.party-copy > p {
  max-width: 34ch;
  margin: 20px 0 0;
  color: var(--muted);
  line-height: 1.9;
}

.section-topline {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 42px;
}

/* Home hero */
.hero-carousel {
  position: relative;
  /* Keep the homepage visual band close to the compact height shown in the
     supplied reference while retaining enough room for the copy and controls. */
  min-height: clamp(360px, 30vw, 450px);
  overflow: hidden;
  color: #fff;
  background: var(--ink-900);
}

.carousel-track,
.hero-slide {
  position: absolute;
  inset: 0;
}

.hero-slide {
  visibility: hidden;
  background-color: var(--ink-900);
  opacity: 0;
  transition: visibility 0s linear 700ms, opacity 700ms var(--ease);
}

.hero-slide.is-active {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}

.hero-slide__image {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--slide-position, center);
  filter: saturate(0.94) contrast(1.03);
  transform: scale(1.045);
  transition: transform 5.2s var(--ease);
}

.hero-slide.is-active .hero-slide__image {
  transform: scale(1);
}

.hero-slide__shade,
.hero-slide__shade--cool,
.hero-slide__shade--dawn {
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(90deg, rgba(4, 27, 44, 0.9) 0%, rgba(4, 27, 44, 0.72) 33%, rgba(4, 27, 44, 0.3) 68%, rgba(4, 27, 44, 0.08) 100%), linear-gradient(0deg, rgba(4, 27, 44, 0.4), transparent 58%);
}

.hero-slide__content {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  min-height: 100%;
}

.hero-copy {
  position: relative;
  isolation: isolate;
  width: min(590px, 100%);
  padding: 34px 38px 40px 30px;
  text-shadow: 0 2px 18px rgba(4, 27, 44, 0.42);
}

.hero-copy::before {
  position: absolute;
  z-index: -1;
  inset: 0 -42px 0 -28px;
  content: "";
  border-left: 3px solid rgba(234, 215, 173, 0.72);
  background: linear-gradient(105deg, rgba(4, 27, 44, 0.42), rgba(4, 27, 44, 0.08) 78%, transparent);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

.hero-copy h1,
.hero-copy h2 {
  max-width: 12ch;
  margin: 0;
  font-family: "Noto Serif SC", "Source Han Serif SC", "STSong", serif;
  font-size: clamp(2.45rem, 5.1vw, 5rem);
  font-weight: 600;
  letter-spacing: -0.04em;
  line-height: 1.12;
  text-wrap: balance;
}

.hero-copy__description {
  max-width: 38ch;
  margin: 24px 0 30px;
  color: rgba(255, 255, 255, 0.86);
  font-size: clamp(15px, 1.3vw, 18px);
  line-height: 1.8;
}

.carousel-ui {
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: 26px;
  left: 0;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 22px;
}

.carousel-count {
  display: flex;
  align-items: baseline;
  gap: 8px;
  color: rgba(255, 255, 255, 0.9);
  font-variant-numeric: tabular-nums;
  font-size: 14px;
  font-weight: 700;
}

.carousel-count__slash {
  color: var(--gold-200);
}

.carousel-dots {
  display: flex;
  justify-content: center;
  gap: 9px;
}

.carousel-dots button {
  width: 36px;
  height: 4px;
  padding: 0;
  border: 0;
  background: rgba(255, 255, 255, 0.42);
  transition: width 200ms var(--ease), background-color 200ms ease;
}

.carousel-dots button.is-active {
  width: 62px;
  background: var(--gold-200);
}

.carousel-arrows {
  display: flex;
  justify-content: end;
  gap: 8px;
}

.carousel-arrow {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  padding: 0;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.48);
  background: rgba(5, 33, 54, 0.22);
  font-size: 20px;
  transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.carousel-arrow:hover {
  color: var(--ink-950);
  border-color: #fff;
  background: #fff;
  transform: translateY(-2px);
}

.hero-carousel__controls {
  position: absolute;
  z-index: 4;
  right: clamp(20px, 4vw, 64px);
  bottom: 24px;
  display: flex;
  align-items: center;
  gap: 18px;
}

.hero-carousel__button {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.58);
  border-radius: 50%;
  background: rgba(5, 33, 54, 0.34);
  line-height: 0;
  cursor: pointer;
  transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.hero-carousel__button svg {
  display: block;
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.hero-carousel__button:hover,
.hero-carousel__button:focus-visible {
  color: var(--ink-950);
  border-color: #fff;
  background: #fff;
  transform: translateY(-2px);
}

.hero-carousel__dots {
  position: absolute;
  z-index: 4;
  right: 0;
  bottom: 31px;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 7px;
}

.hero-carousel__dots button {
  width: 8px;
  height: 8px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.78);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.18);
  cursor: pointer;
  transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease;
}

.hero-carousel__dots button.is-active {
  transform: scale(1.2);
  border-color: #fff;
  background: #fff;
}

.hero-carousel__dots button:hover,
.hero-carousel__dots button:focus-visible {
  border-color: #fff;
  background: rgba(255, 255, 255, 0.84);
  outline: none;
}

.notice-item__arrow {
  align-self: start;
  color: var(--coral);
  font-size: 21px;
  line-height: 1;
  transition: transform 180ms var(--ease), color 180ms ease;
}

.notice-item:hover .notice-item__arrow {
  color: var(--gold-200);
  transform: translate(3px, -3px);
}

/* Home notices */
.section--notices {
  background: #e4f2f6;
}

.section--notices::after {
  position: absolute;
  right: -8%;
  bottom: -22%;
  width: min(45vw, 610px);
  height: 610px;
  content: "";
  opacity: 0.16;
  background: url("../images/College_bg1.jpg") center / cover no-repeat;
  transform: rotate(-7deg);
}

.notice-layout {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(210px, 0.65fr) minmax(0, 1.35fr);
  gap: clamp(42px, 9vw, 140px);
}

.notice-intro .text-link {
  margin-top: 28px;
}

.notice-intro__visual {
  width: min(100%, 280px);
  margin-top: 26px;
  overflow: hidden;
  background: #c9e4eb;
}

.notice-intro__visual img {
  width: 100%;
  aspect-ratio: 1.7 / 1;
  object-fit: cover;
  object-position: center 42%;
}

.notice-intro__visual span {
  display: block;
  padding: 8px 10px;
  color: var(--ink-800);
  background: rgba(255, 255, 255, 0.65);
  font-size: 10px;
}

.notice-list {
  border-top: 1px solid var(--line);
}

.notice-item {
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr) auto;
  gap: 20px;
  align-items: center;
  min-height: 95px;
  padding-block: 15px;
  border-bottom: 1px solid var(--line);
  transition: padding-inline 180ms ease, background-color 180ms ease;
}

.notice-item:hover {
  padding-inline: 13px;
  background: rgba(255, 255, 255, 0.56);
}

.notice-item time {
  display: flex;
  flex-direction: column;
  color: var(--ink-800);
  font-variant-numeric: tabular-nums;
  line-height: 1.15;
}

.notice-item time b {
  font-family: "Noto Serif SC", "Source Han Serif SC", "STSong", serif;
  font-size: 31px;
  font-weight: 600;
}

.notice-item time span {
  color: var(--muted);
  font-size: 11px;
}

.notice-item__text {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}

.notice-item__text em {
  display: none;
}

.notice-item__text strong {
  font-size: 16px;
  line-height: 1.6;
}

/* Home academic band */
.section--academic {
  color: #fff;
  background: var(--ink-900);
}

.academic-bg {
  position: absolute;
  inset: 0;
  opacity: 0.2;
  background: url("../images/research-lake.png") center 44% / cover no-repeat;
  mix-blend-mode: screen;
}

@media (prefers-reduced-motion: no-preference) {
  .academic-bg {
    animation: academic-drift 24s ease-in-out infinite alternate;
    transform-origin: center;
  }
}

@keyframes academic-drift {
  from { transform: scale(1.01) translate3d(0, 0, 0); }
  to { transform: scale(1.06) translate3d(-14px, -8px, 0); }
}

.section--academic::after {
  position: absolute;
  right: 0;
  bottom: -90px;
  width: 46%;
  height: 280px;
  content: "";
  opacity: 0.09;
  background: url("../images/gold-frame.png") center / 390px auto repeat;
  transform: rotate(-8deg);
}

.academic-layout {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(230px, 0.7fr) minmax(0, 1.3fr);
  gap: clamp(42px, 9vw, 142px);
  align-items: start;
}

.academic-copy h2 {
  color: #fff;
}

.academic-copy > p {
  color: rgba(238, 248, 250, 0.76);
}

.academic-copy .button {
  margin-top: 28px;
}

.academic-cards {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.academic-card {
  display: grid;
  grid-template-rows: auto 1fr;
  min-width: 0;
  overflow: hidden;
  color: #fff;
  border: 1px solid rgba(228, 239, 242, 0.22);
  background: rgba(4, 27, 44, 0.48);
  box-shadow: 0 16px 34px rgba(4, 27, 44, 0.16);
  transition: border-color 220ms ease, background-color 220ms ease, transform 220ms var(--ease), box-shadow 220ms ease;
}

.academic-card--featured {
  grid-row: 1 / span 2;
}

.academic-card:hover {
  border-color: var(--gold-200);
  background: rgba(4, 27, 44, 0.68);
  box-shadow: 0 22px 42px rgba(4, 27, 44, 0.26);
  transform: translateY(-4px);
}

.academic-card__image {
  aspect-ratio: 1.72 / 1;
  overflow: hidden;
  background: var(--ink-800);
}

.academic-card--featured .academic-card__image {
  aspect-ratio: 1.5 / 1;
}

.academic-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.86) contrast(1.03);
  transition: transform 700ms var(--ease);
}

.academic-card:hover .academic-card__image img {
  transform: scale(1.045);
}

.academic-card__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 16px 18px 18px;
}

.academic-card__body > span {
  color: var(--gold-200);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
}

.academic-card__body h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.55;
  text-wrap: pretty;
}

.academic-card--featured .academic-card__body h3 {
  font-size: clamp(1.05rem, 1.6vw, 1.35rem);
}

.academic-card__body time {
  margin-top: auto;
  color: rgba(238, 248, 250, 0.66);
  font-size: 11px;
  font-variant-numeric: tabular-nums;
}

/* Home party band */
.section--party {
  background: #e9f4f7;
}

.section--party::before {
  position: absolute;
  top: 0;
  right: -10%;
  bottom: 0;
  width: 57%;
  content: "";
  opacity: 0.075;
  background: url("../images/party-textile.png") center / 680px auto repeat;
  mask-image: linear-gradient(90deg, transparent, #000 32%);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 32%);
}

.party-layout {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(210px, 0.65fr) minmax(0, 1.35fr);
  gap: clamp(42px, 9vw, 140px);
}

.party-copy h2 {
  color: var(--ink-950);
}

.party-copy .button {
  margin-top: 27px;
}

.party-ornament {
  position: absolute;
  top: -12px;
  left: -5px;
  display: flex;
  gap: 8px;
  transform: translateY(-100%);
}

.party-ornament span {
  display: block;
  width: 8px;
  height: 8px;
  background: var(--coral);
  transform: rotate(45deg);
}

.party-ornament span:nth-child(2) {
  background: var(--gold-500);
}

.party-list {
  border-top: 1px solid rgba(169, 100, 85, 0.36);
}

.party-list a {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: start;
  padding: 23px 0;
  border-bottom: 1px solid rgba(169, 100, 85, 0.36);
  transition: padding-inline 180ms ease, background-color 180ms ease;
}

.party-list a:hover {
  padding-inline: 12px;
  background: rgba(255, 255, 255, 0.55);
}

.party-list strong {
  font-size: 16px;
  line-height: 1.7;
}

.party-list time {
  color: var(--coral);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* Home honors */
.section--honors {
  padding-bottom: clamp(84px, 10vw, 148px);
  background: var(--paper);
}

.honor-rail {
  display: grid;
  grid-auto-columns: minmax(210px, 0.8fr);
  grid-auto-flow: column;
  gap: 18px;
  overflow-x: auto;
  padding: 4px 4px 18px;
  scrollbar-color: var(--blue-500) transparent;
  scrollbar-width: thin;
}

.honor-card {
  display: block;
  min-width: 0;
  border: 1px solid var(--line);
  background: #fff;
  transition: transform 220ms var(--ease), box-shadow 220ms ease;
}

.honor-card:hover {
  box-shadow: var(--shadow-soft);
  transform: translateY(-5px);
}

.honor-card__image {
  aspect-ratio: 1.42 / 1;
  overflow: hidden;
  background: var(--blue-100);
}

.honor-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 600ms var(--ease);
}

.honor-card:hover .honor-card__image img {
  transform: scale(1.04);
}

.honor-card__meta {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-height: 102px;
  padding: 15px 16px 17px;
}

.honor-card__meta span {
  color: var(--coral);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
}

.honor-card__meta strong {
  font-size: 14px;
  line-height: 1.6;
}

/* Shared footer */
.site-footer {
  color: rgba(238, 248, 250, 0.82);
  background: var(--ink-950);
}

.footer-pattern {
  height: 29px;
  opacity: 0.95;
  background-color: var(--coral);
  background-image: url("../images/footimg.jpg");
  background-repeat: repeat-x;
  background-size: 30px 30px;
}

.footer-main {
  display: grid;
  grid-template-columns: minmax(230px, 1fr) minmax(230px, 0.9fr) minmax(245px, 1fr);
  gap: clamp(35px, 8vw, 120px);
  padding-block: 42px 36px;
}

.footer-brand img {
  width: min(390px, 100%);
  padding: 8px 10px;
  background: rgba(255, 255, 255, 0.94);
}

.footer-brand p {
  margin: 12px 0 0;
  color: rgba(238, 248, 250, 0.7);
  font-size: 14px;
}

.footer-column h2 {
  margin: 0 0 12px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.footer-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 25px;
}

.footer-links a {
  width: fit-content;
  color: rgba(238, 248, 250, 0.72);
  font-size: 13px;
  transition: color 180ms ease, transform 180ms var(--ease);
}

.footer-links a:hover {
  color: var(--gold-200);
  transform: translateX(3px);
}

.footer-contact p {
  margin: 0 0 8px;
  color: rgba(238, 248, 250, 0.72);
  font-size: 13px;
  line-height: 1.75;
}

.footer-bottom {
  display: flex;
  justify-content: center;
  gap: 20px;
  padding-block: 13px 17px;
  border-top: 1px solid var(--line-dark);
  color: rgba(238, 248, 250, 0.52);
  font-size: 11px;
  text-align: center;
}

/* Compact shared footer: keep the existing navy surface and pattern while
   matching the low-profile reference bar. */
.site-footer {
  background: #214FA1 !important;
}

.site-footer .footer-pattern {
  height: 14px !important;
  background-size: 30px 30px !important;
}

.site-footer .footer-main {
  display: grid !important;
  grid-template-columns: fit-content(100%) auto !important;
  align-items: center !important;
  gap: clamp(10px, 1.5vw, 18px) !important;
  padding-block: 16px 14px !important;
}

.site-footer .footer-brand {
  display: flex !important;
  min-width: 0 !important;
  align-items: center !important;
  gap: 16px !important;
}

.site-footer .footer-brand img {
  width: 80px !important;
  max-width: 80px !important;
  height: auto !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  /* Preserve the complete QR code and let the asset's intrinsic ratio define
     its height so finder patterns and the caption are never clipped. */
  background: transparent !important;
  clip-path: none !important;
}

.site-footer .footer-brand {
  position: relative !important;
}

.site-footer .footer-qr__caption {
  color: rgba(255, 255, 255, 0.88) !important;
  font-size: 11px !important;
  line-height: 1.3 !important;
  position: absolute !important;
  top: calc(50% + 44px) !important;
  left: 0 !important;
  width: 80px !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.site-footer .footer-info {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  width: fit-content !important;
  max-width: 100% !important;
  justify-self: start !important;
  min-width: 0 !important;
  align-items: center !important;
  gap: 4px !important;
}

.site-footer .footer-info .footer-brand {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

.site-footer .footer-info .footer-contact {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: fit-content !important;
  max-width: 100% !important;
}

/* Keep the QR code and contact copy as one left-anchored horizontal group. */
.site-footer .footer-main {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.site-footer .footer-info {
  display: flex !important;
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  align-items: center !important;
  justify-self: auto !important;
}

.site-footer .footer-info .footer-brand,
.site-footer .footer-info .footer-contact {
  grid-column: auto !important;
  grid-row: auto !important;
}

.site-footer .footer-info .footer-brand {
  flex: 0 0 auto !important;
}

.site-footer .footer-info .footer-contact {
  flex: 0 0 auto !important;
  margin-left: 4px !important;
}

.site-footer .footer-brand p {
  margin: 0 !important;
  color: rgba(238, 248, 250, 0.72) !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

.site-footer .footer-contact {
  display: flex !important;
  min-width: 0 !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 3px !important;
}

.site-footer .footer-contact h2 {
  flex: 0 0 100% !important;
  margin: 0 0 2px !important;
  font-size: 13px !important;
}

.site-footer .footer-contact p {
  margin: 0 !important;
  color: rgba(238, 248, 250, 0.72) !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  white-space: nowrap !important;
}

/* Final footer placement: keep the QR code and contact copy together at the
   left edge of the centered footer content. */
.site-footer .footer-main {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.site-footer .footer-main > .footer-brand {
  display: flex !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  padding-bottom: 14px !important;
}

.site-footer .footer-main > .footer-brand > img {
  flex: 0 0 80px !important;
}

.site-footer .footer-main > .footer-brand > .footer-contact {
  display: flex !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  margin-left: 0 !important;
  text-align: left !important;
}

.site-footer .footer-main > .footer-quick {
  flex: 0 0 auto !important;
  margin-left: auto !important;
}

.site-footer .footer-quick {
  display: flex !important;
  align-items: center !important;
  justify-self: end !important;
  gap: 12px !important;
  white-space: nowrap !important;
}

.site-footer .footer-quick__label {
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.site-footer .footer-quick__select {
  width: 190px !important;
  height: 34px !important;
  padding: 0 30px 0 12px !important;
  color: var(--ink-800) !important;
  border: 1px solid rgba(255, 255, 255, 0.32) !important;
  border-radius: 2px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  font: inherit !important;
  font-size: 12px !important;
  cursor: pointer !important;
}

.site-footer .footer-quick__select:focus-visible {
  outline: 2px solid var(--gold-200) !important;
  outline-offset: 2px !important;
}

.site-footer .footer-bottom {
  min-height: 30px !important;
  padding-block: 6px 8px !important;
  font-size: 10px !important;
}

@media (max-width: 900px) {
  .site-footer .footer-main {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
  }

  .site-footer .footer-info {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  .site-footer .footer-quick {
    margin-left: auto !important;
  }

  .site-footer .footer-contact p {
    white-space: normal !important;
  }
}

@media (max-width: 620px) {
  .site-footer .footer-main {
    display: block !important;
    gap: 14px !important;
    padding-block: 14px 12px !important;
  }

  .site-footer .footer-info {
    width: 100% !important;
    margin-bottom: 12px !important;
  }

  .site-footer .footer-brand {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 26px !important;
  }

  .site-footer .footer-qr__caption {
    top: 94px !important;
  }

  .site-footer .footer-contact,
  .site-footer .footer-quick {
    justify-self: start !important;
  }

  .site-footer .footer-quick__select {
    width: min(190px, 58vw) !important;
  }
}

.back-to-top {
  position: fixed;
  z-index: 15;
  right: 22px;
  bottom: 24px;
  display: grid;
  place-items: center;
  width: 43px;
  height: 43px;
  padding: 0;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: var(--ink-900);
  box-shadow: 0 10px 28px rgba(8, 42, 69, 0.2);
  opacity: 0;
  pointer-events: none;
  transform: translateY(10px);
  transition: opacity 180ms ease, transform 180ms var(--ease), background-color 180ms ease;
}

.back-to-top.is-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.back-to-top:hover {
  background: var(--coral);
  transform: translateY(-3px);
}

.noscript-note {
  padding: 15px var(--gutter);
  color: #fff;
  background: var(--coral);
  text-align: center;
}

/* Shared section/list banner */
.page-banner {
  position: relative;
  min-height: 224px;
  overflow: hidden;
  color: #fff;
  background: var(--ink-900) url("../images/news_img2.jpg") center / cover no-repeat;
}

.page-banner::before {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(90deg, rgba(8, 42, 69, 0.84), rgba(8, 42, 69, 0.3) 68%, rgba(8, 42, 69, 0.16));
}

.page-banner__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 224px;
  padding-block: 36px;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin: 0 0 17px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 12px;
}

.breadcrumb a:hover {
  color: var(--gold-200);
}

.breadcrumb__separator {
  color: var(--gold-200);
}

.page-banner h1 {
  max-width: 17ch;
  margin: 0;
  color: #fff;
  font-family: "Noto Serif SC", "Source Han Serif SC", "STSong", serif;
  font-size: clamp(2rem, 4vw, 3.8rem);
  font-weight: 600;
  letter-spacing: -0.035em;
  line-height: 1.18;
  text-wrap: balance;
}

.page-banner__summary {
  max-width: 54ch;
  margin: 13px 0 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 14px;
}

/* Archive/list page */
.archive-page {
  padding-block: clamp(54px, 7vw, 94px) clamp(80px, 10vw, 140px);
  background: #eaf5f8;
}

.archive-shell {
  display: grid;
  grid-template-columns: 225px minmax(0, 1fr);
  gap: clamp(35px, 7vw, 100px);
  align-items: start;
}

.context-nav {
  position: static;
}

.context-nav__title {
  margin: 0 0 16px;
  color: var(--ink-950);
  font-family: "Noto Serif SC", "Source Han Serif SC", "STSong", serif;
  font-size: 22px;
  font-weight: 600;
}

.context-nav__list {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--line);
}

.context-nav__list a {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 0;
  color: var(--muted);
  border-bottom: 1px solid var(--line);
  font-size: 13px;
  transition: color 180ms ease, padding-inline 180ms ease, background-color 180ms ease;
}

.context-nav__list a::after {
  content: "↗";
  color: var(--gold-700);
  opacity: 0;
  transform: translateX(-4px);
  transition: opacity 180ms ease, transform 180ms var(--ease);
}

.context-nav__list a:hover,
.context-nav__list a.is-current {
  padding-inline: 10px;
  color: var(--ink-950);
  background: var(--blue-100);
}

.context-nav__list a:hover::after,
.context-nav__list a.is-current::after {
  opacity: 1;
  transform: translateX(0);
}

.context-select-wrap {
  display: none;
}

.archive-main {
  min-width: 0;
}

.archive-heading {
  display: flex;
  justify-content: space-between;
  gap: 25px;
  align-items: end;
  margin-bottom: 28px;
}

.archive-heading h2 {
  margin: 0;
  color: var(--ink-950);
  font-family: "Noto Serif SC", "Source Han Serif SC", "STSong", serif;
  font-size: clamp(1.9rem, 3.3vw, 3.1rem);
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1.2;
}

.archive-heading p {
  max-width: 36ch;
  margin: 8px 0 0;
  color: var(--muted);
  font-size: 13px;
}

.archive-count {
  flex: 0 0 auto;
  color: var(--coral);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.archive-tools {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 10px;
  margin-bottom: 23px;
}

.archive-filter,
.archive-query {
  min-height: 46px;
  color: var(--ink-950);
  border: 1px solid var(--line);
  border-radius: 0;
  background: rgba(255, 255, 255, 0.82);
}

.archive-query {
  width: 100%;
  padding: 9px 13px;
  outline: 0;
}

.archive-filter {
  padding: 9px 34px 9px 13px;
}

.archive-query:focus,
.archive-filter:focus {
  border-color: var(--blue-700);
  outline: 3px solid rgba(40, 123, 166, 0.18);
}

.archive-list {
  border-top: 1px solid var(--line);
}

.archive-item {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr) 24px;
  gap: 23px;
  align-items: start;
  padding: 25px 0 23px;
  border-bottom: 1px solid var(--line);
  transition: padding-inline 180ms ease, background-color 180ms ease;
}

.archive-item:hover {
  padding-inline: 13px;
  background: rgba(255, 255, 255, 0.72);
}

.archive-item__date {
  display: flex;
  flex-direction: column;
  color: var(--ink-800);
  font-variant-numeric: tabular-nums;
  line-height: 1.15;
}

.archive-item__date strong {
  font-family: "Noto Serif SC", "Source Han Serif SC", "STSong", serif;
  font-size: 31px;
  font-weight: 600;
}

.archive-item__date span {
  color: var(--muted);
  font-size: 11px;
}

.archive-item__body {
  min-width: 0;
}

.archive-item__tag {
  display: inline-block;
  margin-bottom: 8px;
  color: var(--coral);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
}

.archive-item__body h3 {
  margin: 0;
  color: var(--ink-950);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.65;
  text-wrap: pretty;
}

.archive-item__body p {
  max-width: 68ch;
  margin: 8px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.75;
}

.archive-item__demo {
  display: inline-block;
  margin-top: 10px;
  padding: 2px 6px;
  color: var(--gold-700);
  border: 1px solid rgba(157, 115, 54, 0.36);
  font-size: 10px;
  letter-spacing: 0.06em;
}

.archive-item__arrow {
  color: var(--coral);
  font-size: 20px;
  line-height: 1;
  transition: transform 180ms var(--ease);
}

.archive-item:hover .archive-item__arrow {
  transform: translate(3px, -3px);
}

.archive-empty {
  display: none;
  padding: 55px 20px;
  border: 1px dashed var(--line);
  color: var(--muted);
  text-align: center;
}

.archive-empty.is-visible {
  display: block;
}

.archive-empty strong {
  display: block;
  margin-bottom: 8px;
  color: var(--ink-950);
  font-family: "Noto Serif SC", "Source Han Serif SC", "STSong", serif;
  font-size: 22px;
  font-weight: 600;
}

.pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
  margin-top: 28px;
}

.pagination button {
  display: grid;
  place-items: center;
  min-width: 36px;
  height: 36px;
  padding-inline: 8px;
  color: var(--muted);
  border: 1px solid var(--line);
  background: transparent;
  font-size: 13px;
  transition: color 180ms ease, border-color 180ms ease, background-color 180ms ease;
}

.pagination button:hover,
.pagination button.is-current {
  color: #fff;
  border-color: var(--ink-900);
  background: var(--ink-900);
}

.pagination button:disabled {
  cursor: not-allowed;
  opacity: 0.38;
}

/* Compact static pagination used on the archive page. */
.archive-main .pagination {
  justify-content: flex-end;
  gap: 4px;
  margin-top: 22px;
}

.archive-main .pagination button {
  min-width: 26px;
  height: 26px;
  padding-inline: 6px;
  color: var(--ink-800);
  border-color: rgba(72, 112, 137, 0.28);
  background: rgba(255, 255, 255, 0.64);
  font-size: 12px;
}

.archive-main .pagination button.is-current {
  color: #fff;
  border-color: #214fa1;
  background: #214fa1;
}

.archive-main .pagination button:disabled {
  color: var(--muted);
  border-color: rgba(72, 112, 137, 0.18);
  background: rgba(255, 255, 255, 0.42);
  opacity: 0.72;
}

.archive-main .pagination__ellipsis {
  display: inline-flex;
  width: 18px;
  height: 26px;
  align-items: center;
  justify-content: center;
  color: var(--muted);
  font-size: 13px;
}

.archive-status {
  min-height: 22px;
  margin: 10px 0 0;
  color: var(--muted);
  font-size: 12px;
}

/* Article/detail page */
.detail-page {
  padding-block: clamp(54px, 7vw, 96px) clamp(88px, 11vw, 150px);
  background: #eef7f9;
}

.reading-shell {
  display: grid;
  grid-template-columns: 215px minmax(0, 1fr);
  gap: clamp(38px, 8vw, 120px);
  align-items: start;
}

.reading-context {
  position: static;
}

.reading-context__title {
  margin: 0 0 17px;
  color: var(--ink-950);
  font-family: "Noto Serif SC", "Source Han Serif SC", "STSong", serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.35;
}

.reading-context__links {
  display: grid;
  gap: 1px;
  border-top: 1px solid var(--line);
}

.reading-context__links a {
  padding: 10px 0;
  color: var(--muted);
  border-bottom: 1px solid var(--line);
  font-size: 13px;
  transition: color 180ms ease, padding-inline 180ms ease, background-color 180ms ease;
}

.reading-context__links a:hover,
.reading-context__links a.is-current {
  padding-inline: 10px;
  color: var(--ink-950);
  background: var(--blue-100);
}

.article-wrap {
  min-width: 0;
}

.article-header {
  max-width: 930px;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(40, 123, 166, 0.24);
}

.article-title {
  max-width: 22ch;
  margin: 0;
  color: var(--ink-950);
  font-family: "Noto Serif SC", "Source Han Serif SC", "STSong", serif;
  font-size: clamp(2rem, 4vw, 3.9rem);
  font-weight: 600;
  letter-spacing: -0.035em;
  line-height: 1.25;
  text-wrap: pretty;
}

.article-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 22px;
  margin: 20px 0 0;
  color: var(--muted);
  font-size: 12px;
}

.article-meta span + span::before {
  margin-right: 22px;
  content: "/";
  color: var(--gold-700);
}

.article-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 170px;
  gap: 40px;
  align-items: start;
  padding-top: 40px;
}

.article-body {
  max-width: 72ch;
  color: #29495c;
  font-size: 17px;
  line-height: 2.05;
}

.article-body > p:first-child {
  margin-top: 0;
}

.article-body p {
  margin: 0 0 1.25em;
}

.article-body h2 {
  margin: 2.15em 0 0.8em;
  color: var(--ink-950);
  font-family: "Noto Serif SC", "Source Han Serif SC", "STSong", serif;
  font-size: 1.55rem;
  font-weight: 600;
  line-height: 1.4;
}

.article-body blockquote {
  margin: 2em 0;
  padding: 18px 22px;
  color: var(--ink-800);
  border: 1px solid var(--gold-200);
  background: #f7f1e5;
  font-family: "Noto Serif SC", "Source Han Serif SC", "STSong", serif;
}

.article-figure {
  margin: 34px 0 38px;
}

.article-figure__image {
  width: 100%;
  max-height: 390px;
  object-fit: cover;
}

.article-figure figcaption {
  margin-top: 9px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.6;
}

.reading-progress {
  position: fixed;
  z-index: 40;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  pointer-events: none;
  background: transparent;
}

.reading-progress span {
  display: block;
  width: 0;
  height: 100%;
  background: var(--coral);
  transition: width 80ms linear;
}

/* Scroll reveal: content remains visible when script or motion is unavailable. */
.reveal {
  opacity: 1;
  transform: none;
}

.js .reveal {
  opacity: 1;
  transform: none;
}

.js .reveal.is-revealed {
  opacity: 1;
  transform: translateY(0);
  animation: section-enter 700ms var(--ease) both;
}

.reveal-stagger > * {
  --reveal-index: 0;
  opacity: 1;
  transform: none;
}

.js .reveal-stagger > * {
  opacity: 1;
  transform: none;
}

.js .reveal.is-revealed .reveal-stagger > * {
  opacity: 1;
  transform: translateY(0);
  animation: item-enter 620ms var(--ease) both;
  animation-delay: calc(var(--reveal-index) * 70ms);
}

@keyframes section-enter {
  from { opacity: 0.35; transform: translateY(22px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes item-enter {
  from { opacity: 0.2; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 1220px) {
  .nav-inner {
    gap: 12px;
  }

  .menu-toggle {
    display: grid;
  }

  .nav-list {
    position: absolute;
    z-index: 25;
    top: calc(100% + 1px);
    right: 0;
    left: 0;
    display: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    padding: 8px;
    background: #214FA1;
    box-shadow: 0 16px 26px rgba(8, 42, 69, 0.22);
  }

  body.nav-open .nav-list {
    display: grid;
  }

  .nav-list a,
  .nav-list a::after {
    min-height: 48px;
  }

  .nav-list a {
    padding-inline: 12px;
  }

  .site-search {
    margin-left: auto;
  }
}

/* Keep the active accent centered beneath the label instead of spanning
   beyond the title's visual width. */
.nav-list > li > a::after {
  right: auto;
  left: 50%;
  width: 32px;
  transform: translateX(-50%) scaleX(0);
  transform-origin: center;
}

.nav-list > li:hover > a::after,
.nav-list > li:focus-within > a::after,
.nav-list > li > a.is-current::after {
  transform: translateX(-50%) scaleX(1);
}

/* Keep menus that extend below the header above the hero and page content. */
.site-header {
  z-index: 20;
}

@media (max-width: 860px) {
  :root {
    --gutter: 24px;
  }

  .identity-inner {
    min-height: 132px;
    padding-block: 8px 11px;
  }

  .brand-lockup {
    width: 100%;
    max-height: 81px;
  }

  .brand-lockup img {
    width: 585px;
    max-width: none;
    height: 81px;
    object-fit: contain;
    object-position: left center;
  }

  .identity-mobile-facts {
    display: grid;
    gap: 2px;
    margin-left: 12px;
    color: var(--ink-800);
    font-size: 10px;
    line-height: 1.45;
  }

  .identity-mobile-facts span:nth-child(n + 3) {
    display: none;
  }

  .news-layout,
  .notice-layout,
  .academic-layout,
  .party-layout,
  .archive-shell,
  .reading-shell {
    grid-template-columns: 1fr;
  }

  .context-nav,
  .reading-context {
    position: static;
  }

  .context-nav__list,
  .reading-context__links {
    display: none;
  }

  .context-select-wrap {
    display: block;
    margin-bottom: 30px;
  }

  .context-select {
    width: 100%;
    min-height: 44px;
    padding: 8px 12px;
    color: var(--ink-950);
    border: 1px solid var(--line);
    border-radius: 0;
    background: #fff;
  }

  .reading-context__title {
    margin-bottom: 0;
  }

  .article-layout {
    grid-template-columns: 1fr;
  }

  .footer-main {
    grid-template-columns: 1fr 1fr;
  }

  .footer-brand {
    grid-column: 1 / -1;
  }
}

@media (max-width: 580px) {
  :root {
    --gutter: 18px;
  }

  body {
    font-size: 15px;
  }

  body::before {
    top: 460px;
    right: -170px;
    width: 500px;
    opacity: 0.1;
  }

  .identity-band {
    background-position: 58% center;
  }

  .identity-inner {
    display: block;
    min-height: 126px;
    padding-block: 7px 9px;
  }

  .brand-lockup {
    max-height: 68px;
  }

  .brand-lockup img {
    width: 490px;
    height: 68px;
  }

  .identity-mobile-facts {
    grid-template-columns: 1fr;
    margin: 1px 0 0 4px;
    font-size: 9px;
  }

  .header-rule {
    height: 4px;
  }

  .nav-inner {
    min-height: 56px;
  }

  .site-search {
    flex-basis: 43px;
    width: 43px;
    margin-left: auto;
    transition: width 180ms var(--ease);
  }

  .site-search:focus-within {
    width: min(205px, calc(100vw - 92px));
    flex-basis: min(205px, calc(100vw - 92px));
  }

  .site-search input {
    width: 0;
    padding-inline: 0;
    opacity: 0;
    transition: width 180ms ease, opacity 180ms ease, padding 180ms ease;
  }

  .site-search:focus-within input {
    width: 100%;
    padding-inline: 10px;
    opacity: 1;
  }

  .nav-list {
    grid-template-columns: 1fr;
  }

  .hero-carousel {
    min-height: 420px;
  }

  .hero-slide__image {
    object-position: center;
  }

  .hero-slide:first-child .hero-slide__image {
    object-position: 53% center;
  }

  .hero-slide__shade,
  .hero-slide__shade--cool,
  .hero-slide__shade--dawn {
    background: linear-gradient(0deg, rgba(4, 27, 44, 0.92) 0%, rgba(4, 27, 44, 0.58) 64%, rgba(4, 27, 44, 0.14) 100%);
  }

  .hero-slide__content {
    align-items: end;
  }

  .hero-copy {
    padding: 28px 22px 34px 18px;
  }

  .hero-copy::before {
    inset: -10px -18px -12px -16px;
    border-left-width: 2px;
    background: linear-gradient(105deg, rgba(4, 27, 44, 0.52), rgba(4, 27, 44, 0.12) 84%, transparent);
  }

  .hero-copy h1,
  .hero-copy h2 {
    max-width: 10ch;
    font-size: clamp(2.3rem, 11vw, 3.4rem);
  }

  .hero-copy__description {
    max-width: 31ch;
    margin-block: 18px 23px;
    font-size: 14px;
  }

  .carousel-ui {
    bottom: 17px;
    grid-template-columns: auto 1fr auto;
    gap: 12px;
  }

  .carousel-dots {
    gap: 5px;
  }

  .carousel-dots button {
    width: 20px;
  }

  .carousel-dots button.is-active {
    width: 34px;
  }

  .carousel-arrow {
    width: 36px;
    height: 36px;
  }

  .section {
    padding-block: 67px 78px;
  }

  .section-topline,
  .archive-heading {
    display: block;
    margin-bottom: 28px;
  }

  .section-topline .text-link {
    margin-top: 18px;
    text-align: left;
  }

  .news-layout {
    gap: 39px;
  }

  .notice-layout,
  .academic-layout,
  .party-layout {
    gap: 36px;
  }

  .academic-cards {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    gap: 13px;
  }

  .academic-card--featured {
    grid-row: auto;
  }

  .academic-card__image,
  .academic-card--featured .academic-card__image {
    aspect-ratio: 1.7 / 1;
  }

  .notice-item {
    grid-template-columns: 56px minmax(0, 1fr) auto;
    gap: 12px;
  }

  .notice-item time b {
    font-size: 26px;
  }

  .notice-item__text strong,
  .party-list strong {
    font-size: 14px;
  }

  .party-layout::before {
    right: -42%;
    width: 92%;
  }

  .party-list a {
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .footer-main {
    grid-template-columns: 1fr;
    gap: 33px;
    padding-block: 34px 29px;
  }

  .footer-brand {
    grid-column: auto;
  }

  .footer-bottom {
    display: grid;
    gap: 5px;
    padding-bottom: 21px;
  }

  .back-to-top {
    right: 15px;
    bottom: 15px;
    width: 39px;
    height: 39px;
  }

  .page-banner,
  .page-banner__inner {
    min-height: 205px;
  }

  .page-banner__inner {
    padding-block: 29px;
  }

  .page-banner h1 {
    max-width: 12ch;
    font-size: 2.25rem;
  }

  .archive-page,
  .detail-page {
    padding-block: 44px 80px;
  }

  .archive-tools {
    grid-template-columns: 1fr;
  }

  .archive-item {
    grid-template-columns: 55px minmax(0, 1fr) 18px;
    gap: 12px;
    padding-block: 21px;
  }

  .archive-item__date strong {
    font-size: 25px;
  }

  .archive-item__body h3 {
    font-size: 15px;
  }

  .archive-item__body p {
    font-size: 12px;
  }

  .article-title {
    max-width: 100%;
    font-size: 2.05rem;
  }

  .article-layout {
    padding-top: 30px;
  }

  .article-body {
    font-size: 16px;
    line-height: 1.95;
  }

}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }

  .ambient-canvas {
    display: none;
  }

  .js .reveal,
  .js .reveal.is-revealed {
    opacity: 1;
    transform: none;
  }

  .js .reveal-stagger > * {
    opacity: 1;
    transform: none;
    animation: none;
  }
}

/* -------------------------------------------------------------------------
   Compact editorial pass
   The home page now reads as a sequence of short horizontal information
   bands. Background imagery is kept in a masked side rail so it never sits
   underneath the reading column.
------------------------------------------------------------------------- */
:root {
  --home-section-pad: clamp(52px, 6.2vw, 88px);
  --surface-blue: #eaf5f8;
}

.section {
  padding-block: var(--home-section-pad);
}

.section + .section {
  border-top: 1px solid rgba(40, 123, 166, 0.11);
}

.section-topline {
  margin-bottom: 25px;
}

.section-heading h2,
.notice-intro h2,
.academic-copy h2,
.party-copy h2 {
  font-size: clamp(1.85rem, 3vw, 3rem);
}

/* Keep action states inside the blue / gold system instead of switching to
   an unrelated terracotta block. Text stays on a stable high-contrast base. */
.button {
  transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.button--light:hover {
  color: var(--ink-950);
  border-color: var(--gold-500);
  background: var(--blue-100);
  box-shadow: inset 0 -3px 0 var(--gold-500);
}

.button--ink:hover {
  color: var(--ink-950);
  border-color: var(--blue-500);
  background: var(--blue-200);
  box-shadow: inset 0 -3px 0 var(--gold-500);
}

.button--outline-light:hover {
  color: var(--ink-950);
  border-color: var(--gold-200);
  background: var(--blue-100);
}

/* Home background rails -------------------------------------------------- */
.section--news,
.section--notices,
.section--academic,
.section--party,
.archive-page,
.detail-page {
  isolation: isolate;
}

.section--news {
  background: #f4fafb;
}

.section--news,
.section--notices {
  overflow: hidden;
}

.section--news::after,
.section--notices::after,
.section--party::before {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  height: auto;
  width: min(31vw, 470px);
  content: "";
  pointer-events: none;
  opacity: 0.11;
  background-position: center;
  background-size: cover;
  transform: none;
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.34) 38%, #000 75%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.34) 38%, #000 75%);
}

.section--news::after {
  background-image: url("../images/bg-01.png");
}

.section--notices::after {
  background-image: url("../images/bg-02.png");
}

.section--party::before {
  right: -2%;
  width: min(36vw, 540px);
  background-image: url("../images/bg-03.png");
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.25) 34%, #000 78%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.25) 34%, #000 78%);
}

.section--news > .content-width,
.section--notices > .content-width,
.section--academic > .content-width,
.section--party > .content-width {
  position: relative;
  z-index: 1;
}

body[data-page="list"]::before,
body[data-page="detail"]::before {
  opacity: 0.035;
}

/* Home news: one consistent row of image-over-title cards ---------------- */
.news-layout.story-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(13px, 1.8vw, 24px);
  align-items: stretch;
}

.story-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(40, 123, 166, 0.18);
  background: rgba(255, 255, 255, 0.92);
  transition: border-color 220ms ease, box-shadow 220ms ease, transform 220ms var(--ease), background-color 220ms ease;
}

.story-card:hover {
  border-color: var(--blue-700);
  background: #fff;
  box-shadow: 0 18px 34px rgba(8, 42, 69, 0.13);
  transform: translateY(-5px);
}

.story-card__image {
  aspect-ratio: 1.42 / 1;
  overflow: hidden;
  background: var(--blue-200);
}

.story-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.92) contrast(1.02);
  transition: transform 700ms var(--ease);
}

.story-card:hover .story-card__image img {
  transform: scale(1.045);
}

.story-card__body {
  display: flex;
  min-height: 142px;
  flex: 1;
  flex-direction: column;
  gap: 8px;
  padding: 15px 16px 16px;
}

.story-card__body > span {
  color: var(--coral);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.11em;
}

.story-card__body h3 {
  margin: 0;
  color: var(--ink-950);
  font-size: clamp(1rem, 1.18vw, 1.18rem);
  font-weight: 700;
  line-height: 1.55;
  text-wrap: pretty;
}

.story-card__body time {
  margin-top: auto;
  color: var(--muted);
  font-size: 11px;
  font-variant-numeric: tabular-nums;
}

/* Notices: keep the text stream compact beside a linked image rail */
.section--notices {
  background: #e4f2f6;
}

.notice-layout {
  grid-template-columns: minmax(230px, 0.62fr) minmax(0, 1.38fr);
  gap: clamp(32px, 6.5vw, 92px);
}

.notice-intro__visual {
  width: min(100%, 245px);
  margin-top: 20px;
}

.notice-intro .text-link {
  margin-top: 20px;
}

.notice-item {
  min-height: 72px;
  padding-block: 10px;
}

.notice-item time b {
  font-size: 25px;
}

.notice-item__text {
  gap: 2px;
}

.notice-item__text strong {
  font-size: 15px;
  line-height: 1.5;
}

/* Academic band: three equal cards in a single line ---------------------- */
.academic-layout {
  grid-template-columns: minmax(220px, 0.52fr) minmax(0, 1.48fr);
  gap: clamp(30px, 5.5vw, 82px);
}

.academic-cards {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: none;
  gap: 13px;
}

.academic-card--featured {
  grid-row: auto;
}

.academic-card__image,
.academic-card--featured .academic-card__image {
  aspect-ratio: 1.42 / 1;
}

.academic-card__body,
.academic-card--featured .academic-card__body {
  min-height: 140px;
  padding: 14px 15px 15px;
}

.academic-card__body h3,
.academic-card--featured .academic-card__body h3 {
  font-size: 15px;
  line-height: 1.55;
}

/* Party band: a short two-column topic strip ----------------------------- */
.section--party {
  background: #e9f4f7;
}

.party-layout {
  grid-template-columns: minmax(230px, 0.58fr) minmax(0, 1.42fr);
  gap: clamp(32px, 6.5vw, 92px);
}

.party-list {
  position: relative;
  z-index: 1;
  background: rgba(255, 255, 255, 0.2);
}

.party-list a {
  padding-block: 14px;
}

.party-list strong {
  font-size: 15px;
  line-height: 1.55;
}

/* Honors carousel: a future-proof rail that can hold many archive cards --- */
.honor-carousel {
  position: relative;
}

.honor-rail {
  display: flex;
  flex-wrap: nowrap;
  gap: 16px;
  overflow-x: auto;
  padding: 4px 4px 18px;
  overscroll-behavior-x: contain;
  scroll-behavior: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.honor-rail::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.honor-card {
  flex: 0 0 clamp(238px, 24vw, 304px);
  width: clamp(238px, 24vw, 304px);
}

.honor-card.is-honor-clone {
  pointer-events: none;
}

/* Shared page banner and reading surface -------------------------------- */
.page-banner,
.page-banner__inner {
  min-height: 194px;
}

.page-banner__inner {
  padding-block: 30px;
}

.archive-page,
.detail-page {
  position: relative;
  /* Keep the section out of the sticky element's scroll-container chain.
     The document's horizontal clip still contains the decorative rails. */
  overflow: visible;
  background: var(--surface-blue);
  padding-block: clamp(20px, 2.5vw, 32px) clamp(72px, 8vw, 112px);
}

.archive-page::before,
.detail-page::before {
  position: absolute;
  z-index: -2;
  inset: 0;
  width: auto;
  height: auto;
  content: "";
  opacity: 0.92;
  pointer-events: none;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  filter: saturate(0.86) contrast(0.98);
}

.archive-page::after,
.detail-page::after {
  position: absolute;
  z-index: -1;
  inset: 0;
  width: auto;
  height: auto;
  content: "";
  pointer-events: none;
  background:
    linear-gradient(105deg, rgba(234, 245, 248, 0.97) 0%, rgba(234, 245, 248, 0.9) 47%, rgba(234, 245, 248, 0.62) 100%),
    linear-gradient(180deg, rgba(234, 245, 248, 0.08), rgba(234, 245, 248, 0.38));
}

/* Reuse the homepage's three pale-blue artworks according to the current
   section, so archive and article views feel like the same site rather than
   separate templates. */
body[data-page="list"] .archive-page::before,
body[data-page="detail"] .detail-page::before {
  background-image: url("../images/346c5171-0ff2-4fd9-94af-f02cac2a7863.png");
}

body[data-section="notice"] .archive-page::before,
body[data-section="notice"] .detail-page::before {
  background-image: url("../images/03dcac73-3589-4d42-bffa-575c3c7f8398.png");
}

body[data-section="party"] .archive-page::before,
body[data-section="party"] .detail-page::before {
  background-image: url("../images/20260829-221735-001-4K-原创东南亚语言文化学院官网首屏页头背景-浅雾蓝与青蓝为主色-细密流动曲线-点阵世界地图和国际交流.png");
  background-position: 64% center;
}

.archive-shell,
.reading-shell {
  position: relative;
  z-index: 1;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: clamp(30px, 5vw, 78px);
}

/* Shared sidebar treatment: one calm, framed rail for archive and article
   pages. The pattern and small geometric markers carry the cultural cue;
   the rest stays restrained so navigation remains easy to scan. */
.context-nav,
.reading-context {
  position: static;
  align-self: start;
  width: 100%;
  text-align: center;
  padding: 18px 18px 20px;
  border: 1px solid rgba(40, 123, 166, 0.22);
  background: rgba(244, 249, 250, 0.7);
  box-shadow: 0 18px 38px rgba(8, 42, 69, 0.08);
}

@media (min-width: 861px) {
  .context-nav,
  .reading-context {
    position: sticky;
    top: clamp(20px, 3vw, 32px);
  }
}

.sidebar-pattern {
  width: calc(100% + 36px);
  height: 23px;
  margin: -18px -18px 21px;
  border-bottom: 1px solid rgba(157, 115, 54, 0.34);
  background-color: var(--gold-200);
  background-image: url("../images/footimg.jpg");
  background-position: center;
  background-repeat: repeat-x;
  background-size: 46px 46px;
  opacity: 0.88;
}

.context-nav__title,
.reading-context__title {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  column-gap: 12px;
  margin: 0 0 18px;
  color: var(--ink-950);
  font-family: "Noto Serif SC", "Source Han Serif SC", "STSong", serif;
  font-size: clamp(1.35rem, 1.6vw, 1.65rem);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.35;
  text-align: center;
}

.sidebar-heading__label {
  min-width: 0;
  white-space: nowrap;
}

.sidebar-heading__ornament {
  display: flex;
  min-width: 16px;
  height: 16px;
  align-items: center;
  gap: 8px;
}

.sidebar-heading__ornament::before {
  flex: 1;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, rgba(157, 115, 54, 0.08), rgba(157, 115, 54, 0.64));
}

.sidebar-heading__ornament::after {
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border: 1px solid var(--gold-700);
  content: "";
  transform: rotate(45deg);
}

.sidebar-heading__ornament--left {
  flex-direction: row-reverse;
}

.sidebar-heading__ornament--left::before {
  background: linear-gradient(90deg, rgba(157, 115, 54, 0.64), rgba(157, 115, 54, 0.08));
}

.context-nav__list,
.reading-context__links {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  border-top: 1px solid rgba(40, 123, 166, 0.2);
}

.context-nav__list li {
  display: block;
}

.context-nav__list a,
.reading-context__links a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  min-height: 45px;
  padding: 10px 28px;
  color: var(--muted);
  border-bottom: 1px solid rgba(40, 123, 166, 0.17);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  transition: color 180ms ease, background-color 180ms ease, padding-inline 180ms ease;
}

.context-nav__list a::before,
.reading-context__links a::before {
  position: absolute;
  top: 50%;
  left: 17px;
  width: 5px;
  height: 5px;
  border: 1px solid rgba(157, 115, 54, 0.55);
  content: "";
  transform: translateY(-50%) rotate(45deg);
  transition: background-color 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.context-nav__list a::after,
.reading-context__links a::after {
  position: absolute;
  top: 50%;
  right: 17px;
  width: 7px;
  height: 7px;
  border-top: 1px solid currentColor;
  border-right: 1px solid currentColor;
  content: "";
  opacity: 0;
  transform: translate(4px, -50%) rotate(45deg);
  transition: opacity 180ms ease, transform 180ms var(--ease);
}

.context-nav__list a:hover,
.context-nav__list a:focus-visible,
.context-nav__list a.is-current,
.reading-context__links a:hover,
.reading-context__links a:focus-visible,
.reading-context__links a.is-current {
  padding-inline: 28px;
  color: var(--ink-950);
  background: rgba(207, 232, 239, 0.55);
}

.context-nav__list a:hover::before,
.context-nav__list a:focus-visible::before,
.context-nav__list a.is-current::before,
.reading-context__links a:hover::before,
.reading-context__links a:focus-visible::before,
.reading-context__links a.is-current::before {
  border-color: var(--gold-700);
  background: var(--gold-500);
  transform: translateY(-50%) rotate(45deg) scale(1.1);
}

.context-nav__list a:hover::after,
.context-nav__list a:focus-visible::after,
.context-nav__list a.is-current::after,
.reading-context__links a:hover::after,
.reading-context__links a:focus-visible::after,
.reading-context__links a.is-current::after {
  opacity: 0.8;
  transform: translate(0, -50%) rotate(45deg);
}

.quick-links {
  margin-top: 25px;
  padding-top: 19px;
  border-top: 1px solid rgba(40, 123, 166, 0.22);
}

.quick-links__heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  column-gap: 10px;
  margin-bottom: 12px;
  text-align: center;
}

.quick-links__ornament {
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(201, 163, 91, 0.78));
}

.quick-links__ornament--right {
  background: linear-gradient(90deg, rgba(201, 163, 91, 0.78), transparent);
}

.quick-links__heading h3 {
  margin: 0;
  color: var(--ink-950);
  font-family: "Noto Serif SC", "Source Han Serif SC", "STSong", serif;
  font-size: clamp(1.35rem, 1.6vw, 1.65rem);
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.3;
  text-align: center;
}

.quick-links__list {
  display: grid;
  gap: 7px;
  border: 0;
  background: transparent;
}

.quick-links__list a {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) 15px;
  gap: 10px;
  align-items: center;
  min-height: 50px;
  padding: 8px 9px;
  color: var(--ink-800);
  border: 1px solid rgba(40, 123, 166, 0.18);
  background: rgba(255, 255, 255, 0.43);
  transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, transform 180ms var(--ease), box-shadow 180ms ease;
}

.quick-links__list a:hover,
.quick-links__list a:focus-visible {
  color: var(--ink-950);
  border-color: rgba(157, 115, 54, 0.46);
  background: rgba(255, 255, 255, 0.72);
  box-shadow: 0 8px 18px rgba(8, 42, 69, 0.08);
  transform: translateY(-1px);
}

.quick-links__icon {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  color: var(--blue-700);
  border: 1px solid rgba(40, 123, 166, 0.16);
  background: rgba(207, 232, 239, 0.58);
  transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease;
}

.quick-links__icon svg,
.quick-links__arrow {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7;
}

.quick-links__list a:hover .quick-links__icon,
.quick-links__list a:focus-visible .quick-links__icon {
  color: var(--ink-950);
  border-color: rgba(157, 115, 54, 0.38);
  background: var(--gold-200);
}

.quick-links__label {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}

.quick-links__arrow {
  width: 14px;
  height: 14px;
  color: var(--gold-700);
  opacity: 0.48;
  transition: opacity 180ms ease, transform 180ms var(--ease);
}

.quick-links__list a:hover .quick-links__arrow,
.quick-links__list a:focus-visible .quick-links__arrow {
  opacity: 1;
  transform: translate(2px, -2px);
}

.archive-main,
.article-wrap {
  min-width: 0;
  padding-right: clamp(0px, 2.2vw, 28px);
}

.archive-heading {
  margin-bottom: 19px;
}

.archive-heading h2 {
  font-size: clamp(1.8rem, 3vw, 2.8rem);
}

.archive-tools {
  grid-template-columns: minmax(0, 1fr) 165px;
  margin-bottom: 16px;
}

.archive-filter,
.archive-query {
  min-height: 42px;
}

.archive-list {
  border-top-color: rgba(40, 123, 166, 0.28);
}

.archive-item {
  grid-template-columns: 8px minmax(0, 1fr) max-content;
  gap: clamp(12px, 1.8vw, 22px);
  align-items: center;
  min-height: 58px;
  padding: 12px 8px;
  background: rgba(255, 255, 255, 0.42);
  transition: background-color 180ms ease, transform 180ms var(--ease);
}

.archive-item::before {
  grid-column: 1;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  content: "";
  background: var(--blue-700);
  box-shadow: 0 0 0 4px rgba(40, 123, 166, 0.1);
}

.archive-item:hover {
  background: rgba(255, 255, 255, 0.8);
  transform: translateX(3px);
}

.archive-item__date {
  grid-column: 3;
  grid-row: 1;
  display: block;
  align-self: center;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.3;
  white-space: nowrap;
}

.archive-item__date strong {
  display: none;
}

.archive-item__date span {
  color: inherit;
  font-size: inherit;
}

.archive-item__body {
  grid-column: 2;
  min-width: 0;
  display: block;
}

.archive-item__tag {
  display: none;
}

.archive-item__body h3 {
  margin: 0;
  color: var(--ink-950);
  font-size: clamp(15px, 1.18vw, 17px);
  font-weight: 700;
  line-height: 1.5;
  text-wrap: pretty;
}

/* List-page headlines stay compact and readable without heavy emphasis. */
body[data-page="list"] .archive-item__body h3 {
  font-size: clamp(14px, 1.05vw, 15px);
  font-weight: 400;
}

.archive-item__body p,
.archive-item__demo {
  display: none;
}

.archive-item__arrow {
  display: none;
}

/* Detail uses the same density and sidebar rhythm as the archive ---------- */

.article-header {
  max-width: 900px;
  margin-inline: auto;
  padding-bottom: 24px;
  text-align: center;
}

.article-title {
  max-width: 32ch;
  margin-inline: auto;
  font-size: clamp(1.7rem, 2.5vw, 2.45rem);
  font-weight: 500;
  line-height: 1.28;
}

/* Keep section menus easy to scan across archive and detail sidebars. */
.context-nav__list a,
.reading-context__links a {
  font-size: 16px;
}

.article-meta {
  justify-content: center;
}

.article-layout {
  grid-template-columns: minmax(0, 1fr) 145px;
  gap: 30px;
  padding-top: 28px;
}

.article-body {
  max-width: 68ch;
  font-size: 16px;
  line-height: 1.95;
}

.article-figure {
  margin: 28px 0 32px;
}

.article-figure__image {
  aspect-ratio: 1.7 / 1;
  max-height: 330px;
  object-fit: cover;
}

/* Replaying scroll reveals -------------------------------------------------
   The observer marks a reveal as ready only after JavaScript has loaded.
   This keeps no-script content visible and lets sections animate again when
   they leave and re-enter the viewport, including the final section. */
.js .reveal[data-reveal-ready="true"] {
  opacity: 0.001;
  transform: translate3d(0, 28px, 0);
  animation: none;
  transition: opacity 620ms var(--ease), transform 720ms var(--ease);
}

.js .reveal[data-reveal-ready="true"].is-revealed {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  animation: none;
}

.js .reveal[data-reveal-ready="true"] .reveal-stagger > * {
  opacity: 0.001;
  transform: translate3d(0, 16px, 0);
  animation: none;
  transition: opacity 520ms var(--ease), transform 620ms var(--ease);
  transition-delay: 0ms;
}

.js .reveal[data-reveal-ready="true"].is-revealed .reveal-stagger > * {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  animation: none;
  transition-delay: calc(var(--reveal-index) * 70ms);
}

@media (max-width: 980px) {
  .news-layout.story-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .academic-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .archive-shell,
  .reading-shell {
    gap: 36px;
  }
}

@media (max-width: 860px) {
  .news-layout.story-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .notice-layout,
  .academic-layout,
  .party-layout,
  .archive-shell,
  .reading-shell {
    grid-template-columns: 1fr;
  }

  .academic-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .archive-main,
  .article-wrap {
    padding-right: 0;
  }

  .archive-page::before,
  .detail-page::before {
    inset: 0;
    width: auto;
    height: auto;
    opacity: 0.72;
  }

  .archive-page::after,
  .detail-page::after {
    inset: 0;
    width: auto;
    height: auto;
    background:
      linear-gradient(105deg, rgba(234, 245, 248, 0.96) 0%, rgba(234, 245, 248, 0.89) 54%, rgba(234, 245, 248, 0.68) 100%),
      linear-gradient(180deg, rgba(234, 245, 248, 0.1), rgba(234, 245, 248, 0.4));
  }
}

@media (max-width: 640px) {
  .section {
    padding-block: 48px 58px;
  }

  .news-layout.story-grid,
  .academic-cards {
    grid-template-columns: 1fr;
  }

  .story-card__image,
  .academic-card__image,
  .academic-card--featured .academic-card__image {
    aspect-ratio: 1.7 / 1;
  }

  .story-card__body {
    min-height: 116px;
  }

  .honor-card {
    flex-basis: min(78vw, 284px);
    width: min(78vw, 284px);
  }

  .notice-layout,
  .academic-layout,
  .party-layout {
    gap: 28px;
  }

  .notice-intro__visual {
    width: min(100%, 300px);
  }

  .page-banner,
  .page-banner__inner {
    min-height: 178px;
  }

  .archive-page,
  .detail-page {
    padding-block: 42px 72px;
  }

  .archive-page::before,
  .detail-page::before {
    inset: 0;
    width: auto;
    height: auto;
    opacity: 0.68;
  }

  .archive-page::after,
  .detail-page::after {
    inset: 0;
    width: auto;
    height: auto;
    background:
      linear-gradient(105deg, rgba(234, 245, 248, 0.96) 0%, rgba(234, 245, 248, 0.88) 58%, rgba(234, 245, 248, 0.72) 100%),
      linear-gradient(180deg, rgba(234, 245, 248, 0.12), rgba(234, 245, 248, 0.42));
  }

  .archive-tools {
    grid-template-columns: 1fr;
  }

  .archive-item {
    grid-template-columns: 7px minmax(0, 1fr) max-content;
    gap: 10px;
    padding: 10px 4px;
  }

  .archive-item__date {
    font-size: 11px;
  }

  .archive-item__body {
    display: block;
  }

  .archive-item__tag {
    display: none;
  }

  .archive-item__body h3 {
    font-size: 14px;
    line-height: 1.48;
  }

  .article-title {
    max-width: 100%;
    font-size: 1.8rem;
    line-height: 1.35;
  }
}

@media (prefers-reduced-motion: reduce) {
  .js .reveal[data-reveal-ready="true"],
  .js .reveal[data-reveal-ready="true"].is-revealed,
  .js .reveal[data-reveal-ready="true"] .reveal-stagger > *,
  .js .reveal[data-reveal-ready="true"].is-revealed .reveal-stagger > * {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

@media (max-width: 860px) {
  .context-nav,
  .reading-context {
    padding: 16px;
    box-shadow: 0 12px 26px rgba(8, 42, 69, 0.06);
  }

  .sidebar-pattern {
    width: calc(100% + 32px);
    margin: -16px -16px 18px;
  }

  .quick-links {
    max-width: 460px;
    margin-top: 22px;
  }

  .quick-links__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .quick-links__list a {
    grid-template-columns: 26px minmax(0, 1fr);
    gap: 8px;
    min-height: 48px;
    padding-inline: 9px;
  }

  .quick-links__list a:hover,
  .quick-links__list a:focus-visible {
    padding-inline: 11px 7px;
  }

  .quick-links__icon {
    width: 26px;
    height: 26px;
  }

  .quick-links__icon svg {
    width: 16px;
    height: 16px;
  }

  .quick-links__arrow {
    display: none;
  }
}

@media (max-width: 580px) {
  .quick-links__list {
    grid-template-columns: 1fr;
  }

  .quick-links__list a {
    grid-template-columns: 30px minmax(0, 1fr) 15px;
    min-height: 50px;
  }

  .quick-links__icon {
    width: 30px;
    height: 30px;
  }

  .quick-links__icon svg {
    width: 18px;
    height: 18px;
  }

  .quick-links__arrow {
    display: block;
  }
}

/* -------------------------------------------------------------------------
   Sidebar alignment polish
   Keep every label optically centered in its full row, even though the
   leading icon and trailing arrow use different widths. The contextual
   switcher follows the same centered reading line on narrow screens.
-------------------------------------------------------------------------- */
.quick-links__list a {
  grid-template-columns: minmax(30px, 1fr) auto minmax(30px, 1fr);
}

.quick-links__icon {
  justify-self: start;
}

.quick-links__label {
  min-width: 0;
  justify-self: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.quick-links__arrow {
  justify-self: end;
}

@media (max-width: 860px) {
  .quick-links__list a {
    grid-template-columns: minmax(26px, 1fr) auto minmax(26px, 1fr);
  }

  .context-select-wrap {
    text-align: center;
  }

  .context-select {
    text-align: center;
    text-align-last: center;
  }
}

@media (max-width: 580px) {
  .quick-links__list a {
    grid-template-columns: minmax(30px, 1fr) auto minmax(30px, 1fr);
  }
}

/* -------------------------------------------------------------------------
   Homepage information density + notice image rail
   Notices lead the page sequence; news and research stay compact so more
   current information remains visible before the thematic bands.
------------------------------------------------------------------------- */
.section--news,
.section--academic {
  padding-block: clamp(44px, 4.5vw, 68px);
}

.news-layout.story-grid {
  gap: clamp(12px, 1.5vw, 20px);
}

.story-card__image {
  aspect-ratio: 1.58 / 1;
}

.story-card__body {
  min-height: 124px;
  padding: 13px 15px 14px;
}

.notice-carousel {
  position: relative;
  width: min(100%, 300px);
  aspect-ratio: 1.52 / 1;
  margin-top: 22px;
  overflow: hidden;
  background: var(--blue-200);
  box-shadow: 0 16px 30px rgba(8, 42, 69, 0.12);
}

.notice-carousel__slide {
  position: absolute;
  inset: 0;
  display: block;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: visibility 0s linear 520ms, opacity 520ms var(--ease);
}

.notice-carousel__slide.is-active {
  z-index: 1;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transition-delay: 0s;
}

.notice-carousel__slide:focus-visible {
  outline: 3px solid var(--gold-500);
  outline-offset: -3px;
}

.notice-carousel__slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.9) contrast(1.03);
  transition: transform 700ms var(--ease);
}

.notice-carousel__slide:hover img {
  transform: scale(1.035);
}

.notice-carousel__slide::after {
  position: absolute;
  inset: 35% 0 0;
  content: "";
  background: linear-gradient(180deg, transparent, rgba(4, 27, 44, 0.84));
  pointer-events: none;
}

.notice-carousel__caption {
  position: absolute;
  z-index: 2;
  right: 14px;
  bottom: 12px;
  left: 14px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: #fff;
}

.notice-carousel__caption strong {
  overflow: hidden;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.45;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.notice-carousel__caption time {
  color: rgba(255, 255, 255, 0.72);
  font-size: 11px;
  font-variant-numeric: tabular-nums;
}

.academic-cards {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: none;
  gap: 12px;
}

.academic-card--featured {
  grid-row: auto;
}

.academic-card__image,
.academic-card--featured .academic-card__image {
  aspect-ratio: 1.55 / 1;
}

.academic-card__body,
.academic-card--featured .academic-card__body {
  min-height: 118px;
  padding: 12px 13px 13px;
  gap: 6px;
}

.academic-card__body h3,
.academic-card--featured .academic-card__body h3 {
  font-size: 14px;
  line-height: 1.48;
}

@media (max-width: 1100px) {
  .academic-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .section--news,
  .section--academic {
    padding-block: 44px 52px;
  }

  .notice-carousel {
    width: min(100%, 320px);
  }

  .academic-cards {
    grid-template-columns: 1fr;
  }
}

/* -------------------------------------------------------------------------
   Party discipline band
   A focused party-red header carries the mark; the surrounding pale-blue
   surface keeps the section connected to the homepage visual system.
------------------------------------------------------------------------- */
:root {
  --party-red: #b51f2d;
  --party-red-deep: #991624;
  --party-gold: #f2d36b;
}

.section--party {
  padding-block: clamp(48px, 5vw, 72px);
  background: #e9f4f7;
}

.section--party::before {
  right: -4%;
  width: min(43vw, 620px);
  opacity: 0.08;
  background-size: 620px auto;
  mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.18) 32%, #000 82%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.18) 32%, #000 82%);
}

.party-shell {
  position: relative;
  z-index: 1;
}

.party-header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 20px;
  align-items: center;
  min-height: 104px;
  padding: 20px clamp(20px, 3vw, 38px);
  color: #fff;
  background: var(--party-red);
  box-shadow: 0 18px 34px rgba(153, 22, 36, 0.2);
}

.party-mark {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  color: var(--party-gold);
}

.party-mark img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.party-heading h2 {
  margin: 0;
  color: #fff;
  font-family: "Noto Serif SC", "Source Han Serif SC", "STSong", serif;
  font-size: clamp(1.8rem, 3vw, 2.65rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.2;
}

.party-heading p {
  max-width: 52ch;
  margin: 8px 0 0;
  color: rgba(255, 248, 228, 0.84);
  font-size: 14px;
  line-height: 1.65;
}

.party-more {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 36px;
  padding: 7px 13px;
  color: #fff7dc;
  border: 1px solid rgba(255, 244, 206, 0.7);
  font-size: 13px;
  transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.party-more:hover,
.party-more:focus-visible {
  color: var(--party-red-deep);
  border-color: var(--party-gold);
  background: var(--party-gold);
  transform: translateY(-2px);
}

.party-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 16px;
  border-top: 0;
  background: transparent;
}

.party-list .party-item {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) auto;
  gap: 13px;
  align-items: start;
  min-width: 0;
  min-height: 166px;
  padding: 16px 15px 15px;
  color: var(--ink-950);
  border: 1px solid rgba(181, 31, 45, 0.16);
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 12px 26px rgba(8, 42, 69, 0.08);
  transition: border-color 180ms ease, background-color 180ms ease, transform 180ms var(--ease), box-shadow 180ms ease;
}

.party-list .party-item:hover {
  border-color: rgba(181, 31, 45, 0.5);
  background: #fff;
  box-shadow: 0 18px 32px rgba(8, 42, 69, 0.13);
  transform: translateY(-4px);
}

.party-list .party-item > time {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 52px;
  padding: 8px 4px 7px;
  color: #fff;
  background: var(--party-red);
  font-variant-numeric: tabular-nums;
  line-height: 1.15;
}

.party-list .party-item > time b {
  font-family: "Noto Serif SC", "Source Han Serif SC", "STSong", serif;
  font-size: 26px;
  font-weight: 600;
}

.party-list .party-item > time span {
  margin-top: 3px;
  color: rgba(255, 248, 228, 0.9);
  font-size: 10px;
}

.party-item__body {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 7px;
}

.party-item__body strong {
  color: var(--ink-950);
  font-size: 14px;
  line-height: 1.55;
}

.party-item__summary {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}

.party-item__arrow {
  color: var(--party-red);
  font-size: 18px;
  line-height: 1;
  transition: color 180ms ease, transform 180ms ease;
}

.party-item:hover .party-item__arrow {
  color: var(--party-red-deep);
  transform: translate(3px, -3px);
}

/* Notice band remains scan-first while its linked image rail stays visible. */
.section--notices {
  padding-block: clamp(40px, 4.2vw, 60px);
}

.notice-intro > p {
  margin-top: 14px;
}

.notice-carousel {
  margin-top: 16px;
  aspect-ratio: 1.64 / 1;
}

.notice-intro .text-link {
  margin-top: 16px;
}

.notice-item {
  min-height: 64px;
  padding-block: 8px;
}

.notice-item time b {
  font-size: 23px;
}

/* Keep the day number centered over its month/year line inside the date
   column instead of inheriting the column's left edge. */
.notice-item time {
  align-items: center;
  justify-self: center;
  text-align: center;
}

@media (max-width: 980px) {
  .party-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .party-header {
    grid-template-columns: auto minmax(0, 1fr);
    gap: 14px;
    padding: 18px;
  }

  .party-mark {
    width: 52px;
    height: 52px;
  }

  .party-heading h2 {
    font-size: 1.85rem;
  }

  .party-heading p {
    font-size: 13px;
  }

  .party-more {
    grid-column: 2;
    justify-self: start;
    margin-top: 2px;
  }

  .party-list {
    grid-template-columns: 1fr;
    gap: 11px;
  }

  .party-list .party-item {
    min-height: 0;
  }
}

/* -------------------------------------------------------------------------
   Original image backgrounds
   The supplied artwork sits behind a readable color veil so each section
   inherits the same pale-blue page atmosphere while retaining its own cue.
------------------------------------------------------------------------- */
.section--notices::after,
.section--news::after,
.section--party::before {
  inset: 0;
  width: auto;
  height: auto;
  opacity: 1;
  background-position: center;
  background-size: cover;
  transform: none;
  mask-image: none;
  -webkit-mask-image: none;
}

.section--notices::after {
  background-image:
    linear-gradient(90deg, rgba(228, 242, 246, 0.98) 0%, rgba(228, 242, 246, 0.86) 46%, rgba(228, 242, 246, 0.5) 100%),
    url("../images/03dcac73-3589-4d42-bffa-575c3c7f8398.png");
  background-position: center, center;
}

.section--news::after {
  background-image:
    linear-gradient(90deg, rgba(244, 250, 251, 0.98) 0%, rgba(244, 250, 251, 0.84) 48%, rgba(244, 250, 251, 0.46) 100%),
    url("../images/346c5171-0ff2-4fd9-94af-f02cac2a7863.png");
  background-position: center, center;
}

.section--party::before {
  background-image:
    linear-gradient(90deg, rgba(233, 244, 247, 0.98) 0%, rgba(233, 244, 247, 0.9) 42%, rgba(233, 244, 247, 0.58) 100%),
    url("../images/20260829-221735-001-4K-原创东南亚语言文化学院官网首屏页头背景-浅雾蓝与青蓝为主色-细密流动曲线-点阵世界地图和国际交流.png");
  background-position: center, 64% center;
}

.party-header {
  position: relative;
  overflow: hidden;
}

@media (max-width: 640px) {
  .section--notices::after,
  .section--news::after {
    background-position: center, 62% center;
  }

  .section--party::before {
    background-position: center, 58% center;
  }
}

/* -------------------------------------------------------------------------
   Primary navigation dropdowns
   Desktop hover/focus reveals the contextual menu; mobile keeps the same
   hierarchy inside the existing collapsible navigation.
------------------------------------------------------------------------- */
.nav-list > li {
  position: relative;
}

.nav-dropdown,
.nav-submenu {
  position: absolute;
  z-index: 40;
  display: grid;
  min-width: 210px;
  padding: 8px;
  border: 1px solid rgba(40, 123, 166, 0.22);
  border-top: 3px solid var(--gold-500);
  background: rgba(248, 252, 253, 0.98);
  box-shadow: 0 18px 34px rgba(8, 42, 69, 0.2);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity 160ms ease, visibility 0s linear 160ms, transform 180ms var(--ease);
}

.nav-dropdown {
  top: calc(100% - 1px);
  left: 0;
}

.nav-submenu {
  top: 0;
  left: 100%;
}

.nav-dropdown__group {
  position: relative;
}

.nav-dropdown a {
  display: flex;
  min-height: 40px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 9px 12px;
  color: var(--ink-800);
  font-size: var(--nav-title-size);
  font-weight: 650;
  line-height: 1.35;
  white-space: nowrap;
  transition: color 160ms ease, background-color 160ms ease, padding-inline 160ms ease;
}

.nav-dropdown a::after {
  display: none;
}

.nav-dropdown a:hover,
.nav-dropdown a:focus-visible,
.nav-dropdown__group:hover > a,
.nav-dropdown__group:focus-within > a {
  color: var(--ink-950);
  background: var(--blue-100);
}

.nav-dropdown a:hover,
.nav-dropdown a:focus-visible {
  padding-inline: 16px 8px;
}

@media (min-width: 1221px) {
  .nav-list > li.is-open > .nav-dropdown,
  .nav-dropdown__group.is-open > .nav-submenu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0s;
  }
}

@media (max-width: 1220px) {
  .nav-dropdown,
  .nav-submenu {
    position: static;
    display: none;
    min-width: 0;
    padding: 4px 0 4px 10px;
    border: 0;
    border-left: 1px solid rgba(201, 163, 91, 0.58);
    background: rgba(255, 255, 255, 0.045);
    box-shadow: none;
    opacity: 1;
    visibility: visible;
    transform: none;
    transition: none;
  }

  .nav-list > li.is-open > .nav-dropdown,
  .nav-dropdown__group.is-open > .nav-submenu {
    display: grid;
  }

  .nav-dropdown a {
    min-height: 40px;
    padding: 8px 12px 8px 20px;
    color: rgba(238, 248, 250, 0.84);
    font-size: var(--nav-title-size);
  }

  .nav-submenu a {
    padding-left: 30px;
  }

  .nav-dropdown a:hover,
  .nav-dropdown a:focus-visible {
    padding-inline: 16px 8px;
    color: #fff;
    background: rgba(255, 255, 255, 0.09);
  }
}

/* Compact dropdown surfaces with the same blue family as the primary nav. */
.nav-dropdown,
.nav-submenu {
  width: max-content;
  min-width: 176px;
  max-width: min(280px, calc(100vw - 28px));
  padding: 6px;
  border-color: rgba(115, 183, 207, 0.28);
  border-top-width: 2px;
  border-radius: 0 0 6px 6px;
  background: #214FA1;
  box-shadow: 0 14px 28px rgba(4, 27, 44, 0.3);
}

.nav-submenu {
  /* The desktop override below aligns this rail with the full parent panel. */
  top: 0;
  left: 100%;
}

.nav-dropdown a {
  min-width: 164px;
  min-height: 38px;
  padding: 8px 11px;
  color: rgba(238, 248, 250, 0.86);
  transition: color 160ms ease, background-color 160ms ease, transform 160ms var(--ease);
}

.nav-dropdown a:hover,
.nav-dropdown a:focus-visible,
.nav-dropdown__group:hover > a,
.nav-dropdown__group:focus-within > a {
  color: #fff;
  background: rgba(115, 183, 207, 0.18);
}

.nav-dropdown a:hover,
.nav-dropdown a:focus-visible {
  padding-inline: 11px;
  transform: translateX(2px);
}

@media (max-width: 1220px) {
  .nav-dropdown,
  .nav-submenu {
    width: auto;
    max-width: none;
    border-radius: 0;
    background: #214FA1;
    box-shadow: none;
  }

  .nav-dropdown a {
    min-width: 0;
  }
}

@media (min-width: 1221px) {
  .nav-dropdown,
  .nav-submenu {
    justify-items: stretch;
  }

  .nav-dropdown {
    /* Let the longest label in each menu establish the rail width. */
    min-width: 0;
  }

  .nav-submenu {
    min-width: 0;
  }

  .nav-dropdown a,
  .nav-submenu a {
    width: auto;
    min-width: 0;
  }

  /* A nested menu is anchored to the full blue panel, not to the shorter
     label inside it. Stretching each parent row to the panel's content edge
     keeps every child rail aligned, even when labels have different widths. */
  .nav-dropdown__group {
    width: auto;
    min-width: 0;
    justify-self: stretch;
  }

  .nav-dropdown__group > a {
    width: 100%;
  }

  .nav-dropdown__group > .nav-submenu {
    left: calc(100% + 7px);
    z-index: 1;
  }

  /* The seven-pixel panel inset is an intentional visual offset. Keep it
     inside the hover hit area so moving from a parent row into its child
     never collapses the menu midway. */
  .nav-dropdown__group::after {
    position: absolute;
    top: 0;
    right: -7px;
    bottom: 0;
    width: 7px;
    content: "";
  }
}

/* -------------------------------------------------------------------------
   Final homepage spacing + notice visual scale
   Keep every information band on one measured vertical rhythm. The notice
   image rail gets enough width to read as a true visual lead without
   overwhelming the five-row notice stream beside it.
------------------------------------------------------------------------- */
:root {
  --home-section-space: clamp(52px, 5.2vw, 74px);
}

body[data-page="home"] > main > .section {
  padding-block: var(--home-section-space);
  padding-top: var(--home-section-space);
  padding-bottom: var(--home-section-space);
}

body[data-page="home"] .notice-layout {
  grid-template-columns: minmax(320px, 0.74fr) minmax(0, 1.26fr);
  gap: clamp(28px, 4.2vw, 64px);
  align-items: center;
}

body[data-page="home"] .section--notices {
  padding-block: clamp(38px, 4vw, 56px);
}

/* The notice stream is shorter than its image-and-heading companion. Center
   it within the shared row so the module's top and bottom breathing room
   read as one even band instead of accumulating beneath the last item. */
@media (min-width: 861px) {
  body[data-page="home"] .notice-list {
    align-self: center;
  }
}

body[data-page="home"] .notice-carousel {
  width: min(100%, 360px);
  aspect-ratio: 1.64 / 1;
  margin-top: 18px;
}

body[data-page="home"] .notice-intro .text-link {
  margin-top: 14px;
}

/* The hero now carries only the headline and supporting copy; remove the
   former CTA's reserved bottom space so the text block stays optically
   centered after the button is gone. */
body[data-page="home"] .hero-copy__description {
  margin-bottom: 0;
}

@media (max-width: 1100px) and (min-width: 861px) {
  body[data-page="home"] .notice-layout {
    grid-template-columns: minmax(280px, 0.7fr) minmax(0, 1.3fr);
    gap: clamp(24px, 3.5vw, 44px);
  }

  body[data-page="home"] .notice-carousel {
    width: min(100%, 340px);
  }
}

@media (max-width: 860px) {
  body[data-page="home"] .notice-layout {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  body[data-page="home"] .notice-list {
    align-self: stretch;
  }

  body[data-page="home"] .notice-carousel {
    width: min(100%, 360px);
  }
}

@media (max-width: 640px) {
  body[data-page="home"] > main > .section {
    padding-block: 44px;
    padding-top: 44px;
    padding-bottom: 44px;
  }

  body[data-page="home"] .section--notices {
    padding-block: 40px;
  }

  body[data-page="home"] .notice-carousel {
    width: 100%;
    max-width: 360px;
    aspect-ratio: 1.56 / 1;
    margin-top: 20px;
  }

  body[data-page="home"] .hero-copy__description {
    margin-bottom: 0;
  }
}

/* -------------------------------------------------------------------------
   Reading surface without a secondary contents rail
   Once the detail-page directory is removed, let the article occupy the
   complete reading column instead of reserving an empty right-hand track.
------------------------------------------------------------------------- */
body[data-page="detail"] .article-layout {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}

body[data-page="detail"] .article-wrap {
  padding-right: 0;
}

body[data-page="detail"] .article-header,
body[data-page="detail"] .article-body-column {
  width: 100%;
  max-width: none;
}

body[data-page="detail"] .article-body {
  width: 100%;
  max-width: none;
}

/* -------------------------------------------------------------------------
   Party article cards: date/title row + full-width summary row
   Keep the title aligned beside the date, then let the description begin on
   the next line beneath the date block, matching an editorial news card.
------------------------------------------------------------------------- */
.party-list .party-item {
  grid-template-columns: 52px minmax(0, 1fr) auto;
  grid-template-rows: auto auto;
  column-gap: 13px;
  row-gap: 14px;
  min-height: 220px;
  padding: 17px 16px 18px;
}

.party-list .party-item > time {
  grid-column: 1;
  grid-row: 1;
}

.party-list .party-item .party-item__body {
  grid-column: 2;
  grid-row: 1;
  align-self: start;
}

.party-list .party-item .party-item__body strong {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  text-overflow: ellipsis;
  text-wrap: pretty;
}

.party-list .party-item .party-item__summary {
  grid-column: 1 / -1;
  grid-row: 2;
  min-width: 0;
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.72;
  text-wrap: pretty;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  text-overflow: ellipsis;
}

.party-list .party-item .party-item__arrow {
  grid-column: 3;
  grid-row: 1;
  justify-self: end;
}

/* Keep the static prototype's typography consistent with the primary menu. */
body,
body * {
  font-family: "Noto Sans SC", "Microsoft YaHei", "PingFang SC", Arial, sans-serif !important;
}

@media (max-width: 640px) {
  .party-list .party-item {
    grid-template-columns: 52px minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    min-height: 194px;
    column-gap: 11px;
    row-gap: 12px;
    padding: 15px 14px 16px;
  }

  .party-list .party-item .party-item__summary {
    font-size: 12px;
    line-height: 1.68;
  }
}

/* -------------------------------------------------------------------------
   Homepage information grid
   The notice texture becomes one shared backdrop for the five compact
   information panels: two columns on the first row and three on the second.
-------------------------------------------------------------------------- */
.home-module-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 18px;
  padding: clamp(42px, 5vw, 68px) max(var(--gutter), 20px);
  isolation: isolate;
  background:
    linear-gradient(90deg, rgba(228, 242, 246, 0.96), rgba(228, 242, 246, 0.84)),
    url("../images/9f84259c-e0c7-4db8-9f88-99ec62428dab.png") center / cover no-repeat;
}

.home-module-grid > .section {
  position: relative;
  grid-column: span 3;
  min-width: 0;
  padding: clamp(22px, 2.4vw, 32px);
  overflow: hidden;
  border: 1px solid rgba(33, 79, 161, 0.18);
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 14px 30px rgba(33, 79, 161, 0.08);
}

.home-module-grid > .section::before,
.home-module-grid > .section::after {
  display: none;
}

.home-module-grid > .section--news {
  order: 1;
}

.home-module-grid > .section--notices {
  order: 2;
}

.home-module-grid > .section--teaching,
.home-module-grid > .section--academic,
.home-module-grid > .section--party {
  grid-column: span 2;
}

.home-module-grid > .section--teaching {
  order: 3;
}

.home-module-grid > .section--academic {
  order: 4;
}

.home-module-grid > .section--party {
  order: 5;
}

.home-module-grid > .section > .content-width {
  width: 100%;
  margin-inline: 0;
}

.home-module-grid .section-topline {
  align-items: center;
  margin-bottom: 16px;
}

.home-module-grid .section-topline h2,
.home-module-grid .notice-intro h2,
.home-module-grid .academic-copy h2,
.home-module-grid .party-heading h2 {
  color: var(--ink-950);
  font-size: clamp(1.25rem, 1.8vw, 1.65rem);
  letter-spacing: 0;
}

.home-module-grid .section-topline,
.home-module-grid .section--notices .notice-intro {
  padding-bottom: 9px;
  border-bottom: 1px solid rgba(33, 79, 161, 0.28);
}

.home-module-grid .section-topline h2::before,
.home-module-grid .notice-intro h2::before,
.home-module-grid .academic-copy h2::before,
.home-module-grid .party-heading h2::before {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 0 9px 3px 0;
  content: "";
  background: var(--blue-700);
  transform: rotate(45deg);
}

.home-module-grid .text-link {
  color: var(--blue-700);
  font-size: 12px;
}

/* Academy news: one larger feature and a compact title/date stream. */
.home-module-grid .news-layout.story-grid {
  grid-template-columns: minmax(190px, 1.12fr) minmax(0, 0.88fr);
  grid-template-rows: repeat(3, minmax(0, 1fr));
  gap: 10px 14px;
}

.home-module-grid .section--news .story-card:first-child {
  grid-row: 1 / span 3;
}

.home-module-grid .section--news .story-card:not(:first-child) {
  display: block;
  border-width: 0 0 1px;
  border-color: rgba(33, 79, 161, 0.16);
  background: transparent;
  box-shadow: none;
}

.home-module-grid .section--news .story-card:not(:first-child) .story-card__image {
  display: none;
}

.home-module-grid .section--news .story-card:not(:first-child) .story-card__body {
  min-height: 0;
  gap: 4px;
  padding: 5px 0 9px;
}

.home-module-grid .section--news .story-card:not(:first-child) .story-card__body > span {
  display: none;
}

.home-module-grid .section--news .story-card:not(:first-child) .story-card__body h3 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  font-size: 14px;
  line-height: 1.45;
}

.home-module-grid .section--news .story-card:not(:first-child) .story-card__body time {
  margin-top: 0;
  font-size: 11px;
}

/* Notice stream uses the same compact title/date rhythm as the reference. */
.home-module-grid .section--notices .notice-layout {
  grid-template-columns: 1fr;
  gap: 0;
  align-items: start;
}

.home-module-grid .section--notices .notice-intro > h2 {
  margin-bottom: 0;
}

.home-module-grid .section--notices .notice-intro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 8px;
}

.home-module-grid .section--notices .notice-intro .text-link {
  margin-top: 0;
}

.home-module-grid .section--notices .notice-item {
  min-height: 0;
  padding-block: 8px;
}

.home-module-grid .section--notices .notice-item time b {
  font-size: 20px;
}

.home-module-grid .section--notices .notice-item__text strong {
  font-size: 13px;
  line-height: 1.45;
}

/* Talent, research and Party panels use the same title/date rhythm. */
.module-list {
  border-top: 1px solid rgba(33, 79, 161, 0.18);
}

.module-list__item {
  display: grid;
  grid-template-columns: 7px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  min-height: 46px;
  padding: 8px 0;
  border-bottom: 1px solid rgba(33, 79, 161, 0.14);
}

.module-list__dot {
  width: 5px;
  height: 5px;
  background: var(--blue-700);
  transform: rotate(45deg);
}

.module-list__item strong {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  color: var(--ink-950);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.45;
}

.module-list__item time {
  color: var(--muted);
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.home-module-grid .section--academic .academic-bg {
  display: none;
}

.home-module-grid .section--academic .academic-layout {
  display: block;
}

.home-module-grid .section--academic .academic-copy > p,
.home-module-grid .section--academic .academic-copy .button {
  display: none;
}

.home-module-grid .section--academic .academic-cards {
  grid-template-columns: 1fr;
  gap: 0;
}

.home-module-grid .section--academic .academic-card {
  display: grid;
  grid-template-columns: 1fr;
  border-width: 0 0 1px;
  border-color: rgba(33, 79, 161, 0.14);
  background: transparent;
  box-shadow: none;
}

.home-module-grid .section--academic .academic-card__image {
  display: none;
}

.home-module-grid .section--academic .academic-card__body,
.home-module-grid .section--academic .academic-card--featured .academic-card__body {
  grid-column: auto;
  min-height: 0;
  padding: 8px 0;
  gap: 3px;
}

.home-module-grid .section--academic .academic-card__body > span {
  display: none;
}

.home-module-grid .section--academic .academic-card__body h3,
.home-module-grid .section--academic .academic-card--featured .academic-card__body h3 {
  font-size: 13px;
  line-height: 1.45;
}

.home-module-grid .section--academic .academic-card__body time {
  margin-top: 0;
}

/* Academy news is the only information panel with a picture carousel. */
.home-module-grid .section--news .news-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(0, 0.94fr);
  gap: 14px;
  align-items: stretch;
}

.home-module-grid .news-feature-carousel {
  width: 100%;
  aspect-ratio: 1.62 / 1;
  margin-top: 0;
}

.home-module-grid .news-list {
  display: flex;
  min-width: 0;
  flex-direction: column;
  border-top: 1px solid rgba(33, 79, 161, 0.18);
}

.home-module-grid .news-list__item {
  display: grid;
  grid-template-columns: 7px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  min-height: 44px;
  padding: 7px 0;
  border-bottom: 1px solid rgba(33, 79, 161, 0.14);
}

.home-module-grid .news-list__dot {
  width: 5px;
  height: 5px;
  background: var(--blue-700);
  transform: rotate(45deg);
}

.home-module-grid .news-list__item strong {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  color: var(--ink-950);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.45;
}

.home-module-grid .news-list__item time {
  color: var(--muted);
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* Keep the information panels calm: no entrance, hover lift or background
   drift remains outside the three explicitly requested carousels. */
.home-module-grid .story-card,
.home-module-grid .academic-card,
.home-module-grid .party-list .party-item {
  transition: none;
}

.home-module-grid .story-card:hover,
.home-module-grid .academic-card:hover,
.home-module-grid .party-list .party-item:hover {
  transform: none;
  box-shadow: none;
}

.reading-progress {
  display: none;
}

.home-module-grid .section--party {
  background: rgba(255, 255, 255, 0.78);
}

.home-module-grid .section--party::before {
  display: none;
}

.home-module-grid .party-shell {
  z-index: auto;
}

.home-module-grid .party-header {
  grid-template-columns: 1fr;
  min-height: 0;
  padding: 0 0 12px;
  color: var(--ink-950);
  background: transparent;
  box-shadow: none;
}

.home-module-grid .party-mark {
  display: none;
}

.home-module-grid .party-heading h2 {
  color: var(--ink-950);
}

.home-module-grid .party-heading p,
.home-module-grid .party-more {
  display: none;
}

.home-module-grid .party-list {
  grid-template-columns: 1fr;
  gap: 0;
  margin-top: 0;
}

.home-module-grid .party-list .party-item {
  grid-template-columns: 42px minmax(0, 1fr) auto;
  min-height: 0;
  padding: 8px 0;
  border-width: 0 0 1px;
  border-color: rgba(33, 79, 161, 0.14);
  background: transparent;
  box-shadow: none;
}

.home-module-grid .party-list .party-item > time {
  min-width: 42px;
  padding: 5px 3px;
  background: var(--blue-700);
}

.home-module-grid .party-list .party-item > time b {
  font-size: 18px;
}

.home-module-grid .party-item__body strong {
  font-size: 13px;
  line-height: 1.45;
}

.home-module-grid .party-item__summary {
  display: none;
}

@media (max-width: 980px) {
  .home-module-grid > .section--news,
  .home-module-grid > .section--notices {
    grid-column: span 6;
  }

  .home-module-grid > .section--teaching,
  .home-module-grid > .section--academic,
  .home-module-grid > .section--party {
    grid-column: span 2;
  }
}

@media (max-width: 640px) {
  .home-module-grid {
    grid-template-columns: 1fr;
    gap: 14px;
    padding: 36px 18px;
  }

  .home-module-grid > .section,
  .home-module-grid > .section--news,
  .home-module-grid > .section--notices,
  .home-module-grid > .section--teaching,
  .home-module-grid > .section--academic,
  .home-module-grid > .section--party {
    grid-column: 1;
  }

  .home-module-grid .section--news .news-layout.story-grid,
  .home-module-grid .section--notices .notice-layout {
    grid-template-columns: 1fr;
  }

  .home-module-grid .section--news .news-layout {
    grid-template-columns: 1fr;
  }

  .home-module-grid .section--news .story-card:first-child {
    grid-row: auto;
  }

  .home-module-grid .section--news .story-card:not(:first-child) {
    display: block;
  }

  .home-module-grid .section--notices .notice-list {
    margin-top: 12px;
  }
}

/* Final homepage information layout: a compact two-row editorial grid. */
body[data-page="home"] .carousel-ui {
  display: none;
}

body[data-page="home"] .home-module-grid {
  grid-template-rows: minmax(320px, auto) minmax(268px, auto);
  align-items: stretch;
  gap: clamp(14px, 1.6vw, 22px);
  padding-block: clamp(34px, 4.2vw, 54px);
  background:
    linear-gradient(90deg, rgba(228, 242, 246, 0.95), rgba(228, 242, 246, 0.82)),
    url("../images/9f84259c-e0c7-4db8-9f88-99ec62428dab.png") center / cover no-repeat;
}

body[data-page="home"] .home-module-grid > .section {
  display: flex;
  min-height: 0;
  padding: clamp(20px, 2vw, 28px);
  border: 1px solid rgba(33, 79, 161, 0.2);
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: 0 12px 26px rgba(33, 79, 161, 0.07);
}

body[data-page="home"] .home-module-grid > .section > .content-width,
body[data-page="home"] .home-module-grid > .section > .academic-layout,
body[data-page="home"] .home-module-grid > .section > .party-shell {
  display: flex;
  min-height: 0;
  flex: 1;
  flex-direction: column;
}

body[data-page="home"] .home-module-grid .section-topline,
body[data-page="home"] .home-module-grid .notice-intro,
body[data-page="home"] .home-module-grid .party-header {
  flex: 0 0 auto;
}

body[data-page="home"] .home-module-grid .section-topline h2,
body[data-page="home"] .home-module-grid .notice-intro h2,
body[data-page="home"] .home-module-grid .party-heading h2,
body[data-page="home"] .home-module-grid .academic-copy h2 {
  font-family: inherit;
  font-size: clamp(1.16rem, 1.5vw, 1.42rem);
  font-weight: 750;
  line-height: 1.25;
}

body[data-page="home"] .home-module-grid .section-topline,
body[data-page="home"] .home-module-grid .section--notices .notice-intro,
body[data-page="home"] .home-module-grid .party-header {
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(33, 79, 161, 0.24);
}

body[data-page="home"] .home-module-grid .section--news .news-layout {
  min-height: 0;
  flex: 1;
  grid-template-rows: minmax(0, 1fr);
}

body[data-page="home"] .home-module-grid .news-feature-carousel {
  min-height: 178px;
  height: 100%;
  aspect-ratio: auto;
}

body[data-page="home"] .home-module-grid .news-list,
body[data-page="home"] .home-module-grid .module-list,
body[data-page="home"] .home-module-grid .party-list {
  min-height: 0;
  flex: 1;
}

body[data-page="home"] .home-module-grid .news-list__item,
body[data-page="home"] .home-module-grid .module-list__item,
body[data-page="home"] .home-module-grid .party-list .party-item {
  transition: none;
}

body[data-page="home"] .home-module-grid .news-feature-carousel .notice-carousel__slide:hover img {
  transform: none;
}

body[data-page="home"] .honor-card:hover,
body[data-page="home"] .honor-card:hover .honor-card__image img {
  transform: none;
  box-shadow: none;
}

body[data-page="home"] .home-module-grid .section--academic .academic-layout {
  display: flex;
}

body[data-page="home"] .home-module-grid .section--academic .academic-copy {
  flex: 0 0 auto;
}

body[data-page="home"] .home-module-grid .section--academic .academic-cards {
  min-height: 0;
  flex: 1;
}

body[data-page="home"] .home-module-grid .section--party .party-shell {
  gap: 0;
}

@media (max-width: 980px) {
  body[data-page="home"] .home-module-grid {
    grid-template-rows: none;
  }
}

@media (max-width: 640px) {
  body[data-page="home"] .home-module-grid {
    gap: 14px;
    padding-block: 30px;
  }

  body[data-page="home"] .home-module-grid > .section {
    padding: 20px 18px;
  }

  body[data-page="home"] .home-module-grid .news-feature-carousel {
    min-height: 210px;
    height: auto;
    aspect-ratio: 1.56 / 1;
  }
}

/* -------------------------------------------------------------------------
   Homepage portal columns
   The reference uses a news-portal composition rather than floating cards:
   one wide lead column plus a notice column, followed by three equal lists.
------------------------------------------------------------------------- */
body[data-page="home"] .home-module-grid {
  --home-accent: #d84d4d;
  --home-ink: #5e6670;
  --home-rule: rgba(93, 103, 113, 0.26);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-areas:
    "news news notices"
    "teaching academic party";
  gap: clamp(18px, 2vw, 28px) clamp(18px, 2.1vw, 30px);
  padding: clamp(28px, 3.6vw, 48px) max(var(--gutter), 22px) clamp(46px, 5vw, 68px);
  background:
    linear-gradient(90deg, rgba(248, 251, 252, 0.96), rgba(248, 251, 252, 0.88)),
    url("../images/9f84259c-e0c7-4db8-9f88-99ec62428dab.png") center / cover no-repeat;
}

body[data-page="home"] .home-module-grid > .section {
  display: block;
  grid-column: auto;
  min-width: 0;
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body[data-page="home"] .home-module-grid > .section--news { grid-area: news; }
body[data-page="home"] .home-module-grid > .section--notices { grid-area: notices; }
body[data-page="home"] .home-module-grid > .section--teaching { grid-area: teaching; }
body[data-page="home"] .home-module-grid > .section--academic { grid-area: academic; }
body[data-page="home"] .home-module-grid > .section--party { grid-area: party; }

body[data-page="home"] .home-module-grid > .section::before,
body[data-page="home"] .home-module-grid > .section::after,
body[data-page="home"] .home-module-grid .academic-bg {
  display: none;
}

body[data-page="home"] .home-module-grid > .section > .content-width,
body[data-page="home"] .home-module-grid > .section > .academic-layout,
body[data-page="home"] .home-module-grid > .section > .party-shell {
  display: block;
  width: 100%;
  min-height: 0;
  margin: 0;
}

body[data-page="home"] .home-module-grid .section-topline,
body[data-page="home"] .home-module-grid .section--notices .notice-intro,
body[data-page="home"] .home-module-grid .academic-copy,
body[data-page="home"] .home-module-grid .party-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 42px;
  margin: 0 0 10px;
  padding: 0 6px 8px;
  border-bottom: 1px solid var(--home-rule);
  color: var(--home-accent);
  background: transparent;
}

body[data-page="home"] .home-module-grid .section-topline h2,
body[data-page="home"] .home-module-grid .notice-intro h2,
body[data-page="home"] .home-module-grid .academic-copy h2,
body[data-page="home"] .home-module-grid .party-heading h2 {
  position: relative;
  margin: 0;
  padding-left: 22px;
  color: var(--home-accent);
  font-family: inherit;
  font-size: clamp(1rem, 1.35vw, 1.18rem);
  font-weight: 750;
  line-height: 1.3;
}

body[data-page="home"] .home-module-grid .section-topline h2::before,
body[data-page="home"] .home-module-grid .notice-intro h2::before,
body[data-page="home"] .home-module-grid .academic-copy h2::before,
body[data-page="home"] .home-module-grid .party-heading h2::before {
  position: absolute;
  top: 50%;
  left: 2px;
  width: 10px;
  height: 10px;
  margin: -5px 0 0;
  content: "";
  background: var(--home-accent);
  transform: rotate(45deg);
}

body[data-page="home"] .home-module-grid .text-link,
body[data-page="home"] .home-module-grid .party-more {
  flex: 0 0 auto;
  margin: 0;
  color: var(--home-accent);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  white-space: nowrap;
}

body[data-page="home"] .home-module-grid .text-link:hover,
body[data-page="home"] .home-module-grid .text-link:focus-visible,
body[data-page="home"] .home-module-grid .party-more:hover,
body[data-page="home"] .home-module-grid .party-more:focus-visible {
  color: var(--home-accent);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Lead news: one image rail beside a compact five-row headline stream. */
body[data-page="home"] .home-module-grid .section--news .news-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr);
  gap: clamp(14px, 1.7vw, 24px);
  align-items: stretch;
  min-height: 0;
}

body[data-page="home"] .home-module-grid .news-feature-carousel {
  width: 100%;
  min-height: 0;
  height: auto;
  aspect-ratio: 1.52 / 1;
  margin: 0;
  border: 1px solid rgba(33, 79, 161, 0.12);
  box-shadow: none;
}

body[data-page="home"] .home-module-grid .news-list,
body[data-page="home"] .home-module-grid .notice-list,
body[data-page="home"] .home-module-grid .module-list,
body[data-page="home"] .home-module-grid .party-list {
  display: block;
  min-height: 0;
  margin: 0;
  border-top: 0;
  background: transparent;
}

body[data-page="home"] .home-module-grid .news-list__item,
body[data-page="home"] .home-module-grid .module-list__item,
body[data-page="home"] .home-module-grid .notice-item,
body[data-page="home"] .home-module-grid .party-list .party-item,
body[data-page="home"] .home-module-grid .academic-card {
  position: relative;
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  min-width: 0;
  min-height: 38px;
  margin: 0;
  padding: 5px 0;
  border: 0;
  border-bottom: 1px dashed var(--home-rule);
  background: transparent;
  box-shadow: none;
}

body[data-page="home"] .home-module-grid .news-list__item:last-child,
body[data-page="home"] .home-module-grid .module-list__item:last-child,
body[data-page="home"] .home-module-grid .notice-item:last-child,
body[data-page="home"] .home-module-grid .party-list .party-item:last-child,
body[data-page="home"] .home-module-grid .academic-card:last-child {
  border-bottom: 0;
}

body[data-page="home"] .home-module-grid .news-list__dot,
body[data-page="home"] .home-module-grid .module-list__dot,
body[data-page="home"] .home-module-grid .notice-item::before,
body[data-page="home"] .home-module-grid .academic-card::before {
  grid-column: 1;
  width: 7px;
  height: 7px;
  content: "";
  background: var(--home-accent);
  transform: rotate(45deg);
}

body[data-page="home"] .home-module-grid .news-list__item strong,
body[data-page="home"] .home-module-grid .module-list__item strong,
body[data-page="home"] .home-module-grid .notice-item__text strong,
body[data-page="home"] .home-module-grid .academic-card__body h3,
body[data-page="home"] .home-module-grid .party-item__body strong {
  grid-column: 2;
  min-width: 0;
  overflow: hidden;
  color: var(--home-ink);
  font-size: 13px;
  font-weight: 450;
  line-height: 1.45;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-page="home"] .home-module-grid .news-list__item time,
body[data-page="home"] .home-module-grid .module-list__item time,
body[data-page="home"] .home-module-grid .notice-item time,
body[data-page="home"] .home-module-grid .academic-card__body time,
body[data-page="home"] .home-module-grid .party-list .party-item > time {
  grid-column: 3;
  justify-self: end;
  min-width: max-content;
  color: var(--home-accent);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  line-height: 1.3;
  white-space: nowrap;
}

body[data-page="home"] .home-module-grid .notice-item__arrow,
body[data-page="home"] .home-module-grid .party-item__arrow,
body[data-page="home"] .home-module-grid .party-item__summary,
body[data-page="home"] .home-module-grid .academic-card__body > span {
  display: none;
}

/* The old academic card component becomes a plain title/date stream. */
body[data-page="home"] .home-module-grid .section--academic .academic-layout {
  display: block;
}

body[data-page="home"] .home-module-grid .section--academic .academic-copy {
  margin-bottom: 10px;
}

body[data-page="home"] .home-module-grid .academic-cards {
  display: block;
  margin: 0;
}

body[data-page="home"] .home-module-grid .academic-card__body,
body[data-page="home"] .home-module-grid .academic-card--featured .academic-card__body {
  display: contents;
  min-height: 0;
  padding: 0;
}

body[data-page="home"] .home-module-grid .section--party .party-header {
  min-height: 42px;
}

body[data-page="home"] .home-module-grid .section--party .party-shell {
  display: block;
}

body[data-page="home"] .home-module-grid .section--party .party-list .party-item > time {
  display: block;
  min-width: max-content;
  padding: 0;
  background: transparent;
}

body[data-page="home"] .home-module-grid .section--party .party-list .party-item > time b,
body[data-page="home"] .home-module-grid .section--party .party-list .party-item > time span {
  display: none;
}

body[data-page="home"] .home-module-grid .section--party .party-list .party-item > time::after {
  content: attr(datetime);
  font-size: 0;
}

/* Keep the three requested carousels as the only authored motion. */
body[data-page="home"] .home-module-grid .news-list__item,
body[data-page="home"] .home-module-grid .module-list__item,
body[data-page="home"] .home-module-grid .notice-item,
body[data-page="home"] .home-module-grid .academic-card,
body[data-page="home"] .home-module-grid .party-item,
body[data-page="home"] .home-module-grid .notice-item__arrow,
body[data-page="home"] .home-module-grid .party-item__arrow {
  transition: none;
  transform: none;
}

body[data-page="home"] .home-module-grid .news-list__item:hover,
body[data-page="home"] .home-module-grid .module-list__item:hover,
body[data-page="home"] .home-module-grid .notice-item:hover,
body[data-page="home"] .home-module-grid .academic-card:hover,
body[data-page="home"] .home-module-grid .party-item:hover {
  background: transparent;
  box-shadow: none;
  transform: none;
}

@media (max-width: 980px) {
  body[data-page="home"] .home-module-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas:
      "news news"
      "notices notices"
      "teaching academic"
      "party party";
  }
}

@media (max-width: 680px) {
  body[data-page="home"] .home-module-grid {
    grid-template-columns: 1fr;
    grid-template-areas:
      "news"
      "notices"
      "teaching"
      "academic"
      "party";
    gap: 28px;
    padding-inline: 18px;
  }

  body[data-page="home"] .home-module-grid .section--news .news-layout {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  body[data-page="home"] .home-module-grid .news-feature-carousel {
    aspect-ratio: 1.58 / 1;
  }

  body[data-page="home"] .home-module-grid .news-list__item strong,
  body[data-page="home"] .home-module-grid .module-list__item strong,
  body[data-page="home"] .home-module-grid .notice-item__text strong,
  body[data-page="home"] .home-module-grid .academic-card__body h3,
  body[data-page="home"] .home-module-grid .party-item__body strong {
    font-size: 14px;
  }
}

/* Absolute alignment pass for the three lower homepage columns. Every
   column owns the same 48px heading rail and the same eight-row list grid;
   the title/date tracks therefore share one baseline instead of inheriting
   the older academic card topology. */
body[data-page="home"] .home-module-grid > .section--teaching > .content-width,
body[data-page="home"] .home-module-grid > .section--academic > .academic-layout,
body[data-page="home"] .home-module-grid > .section--party > .party-shell {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
}

body[data-page="home"] .home-module-grid .section--teaching .section-topline,
body[data-page="home"] .home-module-grid .section--academic .academic-copy,
body[data-page="home"] .home-module-grid .section--party .party-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: 1fr !important;
  flex: 0 0 48px !important;
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 0 10px !important;
  padding: 0 6px 9px !important;
  align-items: center !important;
  border-bottom: 1px solid var(--home-rule) !important;
}

body[data-page="home"] .home-module-grid .section--teaching .section-heading,
body[data-page="home"] .home-module-grid .section--party .party-heading {
  display: contents !important;
}

body[data-page="home"] .home-module-grid .section--teaching .section-topline h2,
body[data-page="home"] .home-module-grid .section--academic .academic-copy h2,
body[data-page="home"] .home-module-grid .section--party .party-heading h2 {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: center !important;
  margin: 0 !important;
  min-width: 0 !important;
  color: var(--home-accent) !important;
  font-family: inherit !important;
  font-size: clamp(1rem, 1.35vw, 1.18rem) !important;
  font-weight: 750 !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
}

body[data-page="home"] .home-module-grid .section--teaching .section-topline .text-link,
body[data-page="home"] .home-module-grid .section--academic .academic-copy .text-link,
body[data-page="home"] .home-module-grid .section--party .party-header .party-more {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: end !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

body[data-page="home"] .home-module-grid .section--teaching .module-list,
body[data-page="home"] .home-module-grid .section--academic .academic-cards,
body[data-page="home"] .home-module-grid .section--party .party-list {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: repeat(8, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  flex: 1 1 auto !important;
  align-content: stretch !important;
  align-self: stretch !important;
  width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

body[data-page="home"] .home-module-grid .section--teaching .module-list__item,
body[data-page="home"] .home-module-grid .section--academic .academic-card,
body[data-page="home"] .home-module-grid .section--party .party-list .party-item {
  display: grid !important;
  grid-template-columns: 8px minmax(0, 1fr) 66px !important;
  grid-template-rows: 1fr !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: center !important;
  column-gap: 10px !important;
  border: 0 !important;
  border-bottom: 1px dashed var(--home-rule) !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-page="home"] .home-module-grid .section--academic .academic-card__body {
  display: contents !important;
}

body[data-page="home"] .home-module-grid .section--teaching .module-list__item > strong,
body[data-page="home"] .home-module-grid .section--academic .academic-card__body h3,
body[data-page="home"] .home-module-grid .section--party .party-item__body,
body[data-page="home"] .home-module-grid .section--party .party-item__body strong {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: var(--home-ink) !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body[data-page="home"] .home-module-grid .section--party .party-item__body {
  display: block !important;
}

body[data-page="home"] .home-module-grid .section--teaching .module-list__item time,
body[data-page="home"] .home-module-grid .section--academic .academic-card__body time,
body[data-page="home"] .home-module-grid .section--party .party-list .party-item > time {
  grid-column: 3 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: end !important;
  width: 66px !important;
  min-width: 66px !important;
  margin: 0 !important;
  color: var(--home-accent) !important;
  font-family: inherit !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

body[data-page="home"] .home-module-grid .section--teaching .module-list__item:last-child,
body[data-page="home"] .home-module-grid .section--academic .academic-card:last-child,
body[data-page="home"] .home-module-grid .section--party .party-list .party-item:last-child {
  border-bottom: 0 !important;
}


/* Final reference-layout lock for the homepage portal columns. */
body[data-page="home"] .home-module-grid {
  --home-accent: #2b6f9e;
  --home-ink: #4f6370;
  --home-rule: rgba(72, 112, 137, 0.28);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-areas:
    "news news notices"
    "teaching academic party";
  grid-template-rows: 320px 318px;
  gap: 22px 24px;
  padding-inline: max(var(--gutter), calc((100% - var(--content)) / 2));
  background:
    linear-gradient(90deg, rgba(232, 244, 248, 0.94), rgba(232, 244, 248, 0.84)),
    url("../images/9f84259c-e0c7-4db8-9f88-99ec62428dab.png") center / cover no-repeat;
}

body[data-page="home"] .home-module-grid > .section {
  display: block;
  grid-column: auto;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body[data-page="home"] .home-module-grid .news-list__item,
body[data-page="home"] .home-module-grid .module-list__item,
body[data-page="home"] .home-module-grid .notice-item,
body[data-page="home"] .home-module-grid .party-list .party-item,
body[data-page="home"] .home-module-grid .academic-card {
  min-height: 32px;
  padding-block: 3px;
}

body[data-page="home"] .home-module-grid .section--news .news-layout {
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr);
  gap: 20px;
}

body[data-page="home"] .home-module-grid .news-feature-carousel {
  aspect-ratio: 1.52 / 1;
  height: auto;
}

/* Keep the desktop topology stable through normal browser zoom. */
@media (max-width: 980px) and (min-width: 721px) {
  body[data-page="home"] .home-module-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-areas:
      "news news notices"
      "teaching academic party";
    grid-template-rows: 320px 318px;
  }
}

@media (max-width: 640px) {
  body[data-page="home"] .home-module-grid {
    grid-template-columns: 1fr;
    grid-template-areas:
      "news"
      "notices"
      "teaching"
      "academic"
      "party";
    grid-template-rows: none;
    padding-inline: 18px;
  }
}
/* Refinement pass: match the reference top row and restore title states. */
body[data-page="home"] .home-module-grid {
  grid-template-rows: 350px 318px;
}

body[data-page="home"] .home-module-grid .section--news .news-layout {
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
  gap: 20px;
}

body[data-page="home"] .home-module-grid .news-feature-carousel {
  aspect-ratio: 1.56 / 1;
}

body[data-page="home"] .home-module-grid .notice-item,
body[data-page="home"] .home-module-grid .news-list__item {
  min-height: 44px;
  align-items: start;
  padding-block: 7px;
}

body[data-page="home"] .home-module-grid .notice-item__text,
body[data-page="home"] .home-module-grid .news-list__item strong {
  align-self: start;
}

body[data-page="home"] .home-module-grid .notice-item__text strong,
body[data-page="home"] .home-module-grid .news-list__item strong {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  white-space: normal;
}

body[data-page="home"] .home-module-grid .party-more {
  display: inline-flex;
  align-items: center;
  color: var(--home-accent);
  border: 0;
  background: transparent;
  font-size: 12px;
  font-weight: 600;
}

body[data-page="home"] .home-module-grid .news-list__item strong,
body[data-page="home"] .home-module-grid .module-list__item strong,
body[data-page="home"] .home-module-grid .notice-item__text strong,
body[data-page="home"] .home-module-grid .academic-card__body h3,
body[data-page="home"] .home-module-grid .party-item__body strong {
  transition: color 180ms ease, text-decoration-color 180ms ease;
}

body[data-page="home"] .home-module-grid .news-list__item:hover strong,
body[data-page="home"] .home-module-grid .module-list__item:hover strong,
body[data-page="home"] .home-module-grid .notice-item:hover .notice-item__text strong,
body[data-page="home"] .home-module-grid .academic-card:hover .academic-card__body h3,
body[data-page="home"] .home-module-grid .party-item:hover .party-item__body strong {
  color: var(--home-accent);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

body[data-page="home"] .home-module-grid .notice-carousel__slide:hover .notice-carousel__caption strong {
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width: 980px) and (min-width: 641px) {
  body[data-page="home"] .home-module-grid {
    grid-template-rows: 350px 318px;
  }
}

@media (max-width: 640px) {
  body[data-page="home"] .home-module-grid {
    grid-template-rows: none;
  }

  body[data-page="home"] .home-module-grid .section--news .news-layout {
    grid-template-columns: 1fr;
  }
}
/* Direct final override for the five homepage portal columns. */
body[data-page="home"] .home-module-grid {
  --home-accent: #214fa1;
  --home-ink: #4f6370;
  --home-rule: rgba(72, 112, 137, 0.28);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-areas: "news news notices" "teaching academic party";
  grid-template-rows: 350px 318px;
  gap: 22px 24px;
  padding-inline: max(var(--gutter), calc((100% - var(--content)) / 2));
  background:
    linear-gradient(90deg, rgba(232, 244, 248, 0.94), rgba(232, 244, 248, 0.84)),
    url("../images/9f84259c-e0c7-4db8-9f88-99ec62428dab.png") center / cover no-repeat;
}
body[data-page="home"] .home-module-grid > .section {
  display: block;
  grid-column: auto;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body[data-page="home"] .home-module-grid .section--news .news-layout {
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
  gap: 20px;
}
body[data-page="home"] .home-module-grid .news-feature-carousel {
  aspect-ratio: 1.56 / 1;
  height: auto;
}
body[data-page="home"] .home-module-grid .notice-item__text,
body[data-page="home"] .home-module-grid .party-item__body {
  display: contents;
}
body[data-page="home"] .home-module-grid .notice-item,
body[data-page="home"] .home-module-grid .news-list__item {
  min-height: 44px;
  align-items: start;
  padding-block: 7px;
}
body[data-page="home"] .home-module-grid .notice-item__text strong,
body[data-page="home"] .home-module-grid .news-list__item strong,
body[data-page="home"] .home-module-grid .module-list__item strong,
body[data-page="home"] .home-module-grid .academic-card__body h3,
body[data-page="home"] .home-module-grid .party-item__body strong {
  transition: color 180ms ease, background-color 180ms ease, text-decoration-color 180ms ease;
}
body[data-page="home"] .home-module-grid .notice-item:hover .notice-item__text strong,
body[data-page="home"] .home-module-grid .news-list__item:hover strong,
body[data-page="home"] .home-module-grid .module-list__item:hover strong,
body[data-page="home"] .home-module-grid .academic-card:hover .academic-card__body h3,
body[data-page="home"] .home-module-grid .party-item:hover .party-item__body strong {
  color: #214fa1;
  background: rgba(33, 79, 161, 0.1);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
body[data-page="home"] .home-module-grid .party-more {
  display: inline-flex;
  align-items: center;
  color: #214fa1;
  border: 0;
  background: transparent;
  font-size: 12px;
  font-weight: 600;
}
@media (max-width: 980px) and (min-width: 641px) {
  body[data-page="home"] .home-module-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-areas: "news news notices" "teaching academic party";
    grid-template-rows: 350px 318px;
  }
}
@media (max-width: 640px) {
  body[data-page="home"] .home-module-grid {
    grid-template-columns: 1fr;
    grid-template-areas: "news" "notices" "teaching" "academic" "party";
    grid-template-rows: none;
    padding-inline: 18px;
  }
  body[data-page="home"] .home-module-grid .section--news .news-layout {
    grid-template-columns: 1fr;
  }
}
/* Direct correction: six-track portal grid aligned with the honors content edge. */
body[data-page="home"] .home-module-grid {
  --home-accent: #214fa1;
  --home-ink: #4f6370;
  --home-rule: rgba(72, 112, 137, 0.28);
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-template-areas:
    "news news news news notices notices"
    "teaching teaching academic academic party party";
  grid-template-rows: 350px 318px;
  gap: 22px 24px;
  width: 100%;
  padding-inline: max(var(--gutter), calc((100% - var(--content)) / 2));
  background:
    linear-gradient(90deg, rgba(232, 244, 248, 0.94), rgba(232, 244, 248, 0.84)),
    url("../images/9f84259c-e0c7-4db8-9f88-99ec62428dab.png") center / cover no-repeat;
}

body[data-page="home"] .home-module-grid > .section,
body[data-page="home"] .home-module-grid > .section--news,
body[data-page="home"] .home-module-grid > .section--notices,
body[data-page="home"] .home-module-grid > .section--teaching,
body[data-page="home"] .home-module-grid > .section--academic,
body[data-page="home"] .home-module-grid > .section--party {
  grid-column: auto !important;
  width: 100%;
  min-width: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body[data-page="home"] .home-module-grid > .section > .content-width,
body[data-page="home"] .home-module-grid > .section > .academic-layout,
body[data-page="home"] .home-module-grid > .section > .party-shell {
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
}

body[data-page="home"] .home-module-grid .section--news .news-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.38fr) minmax(0, 1fr);
  gap: 20px;
  min-width: 0;
}

body[data-page="home"] .home-module-grid .news-feature-carousel {
  width: 100%;
  min-width: 0;
  aspect-ratio: 1.56 / 1;
  height: auto;
}

body[data-page="home"] .home-module-grid .notice-item {
  grid-template-columns: 10px minmax(0, 1fr) auto;
  min-width: 0;
  min-height: 44px;
  align-items: center;
  padding-block: 6px;
}

body[data-page="home"] .home-module-grid .notice-item__text,
body[data-page="home"] .home-module-grid .party-item__body {
  display: block;
  min-width: 0;
  grid-column: 2;
}

body[data-page="home"] .home-module-grid .notice-item__text strong,
body[data-page="home"] .home-module-grid .news-list__item strong,
body[data-page="home"] .home-module-grid .module-list__item strong,
body[data-page="home"] .home-module-grid .academic-card__body h3,
body[data-page="home"] .home-module-grid .party-item__body strong {
  display: block;
  min-width: 0;
  overflow: hidden;
  color: var(--home-ink);
  font-size: 13px;
  font-weight: 450;
  line-height: 1.45;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: color 180ms ease, background-color 180ms ease, text-decoration-color 180ms ease;
}

body[data-page="home"] .home-module-grid .notice-item__text strong:hover,
body[data-page="home"] .home-module-grid .news-list__item:hover strong,
body[data-page="home"] .home-module-grid .module-list__item:hover strong,
body[data-page="home"] .home-module-grid .academic-card:hover .academic-card__body h3,
body[data-page="home"] .home-module-grid .party-item:hover .party-item__body strong {
  color: #214fa1;
  background: rgba(33, 79, 161, 0.1);
  text-decoration: underline;
  text-underline-offset: 3px;
}

body[data-page="home"] .home-module-grid .notice-item:hover .notice-item__text strong {
  color: #214fa1;
  background: rgba(33, 79, 161, 0.1);
  text-decoration: underline;
  text-underline-offset: 3px;
}

body[data-page="home"] .home-module-grid .notice-item__arrow,
body[data-page="home"] .home-module-grid .party-item__arrow,
body[data-page="home"] .home-module-grid .party-item__summary,
body[data-page="home"] .home-module-grid .academic-card__body > span {
  display: none;
}

body[data-page="home"] .home-module-grid .party-more {
  display: inline-flex;
  align-items: center;
  color: #214fa1;
  border: 0;
  background: transparent;
  font-size: 12px;
  font-weight: 600;
}

@media (max-width: 980px) and (min-width: 641px) {
  body[data-page="home"] .home-module-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-template-areas:
      "news news news news notices notices"
      "teaching teaching academic academic party party";
    grid-template-rows: 350px 318px;
  }
}

@media (max-width: 640px) {
  body[data-page="home"] .home-module-grid {
    grid-template-columns: 1fr;
    grid-template-areas:
      "news"
      "notices"
      "teaching"
      "academic"
      "party";
    grid-template-rows: none;
    padding-inline: 18px;
  }

  body[data-page="home"] .home-module-grid .section--news .news-layout {
    grid-template-columns: 1fr;
  }
}
/* Final three-column alignment correction. */
body[data-page="home"] .home-module-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-template-areas:
    "news news notices"
    "teaching academic party" !important;
  grid-template-rows: 350px 318px !important;
  align-items: stretch;
}
body[data-page="home"] .home-module-grid > .section--news { grid-area: news !important; }
body[data-page="home"] .home-module-grid > .section--notices { grid-area: notices !important; }
body[data-page="home"] .home-module-grid > .section--teaching { grid-area: teaching !important; }
body[data-page="home"] .home-module-grid > .section--academic { grid-area: academic !important; }
body[data-page="home"] .home-module-grid > .section--party { grid-area: party !important; }
body[data-page="home"] .home-module-grid > .section {
  width: 100%;
  min-width: 0;
  height: 100%;
}
body[data-page="home"] .home-module-grid > .section > .content-width,
body[data-page="home"] .home-module-grid > .section > .academic-layout,
body[data-page="home"] .home-module-grid > .section > .party-shell {
  width: 100%;
  max-width: none;
  min-width: 0;
  height: 100%;
}
body[data-page="home"] .home-module-grid .section--news > .content-width {
  display: flex;
  min-height: 0;
  flex-direction: column;
}
body[data-page="home"] .home-module-grid .section--news .news-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.22fr) minmax(0, 1fr) !important;
  gap: clamp(16px, 1.8vw, 24px);
  min-width: 0;
  min-height: 0;
  flex: 1 1 auto;
}
body[data-page="home"] .home-module-grid .section--news .news-feature-carousel {
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  aspect-ratio: auto;
}
body[data-page="home"] .home-module-grid .news-list,
body[data-page="home"] .home-module-grid .notice-list {
  width: 100%;
  min-width: 0;
  overflow: hidden;
}
body[data-page="home"] .home-module-grid .news-list__item,
body[data-page="home"] .home-module-grid .notice-item {
  width: 100%;
  min-width: 0;
  grid-template-columns: 8px minmax(0, 1fr) 62px !important;
  column-gap: 10px;
}
body[data-page="home"] .home-module-grid .news-list__item strong,
body[data-page="home"] .home-module-grid .notice-item__text strong {
  display: block;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.5;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body[data-page="home"] .home-module-grid .notice-item__text {
  display: block !important;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  grid-column: 2;
}
body[data-page="home"] .home-module-grid .notice-item time,
body[data-page="home"] .home-module-grid .news-list__item time {
  width: 62px;
  min-width: 62px;
  justify-self: end;
  text-align: right;
  white-space: nowrap;
}
@media (max-width: 680px) {
  body[data-page="home"] .home-module-grid {
    grid-template-columns: 1fr !important;
    grid-template-areas: "news" "notices" "teaching" "academic" "party" !important;
    grid-template-rows: none !important;
  }
  body[data-page="home"] .home-module-grid > .section,
  body[data-page="home"] .home-module-grid > .section > .content-width,
  body[data-page="home"] .home-module-grid > .section > .academic-layout,
  body[data-page="home"] .home-module-grid > .section > .party-shell {
    height: auto;
  }
  body[data-page="home"] .home-module-grid .section--news .news-layout {
    grid-template-columns: 1fr !important;
  }
  body[data-page="home"] .home-module-grid .section--news .news-feature-carousel {
    height: auto;
    aspect-ratio: 1.56 / 1;
  }
}

/* Screenshot-matched portal rhythm: stretch the two top lists to the image edge. */
body[data-page="home"] .home-module-grid .section--news .news-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.22fr) minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  align-items: stretch !important;
  min-height: 0 !important;
  height: 100% !important;
}

body[data-page="home"] .home-module-grid .section--news .news-feature-carousel {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
}

body[data-page="home"] .home-module-grid .section--news .news-list,
body[data-page="home"] .home-module-grid .section--notices .notice-list {
  display: grid !important;
  grid-template-rows: repeat(6, minmax(0, 1fr)) !important;
  align-content: stretch !important;
  align-self: stretch !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

body[data-page="home"] .home-module-grid .news-list__item,
body[data-page="home"] .home-module-grid .notice-item {
  display: grid !important;
  grid-template-columns: 8px minmax(0, 1fr) 66px !important;
  grid-template-rows: 1fr !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  padding: 0 0 0 0 !important;
  margin: 0 !important;
  column-gap: 10px !important;
  border-bottom: 1px dashed rgba(72, 112, 137, 0.28) !important;
}

body[data-page="home"] .home-module-grid .news-list__item:last-child,
body[data-page="home"] .home-module-grid .notice-item:last-child {
  border-bottom: 0 !important;
}

body[data-page="home"] .home-module-grid .news-list__dot,
body[data-page="home"] .home-module-grid .notice-item::before {
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-self: start !important;
  align-self: center !important;
  width: 7px !important;
  height: 7px !important;
  margin: 0 !important;
  background: #214fa1 !important;
  transform: rotate(45deg) !important;
}

body[data-page="home"] .home-module-grid .news-list__item strong,
body[data-page="home"] .home-module-grid .notice-item__text,
body[data-page="home"] .home-module-grid .notice-item__text strong {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  line-height: 1.45 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body[data-page="home"] .home-module-grid .notice-item__text {
  display: block !important;
}

body[data-page="home"] .home-module-grid .news-list__item strong,
body[data-page="home"] .home-module-grid .notice-item__text strong {
  color: var(--home-ink) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

body[data-page="home"] .home-module-grid .news-list__item time,
body[data-page="home"] .home-module-grid .notice-item time {
  grid-column: 3 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  align-self: center !important;
  width: 66px !important;
  min-width: 66px !important;
  margin: 0 !important;
  color: #214fa1 !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

body[data-page="home"] .home-module-grid .notice-item__arrow {
  display: none !important;
}

body[data-page="home"] .home-module-grid .section--news .section-topline,
body[data-page="home"] .home-module-grid .section--notices .notice-intro {
  min-height: 42px !important;
  margin-bottom: 10px !important;
  padding-bottom: 8px !important;
}

@media (max-width: 680px) {
  body[data-page="home"] .home-module-grid .section--news .news-layout {
    height: auto !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
  }

  body[data-page="home"] .home-module-grid .section--news .news-feature-carousel {
    height: auto !important;
    aspect-ratio: 1.56 / 1 !important;
  }

  body[data-page="home"] .home-module-grid .section--news .news-list,
  body[data-page="home"] .home-module-grid .section--notices .notice-list {
    height: auto !important;
    grid-template-rows: repeat(6, minmax(42px, auto)) !important;
  }

  body[data-page="home"] .home-module-grid .news-list__item,
  body[data-page="home"] .home-module-grid .notice-item {
    height: auto !important;
    min-height: 42px !important;
  }
}

/* Final vertical sizing: heading stays fixed, lists fill the remaining rail. */
body[data-page="home"] .home-module-grid .section--news > .content-width,
body[data-page="home"] .home-module-grid .section--notices > .content-width {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  height: 100% !important;
}

body[data-page="home"] .home-module-grid .section--news .news-layout {
  flex: 1 1 auto !important;
  height: auto !important;
  min-height: 0 !important;
}

body[data-page="home"] .home-module-grid .section--notices .notice-layout {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-height: 0 !important;
  height: auto !important;
}

body[data-page="home"] .home-module-grid .section--notices .notice-list {
  flex: 1 1 auto !important;
}

body[data-page="home"] .home-module-grid .section--news .news-list {
  flex: 1 1 auto !important;
}

body[data-page="home"] .home-module-grid .section--news .section-topline h2,
body[data-page="home"] .home-module-grid .section--notices .notice-intro h2 {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body[data-page="home"] .home-module-grid .section--news .section-topline .text-link,
body[data-page="home"] .home-module-grid .section--notices .notice-intro .text-link {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

body[data-page="home"] .home-module-grid .section--news .news-layout {
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) !important;
}

@media (max-width: 680px) {
  body[data-page="home"] .home-module-grid .section--news > .content-width,
  body[data-page="home"] .home-module-grid .section--notices > .content-width {
    height: auto !important;
  }

  body[data-page="home"] .home-module-grid .section--news .news-layout {
    flex: 0 0 auto !important;
    height: auto !important;
  }

  body[data-page="home"] .home-module-grid .section--notices .notice-layout {
    flex: 0 0 auto !important;
  }
}

/* Final aligned row system for the five homepage sections. */
body[data-page="home"] .home-module-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-template-areas:
    "news news notices"
    "teaching academic party" !important;
  grid-template-rows: 350px 318px !important;
  gap: 22px 24px !important;
  align-items: stretch !important;
}

body[data-page="home"] .home-module-grid > .section--news { grid-area: news !important; }
body[data-page="home"] .home-module-grid > .section--notices { grid-area: notices !important; }
body[data-page="home"] .home-module-grid > .section--teaching { grid-area: teaching !important; }
body[data-page="home"] .home-module-grid > .section--academic { grid-area: academic !important; }
body[data-page="home"] .home-module-grid > .section--party { grid-area: party !important; }

body[data-page="home"] .home-module-grid > .section {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  flex-direction: column !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body[data-page="home"] .home-module-grid > .section > .content-width,
body[data-page="home"] .home-module-grid > .section > .academic-layout,
body[data-page="home"] .home-module-grid > .section > .party-shell {
  display: flex !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  margin: 0 !important;
}

body[data-page="home"] .home-module-grid .section-topline,
body[data-page="home"] .home-module-grid .notice-intro,
body[data-page="home"] .home-module-grid .academic-copy,
body[data-page="home"] .home-module-grid .party-header {
  display: flex !important;
  flex: 0 0 42px !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 42px !important;
  height: 42px !important;
  margin: 0 0 10px !important;
  padding: 0 6px 8px !important;
  border-bottom: 1px solid rgba(72, 112, 137, 0.28) !important;
}

body[data-page="home"] .home-module-grid .section--news .news-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.18fr) minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  gap: 18px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  flex: 1 1 auto !important;
}

body[data-page="home"] .home-module-grid .section--news .news-feature-carousel {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
}

body[data-page="home"] .home-module-grid .section--news .news-list,
body[data-page="home"] .home-module-grid .section--notices .notice-list {
  display: grid !important;
  grid-template-rows: repeat(6, minmax(0, 1fr)) !important;
  align-content: stretch !important;
  align-self: stretch !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

body[data-page="home"] .home-module-grid .section--teaching .module-list,
body[data-page="home"] .home-module-grid .section--academic .academic-cards,
body[data-page="home"] .home-module-grid .section--party .party-list {
  display: grid !important;
  grid-template-rows: repeat(8, minmax(0, 1fr)) !important;
  align-content: stretch !important;
  align-self: stretch !important;
  width: 100% !important;
  height: auto !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

body[data-page="home"] .home-module-grid .news-list__item,
body[data-page="home"] .home-module-grid .notice-item,
body[data-page="home"] .home-module-grid .module-list__item,
body[data-page="home"] .home-module-grid .academic-card,
body[data-page="home"] .home-module-grid .party-list .party-item {
  display: grid !important;
  grid-template-columns: 8px minmax(0, 1fr) 66px !important;
  grid-template-rows: 1fr !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px dashed rgba(72, 112, 137, 0.28) !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-page="home"] .home-module-grid .news-list__item:last-child,
body[data-page="home"] .home-module-grid .notice-item:last-child,
body[data-page="home"] .home-module-grid .module-list__item:last-child,
body[data-page="home"] .home-module-grid .academic-card:last-child,
body[data-page="home"] .home-module-grid .party-list .party-item:last-child {
  border-bottom: 0 !important;
}

body[data-page="home"] .home-module-grid .news-list__dot,
body[data-page="home"] .home-module-grid .module-list__dot,
body[data-page="home"] .home-module-grid .notice-item::before,
body[data-page="home"] .home-module-grid .academic-card::before,
body[data-page="home"] .home-module-grid .party-list .party-item::before {
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-self: start !important;
  align-self: center !important;
  width: 7px !important;
  height: 7px !important;
  margin: 0 !important;
  background: #214fa1 !important;
  transform: rotate(45deg) !important;
}

body[data-page="home"] .home-module-grid .news-list__item strong,
body[data-page="home"] .home-module-grid .notice-item__text,
body[data-page="home"] .home-module-grid .notice-item__text strong,
body[data-page="home"] .home-module-grid .module-list__item strong,
body[data-page="home"] .home-module-grid .academic-card__body h3,
body[data-page="home"] .home-module-grid .party-item__body,
body[data-page="home"] .home-module-grid .party-item__body strong {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: block !important;
  align-self: center !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  color: var(--home-ink) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body[data-page="home"] .home-module-grid .notice-item__text,
body[data-page="home"] .home-module-grid .party-item__body {
  display: block !important;
}

body[data-page="home"] .home-module-grid .news-list__item time,
body[data-page="home"] .home-module-grid .notice-item time,
body[data-page="home"] .home-module-grid .module-list__item time,
body[data-page="home"] .home-module-grid .academic-card__body time,
body[data-page="home"] .home-module-grid .party-list .party-item > time {
  grid-column: 3 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  align-self: center !important;
  width: 66px !important;
  min-width: 66px !important;
  margin: 0 !important;
  color: #214fa1 !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

body[data-page="home"] .home-module-grid .academic-card__body {
  display: contents !important;
}

body[data-page="home"] .home-module-grid .section--party .party-item > time b,
body[data-page="home"] .home-module-grid .section--party .party-item > time span {
  display: none !important;
}

body[data-page="home"] .home-module-grid .party-item__summary,
body[data-page="home"] .home-module-grid .notice-item__arrow,
body[data-page="home"] .home-module-grid .party-item__arrow,
body[data-page="home"] .home-module-grid .academic-card__body > span {
  display: none !important;
}

body[data-page="home"] .home-module-grid .news-list__item:hover strong,
body[data-page="home"] .home-module-grid .notice-item:hover .notice-item__text strong,
body[data-page="home"] .home-module-grid .module-list__item:hover strong,
body[data-page="home"] .home-module-grid .academic-card:hover .academic-card__body h3,
body[data-page="home"] .home-module-grid .party-item:hover .party-item__body strong {
  color: #214fa1 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

@media (max-width: 680px) {
  body[data-page="home"] .home-module-grid {
    grid-template-columns: 1fr !important;
    grid-template-areas: "news" "notices" "teaching" "academic" "party" !important;
    grid-template-rows: none !important;
  }

  body[data-page="home"] .home-module-grid > .section,
  body[data-page="home"] .home-module-grid > .section > .content-width,
  body[data-page="home"] .home-module-grid > .section > .academic-layout,
  body[data-page="home"] .home-module-grid > .section > .party-shell {
    height: auto !important;
  }

  body[data-page="home"] .home-module-grid .section--news .news-layout {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto !important;
    height: auto !important;
  }

  body[data-page="home"] .home-module-grid .section--news .news-feature-carousel {
    height: auto !important;
    aspect-ratio: 1.56 / 1 !important;
  }

  body[data-page="home"] .home-module-grid .section--news .news-list,
  body[data-page="home"] .home-module-grid .section--notices .notice-list {
    height: auto !important;
    grid-template-rows: repeat(6, minmax(42px, auto)) !important;
  }

  body[data-page="home"] .home-module-grid .section--teaching .module-list,
  body[data-page="home"] .home-module-grid .section--academic .academic-cards,
  body[data-page="home"] .home-module-grid .section--party .party-list {
    grid-template-rows: repeat(8, minmax(42px, auto)) !important;
  }

  body[data-page="home"] .home-module-grid .news-list__item,
  body[data-page="home"] .home-module-grid .notice-item,
  body[data-page="home"] .home-module-grid .module-list__item,
  body[data-page="home"] .home-module-grid .academic-card,
  body[data-page="home"] .home-module-grid .party-list .party-item {
    height: auto !important;
    min-height: 42px !important;
  }
}

/* Homepage honors: shared pale-blue surface, centered banner, and an
   editable patterned title frame for the honors rail. */
body[data-page="home"] .section--honors {
  position: relative;
  overflow: hidden;
  padding-block: clamp(42px, 5vw, 68px) !important;
  background:
    linear-gradient(90deg, rgba(232, 244, 248, 0.94), rgba(232, 244, 248, 0.84)),
    url("../images/9f84259c-e0c7-4db8-9f88-99ec62428dab.png") center / cover no-repeat !important;
}

body[data-page="home"] .section--honors > .content-width {
  position: relative;
  z-index: 1;
  width: min(var(--content), calc(100% - (var(--gutter) * 2))) !important;
  max-width: none !important;
  margin-inline: auto !important;
}

body[data-page="home"] .honors-feature {
  width: 100%;
  margin: 0 auto clamp(22px, 2.6vw, 34px);
  overflow: hidden;
  border: 1px solid rgba(33, 79, 161, 0.18);
  background: rgba(255, 255, 255, 0.62);
  box-shadow: 0 12px 26px rgba(33, 79, 161, 0.08);
}

body[data-page="home"] .honors-feature img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1336 / 240;
  object-fit: cover;
  object-position: center;
}

body[data-page="home"] .honors-heading-frame {
  position: relative;
  display: grid;
  grid-template-columns: minmax(28px, 1fr) auto minmax(28px, 1fr);
  align-items: center;
  gap: clamp(16px, 2.6vw, 34px);
  width: min(100%, 920px);
  min-height: 86px;
  margin: 0 auto clamp(24px, 3vw, 38px);
  padding: 22px clamp(24px, 5vw, 72px) 18px;
  border: 1px solid rgba(33, 79, 161, 0.28);
  border-left: 0;
  background: rgba(247, 252, 253, 0.76);
  box-shadow: 0 12px 24px rgba(33, 79, 161, 0.07);
}

body[data-page="home"] .honors-heading-frame::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  content: "";
  background: rgba(201, 163, 91, 0.38);
  pointer-events: none;
}

body[data-page="home"] .honors-heading-frame__line {
  position: relative;
  display: block;
  height: 1px;
  background: rgba(157, 115, 54, 0.58);
}

body[data-page="home"] .honors-heading-frame__line::after {
  position: absolute;
  top: 50%;
  width: 10px;
  height: 10px;
  content: "";
  border: 1px solid rgba(157, 115, 54, 0.78);
  background: rgba(247, 252, 253, 0.92);
  transform: translateY(-50%) rotate(45deg);
}

body[data-page="home"] .honors-heading-frame__line:first-child::after {
  right: -5px;
}

body[data-page="home"] .honors-heading-frame__line:last-child::after {
  left: -5px;
}

body[data-page="home"] .honors-heading-frame h2 {
  position: relative;
  z-index: 1;
  margin: 0;
  color: var(--ink-950);
  font-family: inherit;
  font-size: clamp(1.35rem, 2.4vw, 2rem);
  font-weight: 750;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-align: center;
  white-space: nowrap;
}

body[data-page="home"] .section--honors .honor-carousel {
  width: 100%;
  margin: 0;
}

body[data-page="home"] .section--honors .honor-rail {
  width: 100%;
  padding: 4px 4px 18px;
}

@media (max-width: 680px) {
  body[data-page="home"] .section--honors {
    padding-block: 38px !important;
  }

  body[data-page="home"] .honors-heading-frame {
    grid-template-columns: minmax(18px, 1fr) auto minmax(18px, 1fr);
    gap: 14px;
    min-height: 74px;
    padding: 20px 18px 15px;
  }

  body[data-page="home"] .honors-heading-frame h2 {
    font-size: 1.3rem;
  }

  body[data-page="home"] .honors-feature {
    margin-bottom: 22px;
  }
}

/* Final homepage alignment and honors rail treatment. The honors label sits
   beside the moving cards; the supplied footimg tile supplies the cultural
   border instead of introducing a new decorative asset. */
body[data-page="home"] .section--honors > .content-width {
  width: min(var(--content), calc(100% - (var(--gutter) * 2))) !important;
  max-width: none !important;
}

body[data-page="home"] .section--honors .honors-feature {
  margin: 0 !important;
}

/* The information grid, banner image and honors rail share one continuous
   pale-blue surface. The image follows the five-column area immediately and
   the honors rail follows the image without a second section gap. */
body[data-page="home"] .home-content-surface {
  position: relative !important;
  overflow: hidden !important;
  background:
    linear-gradient(90deg, rgba(232, 244, 248, 0.94), rgba(232, 244, 248, 0.84)),
    url("../images/9f84259c-e0c7-4db8-9f88-99ec62428dab.png") center / cover no-repeat !important;
}

body[data-page="home"] .home-content-surface .home-module-grid {
  position: relative !important;
  z-index: 1 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  background: transparent !important;
}

body[data-page="home"] .home-content-surface .section--honors {
  position: relative !important;
  z-index: 1 !important;
  margin-top: 16px !important;
  padding-block: 0 clamp(38px, 5vw, 68px) !important;
  background: transparent !important;
}

body[data-page="home"] .home-content-surface .section--honors > .content-width {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

body[data-page="home"] .home-content-surface .section--honors .honors-feature {
  width: min(var(--content), calc(100% - (var(--gutter) * 2))) !important;
  margin-inline: auto !important;
  overflow: hidden !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

body[data-page="home"] .home-content-surface .section--honors .honors-feature img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1336 / 160 !important;
  object-fit: cover !important;
}

body[data-page="home"] .home-content-surface .section--honors .honors-showcase {
  width: min(var(--content), calc(100% - (var(--gutter) * 2))) !important;
  margin: 0 auto !important;
  padding-top: 0 !important;
}

body[data-page="home"] .home-content-surface .section--honors .honors-heading-frame,
body[data-page="home"] .home-content-surface .section--honors .honor-carousel {
  align-self: stretch !important;
}

body[data-page="home"] .home-content-surface .section--honors .honor-rail {
  padding-top: 0 !important;
}

body[data-page="home"] .section--honors .honors-showcase {
  display: grid !important;
  grid-template-columns: clamp(112px, 12vw, 152px) minmax(0, 1fr) !important;
  gap: clamp(18px, 2.6vw, 34px) !important;
  align-items: stretch !important;
  min-width: 0 !important;
}

body[data-page="home"] .section--honors .honors-heading-frame {
  display: flex !important;
  position: relative !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 22px 14px 22px 28px !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(33, 79, 161, 0.22) !important;
  border-left: 0 !important;
  background: rgba(247, 252, 253, 0.78) !important;
  box-shadow: 0 12px 24px rgba(33, 79, 161, 0.07) !important;
  overflow: hidden !important;
}

body[data-page="home"] .section--honors .honors-heading-frame__pattern {
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  display: block !important;
  width: 22px !important;
  background: #214fa1 url("../images/footimg.jpg") center / 30px 30px repeat-y !important;
  content: "" !important;
}

body[data-page="home"] .section--honors .honors-heading-frame::before {
  top: 0 !important;
  right: auto !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 22px !important;
  height: auto !important;
  opacity: 0 !important;
  background: none !important;
}

body[data-page="home"] .section--honors .honors-heading-frame::after {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  width: 1px !important;
  height: auto !important;
  background: rgba(201, 163, 91, 0.46) !important;
}

body[data-page="home"] .section--honors .honors-heading-frame__line {
  display: none !important;
}

body[data-page="home"] .section--honors .honors-heading-frame h2 {
  position: relative !important;
  z-index: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--ink-950) !important;
  font-family: inherit !important;
  font-size: clamp(1.1rem, 1.8vw, 1.55rem) !important;
  font-weight: 750 !important;
  line-height: 1.35 !important;
  letter-spacing: 0.08em !important;
  text-align: center !important;
  white-space: nowrap !important;
}

body[data-page="home"] .section--honors .honor-carousel {
  min-width: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
}

body[data-page="home"] .section--honors .honor-rail {
  height: 100% !important;
  min-width: 0 !important;
  padding: 4px 4px 18px !important;
}

/* One heading grid and one article grid keep all five homepage modules on
   the same title/date tracks, including the academic column. */
body[data-page="home"] .home-module-grid .section-topline,
body[data-page="home"] .home-module-grid .section--notices .notice-intro,
body[data-page="home"] .home-module-grid .section--academic .academic-copy,
body[data-page="home"] .home-module-grid .section--party .party-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  column-gap: 12px !important;
  flex: 0 0 48px !important;
  min-height: 48px !important;
  height: 48px !important;
  margin: 0 0 10px !important;
  padding: 0 6px 9px !important;
  border-bottom: 1px solid var(--home-rule) !important;
}

body[data-page="home"] .home-module-grid .section-heading,
body[data-page="home"] .home-module-grid .party-heading {
  display: contents !important;
}

body[data-page="home"] .home-module-grid .section-topline h2,
body[data-page="home"] .home-module-grid .notice-intro h2,
body[data-page="home"] .home-module-grid .academic-copy h2,
body[data-page="home"] .home-module-grid .party-heading h2 {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: center !important;
  min-width: 0 !important;
  margin: 0 !important;
  color: var(--home-accent) !important;
  font-family: inherit !important;
  font-size: clamp(1rem, 1.35vw, 1.18rem) !important;
  font-weight: 750 !important;
  line-height: 1.3 !important;
}

body[data-page="home"] .home-module-grid .section-topline .text-link,
body[data-page="home"] .home-module-grid .notice-intro .text-link,
body[data-page="home"] .home-module-grid .academic-copy .text-link,
body[data-page="home"] .home-module-grid .party-header .party-more {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: end !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

body[data-page="home"] .home-module-grid .section--teaching .module-list,
body[data-page="home"] .home-module-grid .section--academic .academic-cards,
body[data-page="home"] .home-module-grid .section--party .party-list {
  display: grid !important;
  grid-template-rows: repeat(8, minmax(0, 1fr)) !important;
  align-content: stretch !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
}

body[data-page="home"] .home-module-grid .section--teaching .module-list__item,
body[data-page="home"] .home-module-grid .section--academic .academic-card,
body[data-page="home"] .home-module-grid .section--party .party-list .party-item {
  display: grid !important;
  grid-template-columns: 8px minmax(0, 1fr) 66px !important;
  grid-template-rows: 1fr !important;
  align-items: center !important;
  column-gap: 10px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px dashed var(--home-rule) !important;
  background: transparent !important;
  box-shadow: none !important;
}

body[data-page="home"] .home-module-grid .section--teaching .module-list__item:last-child,
body[data-page="home"] .home-module-grid .section--academic .academic-card:last-child,
body[data-page="home"] .home-module-grid .section--party .party-list .party-item:last-child {
  border-bottom: 0 !important;
}

body[data-page="home"] .home-module-grid .section--academic .academic-card__body {
  display: contents !important;
}

body[data-page="home"] .home-module-grid .section--teaching .module-list__item > strong,
body[data-page="home"] .home-module-grid .section--academic .academic-card__body h3,
body[data-page="home"] .home-module-grid .section--party .party-item__body,
body[data-page="home"] .home-module-grid .section--party .party-item__body strong {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: var(--home-ink) !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body[data-page="home"] .home-module-grid .section--party .party-item__body {
  display: block !important;
}

body[data-page="home"] .home-module-grid .section--teaching .module-list__item time,
body[data-page="home"] .home-module-grid .section--academic .academic-card__body time,
body[data-page="home"] .home-module-grid .section--party .party-item > time {
  grid-column: 3 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: end !important;
  width: 66px !important;
  min-width: 66px !important;
  margin: 0 !important;
  color: var(--home-accent) !important;
  font-family: inherit !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

@media (max-width: 680px) {
  body[data-page="home"] .home-content-surface .section--honors {
    padding-bottom: 38px !important;
  }

  body[data-page="home"] .home-content-surface .section--honors .honors-feature,
  body[data-page="home"] .home-content-surface .section--honors .honors-showcase {
    width: calc(100% - 36px) !important;
  }

  body[data-page="home"] .section--honors .honors-showcase {
    grid-template-columns: 88px minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  body[data-page="home"] .section--honors .honors-heading-frame {
    padding: 18px 8px 18px 20px !important;
  }

  body[data-page="home"] .section--honors .honors-heading-frame__pattern,
  body[data-page="home"] .section--honors .honors-heading-frame::before {
    width: 16px !important;
  }

  body[data-page="home"] .section--honors .honors-heading-frame h2 {
    font-size: 1rem !important;
    letter-spacing: 0.04em !important;
  }
}

/* -------------------------------------------------------------------------
   Homepage lower-column alignment lock
   Keep teaching, research and party on one shared vertical rhythm. The
   academic cards deliberately become the same compact title/date stream as
   the neighbouring columns, so no legacy card grid can introduce a gap.
------------------------------------------------------------------------- */
body[data-page="home"] .home-module-grid > .section--teaching > .content-width,
body[data-page="home"] .home-module-grid > .section--academic > .academic-layout,
body[data-page="home"] .home-module-grid > .section--party > .party-shell {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: 48px minmax(0, 1fr) !important;
  align-content: stretch !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

body[data-page="home"] .home-module-grid .section--teaching .section-topline,
body[data-page="home"] .home-module-grid .section--academic .academic-copy,
body[data-page="home"] .home-module-grid .section--party .party-header {
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 6px 9px !important;
  border-bottom: 1px solid var(--home-rule) !important;
  box-sizing: border-box !important;
}

body[data-page="home"] .home-module-grid .section--teaching .section-heading,
body[data-page="home"] .home-module-grid .section--party .party-heading {
  display: contents !important;
}

body[data-page="home"] .home-module-grid .section--teaching .section-topline h2,
body[data-page="home"] .home-module-grid .section--academic .academic-copy h2,
body[data-page="home"] .home-module-grid .section--party .party-heading h2 {
  grid-column: 1 !important;
  grid-row: 1 !important;
  position: relative !important;
  align-self: center !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding-left: 22px !important;
  color: var(--home-accent) !important;
  font-family: inherit !important;
  font-size: clamp(1rem, 1.35vw, 1.18rem) !important;
  font-weight: 750 !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
}

body[data-page="home"] .home-module-grid .section--teaching .section-topline h2::before,
body[data-page="home"] .home-module-grid .section--academic .academic-copy h2::before,
body[data-page="home"] .home-module-grid .section--party .party-heading h2::before {
  position: absolute !important;
  top: 50% !important;
  left: 2px !important;
  width: 10px !important;
  height: 10px !important;
  margin: -5px 0 0 !important;
  content: "" !important;
  background: var(--home-accent) !important;
  transform: rotate(45deg) !important;
}

body[data-page="home"] .home-module-grid .section--teaching .section-topline .text-link,
body[data-page="home"] .home-module-grid .section--academic .academic-copy .text-link,
body[data-page="home"] .home-module-grid .section--party .party-header .party-more {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: end !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

body[data-page="home"] .home-module-grid .section--teaching .module-list,
body[data-page="home"] .home-module-grid .section--academic .academic-cards,
body[data-page="home"] .home-module-grid .section--party .party-list {
  grid-column: 1 !important;
  grid-row: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: repeat(8, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  align-content: stretch !important;
  align-items: stretch !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

body[data-page="home"] .home-module-grid .section--teaching .module-list__item,
body[data-page="home"] .home-module-grid .section--academic .academic-card,
body[data-page="home"] .home-module-grid .section--party .party-list .party-item {
  display: grid !important;
  grid-template-columns: 8px minmax(0, 1fr) 66px !important;
  grid-template-rows: minmax(0, 1fr) !important;
  align-items: center !important;
  align-self: stretch !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  column-gap: 10px !important;
  border: 0 !important;
  border-bottom: 1px dashed var(--home-rule) !important;
  background: transparent !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

body[data-page="home"] .home-module-grid .section--teaching .module-list__item:last-child,
body[data-page="home"] .home-module-grid .section--academic .academic-card:last-child,
body[data-page="home"] .home-module-grid .section--party .party-list .party-item:last-child {
  border-bottom: 0 !important;
}

body[data-page="home"] .home-module-grid .section--academic .academic-card__body {
  display: contents !important;
}

body[data-page="home"] .home-module-grid .section--teaching .module-list__item > strong,
body[data-page="home"] .home-module-grid .section--academic .academic-card__body h3,
body[data-page="home"] .home-module-grid .section--party .party-item__body,
body[data-page="home"] .home-module-grid .section--party .party-item__body strong {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: var(--home-ink) !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body[data-page="home"] .home-module-grid .section--party .party-item__body {
  display: block !important;
}

body[data-page="home"] .home-module-grid .section--teaching .module-list__item time,
body[data-page="home"] .home-module-grid .section--academic .academic-card__body time,
body[data-page="home"] .home-module-grid .section--party .party-list .party-item > time {
  grid-column: 3 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: end !important;
  width: 66px !important;
  min-width: 66px !important;
  margin: 0 !important;
  color: var(--home-accent) !important;
  font-family: inherit !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

@media (max-width: 680px) {
  body[data-page="home"] .home-module-grid > .section--teaching > .content-width,
  body[data-page="home"] .home-module-grid > .section--academic > .academic-layout,
  body[data-page="home"] .home-module-grid > .section--party > .party-shell {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: 48px auto !important;
    height: auto !important;
  }

  body[data-page="home"] .home-module-grid .section--teaching .module-list,
  body[data-page="home"] .home-module-grid .section--academic .academic-cards,
  body[data-page="home"] .home-module-grid .section--party .party-list {
    height: auto !important;
    grid-template-rows: repeat(8, minmax(42px, auto)) !important;
  }

  body[data-page="home"] .home-module-grid .section--teaching .module-list__item,
  body[data-page="home"] .home-module-grid .section--academic .academic-card,
  body[data-page="home"] .home-module-grid .section--party .party-list .party-item {
    height: auto !important;
    min-height: 42px !important;
  }
}

/* Final honors presentation: a narrow patterned title tab sits directly
   beside an image-only, continuously scrolling rail. */
body[data-page="home"] .home-content-surface .section--honors .honors-showcase {
  display: grid !important;
  grid-template-columns: clamp(34px, 3vw, 42px) minmax(0, 1fr) !important;
  gap: 0 !important;
  align-items: stretch !important;
  width: min(var(--content), calc(100% - (var(--gutter) * 2))) !important;
  margin-inline: auto !important;
}

body[data-page="home"] .home-content-surface .section--honors .honors-heading-frame {
  display: flex !important;
  position: relative !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 12px 8px !important;
  border: 0 !important;
  background: #214fa1 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body[data-page="home"] .home-content-surface .section--honors .honors-heading-frame__pattern {
  position: absolute !important;
  z-index: 0 !important;
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  opacity: 1 !important;
  background-color: #214fa1 !important;
  background-image: url("../images/footimg.jpg") !important;
  background-position: center top !important;
  background-size: 30px 30px !important;
  background-repeat: repeat !important;
}

body[data-page="home"] .home-content-surface .section--honors .honors-heading-frame::before {
  z-index: 1 !important;
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  content: "" !important;
  opacity: 0.52 !important;
  background: #214fa1 !important;
}

body[data-page="home"] .home-content-surface .section--honors .honors-heading-frame::after {
  display: none !important;
}

body[data-page="home"] .home-content-surface .section--honors .honors-heading-frame h2 {
  position: relative !important;
  z-index: 2 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: clamp(1.05rem, 1.8vw, 1.45rem) !important;
  font-weight: 760 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.16em !important;
  writing-mode: vertical-rl !important;
  text-orientation: upright !important;
  text-align: center !important;
  white-space: nowrap !important;
  text-shadow: 0 1px 8px rgba(6, 31, 56, 0.35) !important;
}

body[data-page="home"] .home-content-surface .section--honors .honor-card__meta {
  display: none !important;
}

body[data-page="home"] .home-content-surface .section--honors .honor-card {
  height: auto !important;
  min-height: 0 !important;
}

@media (max-width: 680px) {
  body[data-page="home"] .home-content-surface .section--honors .honors-showcase {
    grid-template-columns: clamp(32px, 12vw, 42px) minmax(0, 1fr) !important;
  }

  body[data-page="home"] .home-content-surface .section--honors .honors-heading-frame {
    padding: 10px 6px !important;
  }

  body[data-page="home"] .home-content-surface .section--honors .honors-heading-frame__pattern {
    background-size: 24px 24px !important;
  }

  body[data-page="home"] .home-content-surface .section--honors .honors-heading-frame h2 {
    font-size: 0.95rem !important;
    letter-spacing: 0.1em !important;
  }
}

/* Final honors presentation: a narrow patterned title tab sits directly
   beside an image-only, continuously scrolling rail. */
body[data-page="home"] .home-content-surface .section--honors .honors-showcase {
  grid-template-columns: clamp(44px, 4vw, 56px) minmax(0, 1fr) !important;
  gap: 0 !important;
}

body[data-page="home"] .home-content-surface .section--honors .honors-heading-frame {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 12px 8px !important;
  border: 0 !important;
  background: #214fa1 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body[data-page="home"] .home-content-surface .section--honors .honors-heading-frame__pattern {
  position: absolute !important;
  z-index: 0 !important;
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  opacity: 1 !important;
  background-color: #214fa1 !important;
  background-image: url("../images/footimg.jpg") !important;
  background-position: center top !important;
  background-size: 30px 30px !important;
  background-repeat: repeat !important;
}

body[data-page="home"] .home-content-surface .section--honors .honors-heading-frame::before {
  z-index: 1 !important;
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  content: "" !important;
  opacity: 0.52 !important;
  background: #214fa1 !important;
}

body[data-page="home"] .home-content-surface .section--honors .honors-heading-frame::after {
  display: none !important;
}

body[data-page="home"] .home-content-surface .section--honors .honors-heading-frame h2 {
  position: relative !important;
  z-index: 2 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: clamp(1.05rem, 1.8vw, 1.45rem) !important;
  font-weight: 760 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.16em !important;
  writing-mode: vertical-rl !important;
  text-orientation: upright !important;
  text-align: center !important;
  white-space: nowrap !important;
  text-shadow: 0 1px 8px rgba(6, 31, 56, 0.35) !important;
}

body[data-page="home"] .home-content-surface .section--honors .honor-card__meta {
  display: none !important;
}

body[data-page="home"] .home-content-surface .section--honors .honor-card {
  height: auto !important;
  min-height: 0 !important;
}

@media (max-width: 680px) {
  body[data-page="home"] .home-content-surface .section--honors .honors-showcase {
    grid-template-columns: clamp(44px, 15vw, 56px) minmax(0, 1fr) !important;
  }

  body[data-page="home"] .home-content-surface .section--honors .honors-heading-frame {
    padding: 10px 6px !important;
  }

  body[data-page="home"] .home-content-surface .section--honors .honors-heading-frame__pattern {
    background-size: 24px 24px !important;
  }

  body[data-page="home"] .home-content-surface .section--honors .honors-heading-frame h2 {
    font-size: 0.95rem !important;
    letter-spacing: 0.1em !important;
  }
}

/* Honors rail: the patterned title panel and the moving cards form one
   continuous strip. There is intentionally no gutter between the two. */
body[data-page="home"] .home-content-surface .section--honors .honors-showcase {
  display: grid !important;
  grid-template-columns: clamp(150px, 15vw, 190px) minmax(0, 1fr) !important;
  gap: 0 !important;
  align-items: stretch !important;
  width: min(var(--content), calc(100% - (var(--gutter) * 2))) !important;
  margin-inline: auto !important;
}

body[data-page="home"] .home-content-surface .section--honors .honors-heading-frame {
  z-index: 2 !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 22px 16px 22px 34px !important;
  justify-content: center !important;
  border: 1px solid rgba(33, 79, 161, 0.22) !important;
  border-right: 0 !important;
  background-color: rgba(247, 252, 253, 0.82) !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

body[data-page="home"] .home-content-surface .section--honors .honors-heading-frame__pattern {
  width: 26px !important;
  background-color: #214fa1 !important;
  background-image: url("../images/footimg.jpg") !important;
  background-position: center top !important;
  background-size: 30px 30px !important;
  background-repeat: repeat-y !important;
}

body[data-page="home"] .home-content-surface .section--honors .honors-heading-frame h2 {
  position: relative !important;
  z-index: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #173b5b !important;
  font-family: inherit !important;
  font-size: clamp(1.35rem, 2.15vw, 1.9rem) !important;
  font-weight: 760 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.04em !important;
  text-align: center !important;
  white-space: nowrap !important;
}

body[data-page="home"] .home-content-surface .section--honors .honor-carousel {
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
}

body[data-page="home"] .home-content-surface .section--honors .honor-rail {
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 0 18px !important;
  gap: 16px !important;
  box-sizing: border-box !important;
}

body[data-page="home"] .home-content-surface .section--honors .honor-card:first-child {
  margin-left: 0 !important;
}

@media (max-width: 680px) {
  body[data-page="home"] .home-content-surface .section--honors .honors-showcase {
    grid-template-columns: clamp(104px, 28vw, 150px) minmax(0, 1fr) !important;
    gap: 0 !important;
    width: calc(100% - 36px) !important;
  }

  body[data-page="home"] .home-content-surface .section--honors .honors-heading-frame {
    padding: 18px 8px 18px 28px !important;
  }

  body[data-page="home"] .home-content-surface .section--honors .honors-heading-frame__pattern {
    width: 20px !important;
    background-size: 24px 24px !important;
  }

  body[data-page="home"] .home-content-surface .section--honors .honors-heading-frame h2 {
    font-size: 1.05rem !important;
    letter-spacing: 0.02em !important;
  }
}

/* Shared markup lock: all three lower columns use the same two-row shell.
   This final rule also covers the research column after it is rendered as a
   plain module-list, eliminating the legacy academic card's top offset. */
body[data-page="home"] .home-module-grid > .section--teaching > .content-width,
body[data-page="home"] .home-module-grid > .section--academic > .content-width,
body[data-page="home"] .home-module-grid > .section--party > .party-shell {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: 48px minmax(0, 1fr) !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

body[data-page="home"] .home-module-grid .section--teaching .section-topline,
body[data-page="home"] .home-module-grid .section--academic .section-topline,
body[data-page="home"] .home-module-grid .section--party .party-header {
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 6px 9px !important;
  border-bottom: 1px solid var(--home-rule) !important;
  box-sizing: border-box !important;
}

body[data-page="home"] .home-module-grid .section--teaching .section-heading,
body[data-page="home"] .home-module-grid .section--academic .section-heading,
body[data-page="home"] .home-module-grid .section--party .party-heading {
  display: contents !important;
}

body[data-page="home"] .home-module-grid .section--teaching .section-topline h2,
body[data-page="home"] .home-module-grid .section--academic .section-topline h2,
body[data-page="home"] .home-module-grid .section--party .party-heading h2 {
  grid-column: 1 !important;
  grid-row: 1 !important;
  position: relative !important;
  align-self: center !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding-left: 22px !important;
  color: var(--home-accent) !important;
  font-family: inherit !important;
  font-size: clamp(1rem, 1.35vw, 1.18rem) !important;
  font-weight: 750 !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
}

body[data-page="home"] .home-module-grid .section--teaching .section-topline h2::before,
body[data-page="home"] .home-module-grid .section--academic .section-topline h2::before,
body[data-page="home"] .home-module-grid .section--party .party-heading h2::before {
  position: absolute !important;
  top: 50% !important;
  left: 2px !important;
  width: 10px !important;
  height: 10px !important;
  margin: -5px 0 0 !important;
  content: "" !important;
  background: var(--home-accent) !important;
  transform: rotate(45deg) !important;
}

body[data-page="home"] .home-module-grid .section--teaching .section-topline .text-link,
body[data-page="home"] .home-module-grid .section--academic .section-topline .text-link,
body[data-page="home"] .home-module-grid .section--party .party-header .party-more {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: end !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

body[data-page="home"] .home-module-grid .section--teaching .module-list,
body[data-page="home"] .home-module-grid .section--academic .module-list,
body[data-page="home"] .home-module-grid .section--party .party-list {
  grid-column: 1 !important;
  grid-row: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: repeat(8, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  align-content: stretch !important;
  align-items: stretch !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

body[data-page="home"] .home-module-grid .section--teaching .module-list__item,
body[data-page="home"] .home-module-grid .section--academic .module-list__item,
body[data-page="home"] .home-module-grid .section--party .party-list .party-item {
  display: grid !important;
  grid-template-columns: 8px minmax(0, 1fr) 66px !important;
  grid-template-rows: minmax(0, 1fr) !important;
  align-items: center !important;
  align-self: stretch !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  column-gap: 10px !important;
  border: 0 !important;
  border-bottom: 1px dashed var(--home-rule) !important;
  background: transparent !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

body[data-page="home"] .home-module-grid .section--teaching .module-list__item:last-child,
body[data-page="home"] .home-module-grid .section--academic .module-list__item:last-child,
body[data-page="home"] .home-module-grid .section--party .party-list .party-item:last-child {
  border-bottom: 0 !important;
}

body[data-page="home"] .home-module-grid .section--teaching .module-list__dot,
body[data-page="home"] .home-module-grid .section--academic .module-list__dot,
body[data-page="home"] .home-module-grid .section--party .party-list .party-item::before {
  content: "" !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-self: start !important;
  align-self: center !important;
  width: 7px !important;
  height: 7px !important;
  margin: 0 !important;
  background: var(--home-accent) !important;
  transform: rotate(45deg) !important;
}

body[data-page="home"] .home-module-grid .section--teaching .module-list__item > strong,
body[data-page="home"] .home-module-grid .section--academic .module-list__item > strong,
body[data-page="home"] .home-module-grid .section--party .party-item__body,
body[data-page="home"] .home-module-grid .section--party .party-item__body strong {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: var(--home-ink) !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body[data-page="home"] .home-module-grid .section--party .party-item__body {
  display: block !important;
}

body[data-page="home"] .home-module-grid .section--teaching .module-list__item time,
body[data-page="home"] .home-module-grid .section--academic .module-list__item time,
body[data-page="home"] .home-module-grid .section--party .party-list .party-item > time {
  grid-column: 3 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: end !important;
  width: 66px !important;
  min-width: 66px !important;
  margin: 0 !important;
  color: var(--home-accent) !important;
  font-family: inherit !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

@media (max-width: 680px) {
  body[data-page="home"] .home-module-grid > .section--teaching > .content-width,
  body[data-page="home"] .home-module-grid > .section--academic > .content-width,
  body[data-page="home"] .home-module-grid > .section--party > .party-shell {
    grid-template-rows: 48px auto !important;
    height: auto !important;
  }

  body[data-page="home"] .home-module-grid .section--teaching .module-list,
  body[data-page="home"] .home-module-grid .section--academic .module-list,
  body[data-page="home"] .home-module-grid .section--party .party-list {
    height: auto !important;
    grid-template-rows: repeat(8, minmax(42px, auto)) !important;
  }

  body[data-page="home"] .home-module-grid .section--teaching .module-list__item,
  body[data-page="home"] .home-module-grid .section--academic .module-list__item,
  body[data-page="home"] .home-module-grid .section--party .party-list .party-item {
    height: auto !important;
    min-height: 42px !important;
  }
}

/* Final honors presentation lock: keep the title embedded in the patterned
   tab and keep the carousel flush with it, with image-only cards. */
body[data-page="home"] .home-content-surface .section--honors .honors-showcase {
  display: grid !important;
  grid-template-columns: clamp(44px, 4vw, 56px) minmax(0, 1fr) !important;
  gap: 0 !important;
  align-items: stretch !important;
  width: min(var(--content), calc(100% - (var(--gutter) * 2))) !important;
  margin-inline: auto !important;
}

body[data-page="home"] .home-content-surface .section--honors .honors-heading-frame {
  display: flex !important;
  position: relative !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 12px 8px !important;
  border: 0 !important;
  background: #214fa1 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body[data-page="home"] .home-content-surface .section--honors .honors-heading-frame__pattern {
  position: absolute !important;
  z-index: 0 !important;
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  opacity: 1 !important;
  background-color: #214fa1 !important;
  background-image: url("../images/footimg.jpg") !important;
  background-position: center top !important;
  background-size: 30px 30px !important;
  background-repeat: repeat !important;
}

body[data-page="home"] .home-content-surface .section--honors .honors-heading-frame::before {
  z-index: 1 !important;
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  content: "" !important;
  opacity: 0.52 !important;
  background: #214fa1 !important;
}

body[data-page="home"] .home-content-surface .section--honors .honors-heading-frame::after {
  display: none !important;
}

body[data-page="home"] .home-content-surface .section--honors .honors-heading-frame h2 {
  position: relative !important;
  z-index: 2 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: clamp(1.05rem, 1.8vw, 1.45rem) !important;
  font-weight: 760 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.16em !important;
  writing-mode: vertical-rl !important;
  text-orientation: upright !important;
  text-align: center !important;
  white-space: nowrap !important;
  text-shadow: 0 1px 8px rgba(6, 31, 56, 0.35) !important;
}

body[data-page="home"] .home-content-surface .section--honors .honor-card__meta {
  display: none !important;
}

body[data-page="home"] .home-content-surface .section--honors .honor-card {
  height: auto !important;
  min-height: 0 !important;
}

body[data-page="home"] .home-content-surface .section--honors .honor-carousel,
body[data-page="home"] .home-content-surface .section--honors .honor-rail {
  min-width: 0 !important;
  margin: 0 !important;
}

body[data-page="home"] .home-content-surface .section--honors .honor-rail {
  height: 100% !important;
  padding: 0 0 18px !important;
  gap: 16px !important;
  box-sizing: border-box !important;
}

@media (max-width: 680px) {
  body[data-page="home"] .home-content-surface .section--honors .honors-showcase {
    grid-template-columns: clamp(44px, 15vw, 56px) minmax(0, 1fr) !important;
  }

  body[data-page="home"] .home-content-surface .section--honors .honors-heading-frame {
    padding: 10px 6px !important;
  }

  body[data-page="home"] .home-content-surface .section--honors .honors-heading-frame__pattern {
    background-size: 24px 24px !important;
  }

  body[data-page="home"] .home-content-surface .section--honors .honors-heading-frame h2 {
    font-size: 0.95rem !important;
    letter-spacing: 0.1em !important;
  }
}

/* Ensure the title-tab overlay is a full-height positioned layer. */
body[data-page="home"] .home-content-surface .section--honors .honors-heading-frame::before {
  position: absolute !important;
}

/* Honors height correction: let the image rail define the row height.  The
   patterned title tab stretches to that same intrinsic height so its bottom
   edge stays flush with the honor images instead of extending into the
   surrounding pale-blue whitespace. */
body[data-page="home"] .home-content-surface .section--honors {
  padding-block: 0 clamp(12px, 1.8vw, 20px) !important;
}

body[data-page="home"] .home-content-surface .section--honors .honors-showcase {
  height: auto !important;
  min-height: 0 !important;
  align-items: stretch !important;
}

body[data-page="home"] .home-content-surface .section--honors .honors-heading-frame {
  height: auto !important;
  min-height: 0 !important;
  align-self: stretch !important;
  box-sizing: border-box !important;
}

body[data-page="home"] .home-content-surface .section--honors .honor-carousel {
  height: auto !important;
  min-height: 0 !important;
  align-self: stretch !important;
  overflow: hidden !important;
}

body[data-page="home"] .home-content-surface .section--honors .honor-rail {
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  align-items: stretch !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

body[data-page="home"] .home-content-surface .section--honors .honor-card {
  height: auto !important;
  min-height: 0 !important;
  align-self: stretch !important;
}

/* Keep the honors rail compact after reducing the feature image above it. */
body[data-page="home"] .home-content-surface .section--honors .honor-card__image {
  aspect-ratio: 1.85 / 1 !important;
}

@media (max-width: 680px) {
  body[data-page="home"] .home-content-surface .section--honors {
    padding-bottom: 14px !important;
  }
}

/* Soften the honors title tab: keep the supplied pattern visible, but remove
   the solid blue wash so it sits naturally on the pale-blue page surface. */
body[data-page="home"] .home-content-surface .section--honors .honors-heading-frame {
  background: rgba(247, 252, 253, 0.42) !important;
  border: 1px solid rgba(255, 255, 255, 0.34) !important;
}

body[data-page="home"] .home-content-surface .section--honors .honors-heading-frame__pattern {
  background-color: transparent !important;
  background-image:
    linear-gradient(rgba(247, 252, 253, 0.16), rgba(247, 252, 253, 0.16)),
    url("../images/footimg.jpg") !important;
  background-blend-mode: screen !important;
  background-size: 30px 30px !important;
  filter: saturate(0.96) brightness(1.03) !important;
  opacity: 0.96 !important;
}

body[data-page="home"] .home-content-surface .section--honors .honors-heading-frame::before {
  top: 27% !important;
  right: -1px !important;
  bottom: 27% !important;
  left: 0 !important;
  width: auto !important;
  height: auto !important;
  background: #2d78b8 !important;
  clip-path: polygon(0 0, 86% 0, 100% 50%, 86% 100%, 0 100%) !important;
  opacity: 1 !important;
}

body[data-page="home"] .home-content-surface .section--honors .honors-heading-frame h2 {
  color: #fff !important;
  font-size: clamp(1rem, 1.55vw, 1.28rem) !important;
  font-weight: 650 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.08em !important;
  text-shadow: 0 1px 2px rgba(6, 31, 56, 0.35) !important;
}

/* Honors tab finish: blue is the dominant surface, with the existing
   cultural pattern retained only as a restrained top/bottom accent. */
body[data-page="home"] .home-content-surface .section--honors .honors-heading-frame {
  background: #214fa1 !important;
  border: 1px solid #214fa1 !important;
}

body[data-page="home"] .home-content-surface .section--honors .honors-heading-frame__pattern {
  inset: 5px 0 !important;
  background-color: transparent !important;
  background-image: url("../images/footimg.jpg") !important;
  background-size: 30px 30px !important;
  background-blend-mode: normal !important;
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

body[data-page="home"] .home-content-surface .section--honors .honors-heading-frame::before {
  background: #214fa1 !important;
  opacity: 1 !important;
  top: 9px !important;
  right: 0 !important;
  bottom: 9px !important;
  left: 0 !important;
  clip-path: none !important;
  border-top: 2px solid rgba(115, 183, 207, 0.72) !important;
  border-bottom: 2px solid rgba(115, 183, 207, 0.72) !important;
}

/* Tighten the honors title rail width. */
body[data-page="home"] .home-content-surface .section--honors .honors-showcase {
  grid-template-columns: clamp(28px, 2.6vw, 34px) minmax(0, 1fr) !important;
}

body[data-page="home"] .home-content-surface .section--honors .honor-rail {
  gap: 8px !important;
}

@media (max-width: 680px) {
  body[data-page="home"] .home-content-surface .section--honors .honors-showcase {
    grid-template-columns: clamp(28px, 10vw, 34px) minmax(0, 1fr) !important;
  }
}

/* Homepage notice/news alignment and compact list rhythm. */
body[data-page="home"] .home-module-grid .section--notices .notice-intro {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  column-gap: 12px !important;
}

body[data-page="home"] .home-module-grid .section--notices .notice-intro .text-link {
  grid-column: 2 !important;
  justify-self: end !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

body[data-page="home"] .home-module-grid .section--notices .notice-list,
body[data-page="home"] .home-module-grid .section--news .news-list {
  gap: 0 !important;
}

body[data-page="home"] .home-module-grid .section--notices .notice-item,
body[data-page="home"] .home-module-grid .section--news .news-list__item {
  min-height: 0 !important;
  padding-block: 6px !important;
  line-height: 1.35 !important;
}

body[data-page="home"] .home-module-grid .section--notices .notice-item__text,
body[data-page="home"] .home-module-grid .section--news .news-list__item strong {
  line-height: 1.35 !important;
}

/* Align notice dates to the right edge of their date track, matching the
   research and other homepage lists. */
body[data-page="home"] .home-module-grid .section--notices .notice-item time {
  display: block !important;
  align-items: normal !important;
  text-align: right !important;
}

/* Show seven article titles per homepage column while retaining extra static data. */
body[data-page="home"] .home-module-grid .section--notices .notice-list > .notice-item:nth-child(n + 8),
body[data-page="home"] .home-module-grid .section--news .news-list > .news-list__item:nth-child(n + 8) {
  display: none !important;
}

/* Keep the notices heading row aligned with the party-work heading row. */
body[data-page="home"] .home-module-grid .section--notices .notice-intro {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 48px !important;
  margin: 0 0 10px !important;
  padding: 0 6px 9px !important;
  column-gap: 12px !important;
  border-bottom: 1px solid rgba(33, 79, 161, 0.28) !important;
  box-sizing: border-box !important;
}

body[data-page="home"] .home-module-grid .section--notices .notice-intro .text-link {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: end !important;
  margin: 0 !important;
  color: #214fa1 !important;
  white-space: nowrap !important;
}
/* Match the party-work heading track to the notices heading track. */
body[data-page="home"] .home-module-grid .section--party .party-header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 0 10px !important;
  padding: 0 6px 9px !important;
  column-gap: 12px !important;
  border-bottom: 1px solid var(--home-rule) !important;
  box-sizing: border-box !important;
}

body[data-page="home"] .home-module-grid .section--party .party-header .party-more {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: end !important;
  margin: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  color: #214fa1 !important;
  border: 0 !important;
  background: transparent !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
  position: static !important;
  top: auto !important;
  right: auto !important;
  transform: none !important;
}

body[data-page="home"] .home-module-grid .section--party .party-header .party-more:hover,
body[data-page="home"] .home-module-grid .section--party .party-header .party-more:focus-visible {
  transform: translateY(-2px) !important;
}

/* Use the same right-edge anchor for notices and party work actions. */
body[data-page="home"] .home-module-grid .section--notices .notice-intro {
  position: relative !important;
}

body[data-page="home"] .home-module-grid .section--notices .notice-intro .text-link {
  position: static !important;
  top: auto !important;
  right: auto !important;
  margin: 0 !important;
  transform: none !important;
}

/* Keep the rotated list markers inside the first grid track so their left
   edge is not clipped by the list container. */
body[data-page="home"] .home-module-grid .news-list__dot,
body[data-page="home"] .home-module-grid .module-list__dot,
body[data-page="home"] .home-module-grid .notice-item::before,
body[data-page="home"] .home-module-grid .academic-card::before,
body[data-page="home"] .home-module-grid .party-list .party-item::before {
  margin-left: 2px !important;
  transform: rotate(45deg) !important;
}

/* Give the three lower-column lists enough marker track width for the
   rotated diamonds to remain fully visible inside their clipped rails. */
body[data-page="home"] .home-module-grid .section--teaching .module-list__item,
body[data-page="home"] .home-module-grid .section--academic .module-list__item,
body[data-page="home"] .home-module-grid .section--party .party-list .party-item {
  grid-template-columns: 12px minmax(0, 1fr) 66px !important;
}

body[data-page="home"] .home-module-grid .section--teaching .module-list__dot,
body[data-page="home"] .home-module-grid .section--academic .module-list__dot,
body[data-page="home"] .home-module-grid .section--party .party-list .party-item::before {
  justify-self: center !important;
  margin-left: 0 !important;
}

/* Widen the five-column information area relative to the honors rail below. */
body[data-page="home"] .home-module-grid {
  padding-inline: clamp(16px, 2.2vw, 32px) !important;
}

/* Match the honors rail width to the widened five-column information area. */
body[data-page="home"] .home-content-surface .section--honors > .content-width,
body[data-page="home"] .home-content-surface .section--honors .honors-showcase {
  max-width: none !important;
}

body[data-page="home"] .home-content-surface .section--honors > .content-width {
  width: 100% !important;
}

body[data-page="home"] .home-content-surface .section--honors .honors-showcase {
  width: calc(100% - (clamp(16px, 2.2vw, 32px) * 2)) !important;
}

body[data-page="home"] .home-module-grid {
  padding-inline: clamp(48px, 6vw, 80px) !important;
}

body[data-page="home"] .home-content-surface .section--honors .honors-showcase {
  width: calc(100% - (clamp(48px, 6vw, 80px) * 2)) !important;
}