/*
  新青年 KV 确定风格覆盖层
  目标：保留 20260607 上线包的信息架构、报名接口与页面结构，仅重塑视觉系统。
*/

:root {
  --ink: #082f63;
  --ink-strong: #05244d;
  --ink-soft: rgba(8, 47, 99, .72);
  --paper: #f7fbff;
  --paper-2: #ffffff;
  --mist: #e9f6ff;
  --line: rgba(8, 47, 99, .15);
  --line-dark: rgba(8, 47, 99, .42);
  --signal: #107bd6;
  --signal-dark: #075da8;
  --fresh: #70b82c;
  --fresh-soft: rgba(112, 184, 44, .18);
  --sky: #4bb7e8;
  --shadow-soft: 0 26px 70px rgba(7, 93, 168, .13);
  --radius: 8px;
  --font-sans: "Outfit", "Satoshi", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
}

/* 20260616 r54: layered KV video hero, audio controls, award spacing refinements */
body.home-page .hero.hero-kv-full {
  padding: clamp(18px, 1.8vw, 28px) 0 clamp(26px, 3vw, 46px) !important;
  background:
    linear-gradient(180deg, rgba(244, 250, 255, .98), rgba(239, 247, 255, .74) 58%, rgba(250, 253, 252, 0)) !important;
}

body.home-page .hero-kv-stage {
  max-width: min(1500px, calc(100vw - 56px)) !important;
  gap: clamp(14px, 1.5vw, 22px) !important;
}

body.home-page .hero-kv-frame {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  aspect-ratio: 16 / 9 !important;
  border: 1px solid rgba(34, 137, 203, .22) !important;
  border-radius: 10px !important;
  background:
    url("kv-final/kv-soft-bg.png") center / cover no-repeat,
    linear-gradient(180deg, #f8fbff, #eef7ff) !important;
  box-shadow: 0 8px 8px rgba(18, 72, 112, .06) !important;
}

body.home-page .hero-kv-video {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  opacity: .34 !important;
  filter: saturate(.82) contrast(.92) brightness(1.08) !important;
  border: 0 !important;
  border-radius: 0 !important;
  mix-blend-mode: multiply !important;
}

body.home-page .hero-kv-wash {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 47% 36%, rgba(255, 255, 255, .42), rgba(255, 255, 255, .12) 34%, rgba(255, 255, 255, .04) 60%),
    linear-gradient(90deg, rgba(255, 255, 255, .38), rgba(255, 255, 255, .08) 46%, rgba(255, 255, 255, .24)) !important;
}

body.home-page .hero-kv-layer {
  position: absolute !important;
  z-index: 3 !important;
  display: block !important;
  max-width: none !important;
  pointer-events: none !important;
  user-select: none !important;
}

body.home-page .hero-kv-mountain {
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: .92 !important;
}

body.home-page .hero-kv-city {
  right: 1.5% !important;
  bottom: 11.2% !important;
  width: 63% !important;
  opacity: .78 !important;
}

body.home-page .hero-kv-flow {
  left: -1.5% !important;
  bottom: -1.5% !important;
  width: 104% !important;
  opacity: .78 !important;
}

body.home-page .hero-kv-title-word {
  left: 5.2% !important;
  top: 13.2% !important;
  width: 47.5% !important;
  opacity: .98 !important;
  filter: drop-shadow(0 3px 5px rgba(18, 77, 136, .08)) !important;
}

body.home-page .hero-audio-panel {
  position: absolute !important;
  right: clamp(14px, 1.6vw, 24px) !important;
  bottom: clamp(14px, 1.6vw, 24px) !important;
  z-index: 5 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 42px !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(8, 91, 155, .24) !important;
  border-radius: 6px !important;
  background: rgba(255, 255, 255, .86) !important;
  color: #074d83 !important;
  box-shadow: 0 8px 8px rgba(7, 54, 91, .08) !important;
  backdrop-filter: blur(10px) !important;
}

body.home-page .hero-audio-toggle {
  min-width: 54px !important;
  height: 30px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(8, 91, 155, .24) !important;
  border-radius: 5px !important;
  background: #0f8ed8 !important;
  color: #fff !important;
  font: inherit !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

body.home-page .hero-audio-toggle[aria-pressed="false"] {
  background: #f6fbff !important;
  color: #075b9b !important;
}

body.home-page .hero-volume-control {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #255d87 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

body.home-page .hero-volume-slider {
  width: 112px !important;
  accent-color: #158bd4 !important;
}

body.home-page .hero-volume-value {
  min-width: 34px !important;
  color: #1d5f8e !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-align: right !important;
}

body.home-page .home-awards-block .award-card,
body.home-page .home-awards-block .award-card.is-money {
  gap: 8px !important;
}

body.home-page .home-awards-block .award-card h3 {
  margin: 0 0 4px !important;
}

body.home-page .home-awards-block .award-card p {
  margin: 0 0 8px !important;
  line-height: 1.56 !important;
}

body.home-page .home-awards-block .award-card dl {
  margin-top: 0 !important;
}

body.home-page .home-awards-block .award-card dl div {
  min-height: 78px !important;
}

body.home-page .home-awards-block .award-card.is-growth {
  justify-items: center !important;
  text-align: center !important;
}

body.home-page .home-awards-block .award-card.is-growth > span {
  justify-self: center !important;
}

body.home-page .home-awards-block .award-card.is-growth > h3 {
  grid-column: 1 / -1 !important;
  justify-self: center !important;
  max-width: none !important;
  width: 100% !important;
  text-align: center !important;
  font-size: clamp(28px, 3.1vw, 46px) !important;
  line-height: 1.08 !important;
}

body.home-page .home-awards-block .award-name-inline {
  display: inline !important;
  white-space: nowrap !important;
}

body.home-page .home-awards-block .award-card.is-growth > p {
  justify-self: center !important;
  max-width: 760px !important;
  text-align: center !important;
}

body.home-page .home-awards-block .award-card.is-growth > dl {
  grid-column: 1 / -1 !important;
  max-width: 900px !important;
  justify-self: center !important;
}

@media (max-width: 900px) {
  body.home-page .hero-kv-title-word {
    left: 5% !important;
    top: 12% !important;
    width: 55% !important;
  }

  body.home-page .hero-kv-city {
    width: 70% !important;
  }

  body.home-page .hero-audio-panel {
    left: 14px !important;
    right: 14px !important;
    bottom: 14px !important;
    justify-content: center !important;
  }
}

@media (max-width: 760px) {
  body.home-page .hero-kv-frame {
    border-radius: 7px !important;
  }

  body.home-page .hero-kv-video {
    opacity: .28 !important;
  }

  body.home-page .hero-kv-title-word {
    left: 5.5% !important;
    top: 11% !important;
    width: 67% !important;
  }

  body.home-page .hero-kv-city {
    right: -7% !important;
    bottom: 17% !important;
    width: 83% !important;
    opacity: .68 !important;
  }

  body.home-page .hero-kv-flow {
    left: -18% !important;
    bottom: -4% !important;
    width: 128% !important;
    opacity: .7 !important;
  }

  body.home-page .hero-audio-panel {
    gap: 8px !important;
    min-height: 38px !important;
    padding: 7px 9px !important;
  }

  body.home-page .hero-volume-control span {
    display: none !important;
  }

  body.home-page .hero-volume-slider {
    width: min(38vw, 126px) !important;
  }

  body.home-page .home-awards-block .award-name-inline {
    white-space: normal !important;
  }
}

/* 20260616 r58: final mobile stat number/icon alignment */
@media (max-width: 760px) {
  body.home-page .stat-row {
    gap: 14px !important;
  }

  body.home-page .stat-card {
    grid-template-columns: 1fr !important;
    align-items: start !important;
    justify-items: start !important;
    gap: 14px !important;
    padding: 28px 28px 26px !important;
  }

  body.home-page .stat-card > .icon,
  body.home-page .stat-card > svg.icon {
    width: 44px !important;
    height: 44px !important;
    margin: 0 0 0 18px !important;
  }

  body.home-page .stat-card > div {
    width: 100% !important;
    min-width: 0 !important;
    margin-left: 18px !important;
    display: grid !important;
    justify-items: start !important;
    text-align: left !important;
  }

  body.home-page .stat-card strong {
    margin: 0 !important;
    font-size: clamp(46px, 16vw, 64px) !important;
    line-height: .94 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
  }

  body.home-page .stat-card b {
    margin-top: 8px !important;
    font-size: 18px !important;
    line-height: 1.18 !important;
    text-align: left !important;
  }

  body.home-page .stat-card p {
    margin-top: 12px !important;
    max-width: 24em !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
    text-align: left !important;
  }
}

/* 20260616 r56: award card spacing and full-width finalist layout */
body.home-page .home-awards-block .home-award-waterfall {
  gap: clamp(16px, 1.7vw, 24px) !important;
}

body.home-page .home-awards-block .award-card.is-money {
  display: grid !important;
  grid-template-rows: auto auto auto auto !important;
  align-content: start !important;
  row-gap: 8px !important;
  min-height: 0 !important;
  padding: clamp(24px, 2.2vw, 32px) clamp(26px, 2.4vw, 36px) !important;
}

body.home-page .home-awards-block .award-card.is-money > span {
  justify-self: start !important;
  margin: 0 0 4px !important;
}

body.home-page .home-awards-block .award-card.is-money > h3 {
  margin: 0 !important;
  padding: 0 !important;
  font-size: clamp(30px, 2.8vw, 44px) !important;
  line-height: 1.06 !important;
}

body.home-page .home-awards-block .award-card.is-money .award-name-prefix {
  display: block !important;
  margin: 0 0 4px !important;
  color: #596168 !important;
  font-size: .68em !important;
  line-height: 1.05 !important;
}

body.home-page .home-awards-block .award-card.is-money .award-name-title {
  display: block !important;
  margin: 0 !important;
  color: #0a3b72 !important;
  line-height: 1.05 !important;
}

body.home-page .home-awards-block .award-card.is-money > p {
  margin: 4px 0 6px !important;
  color: #374149 !important;
  font-size: clamp(15px, 1vw, 17px) !important;
  line-height: 1.54 !important;
}

body.home-page .home-awards-block .award-card.is-money > dl {
  align-self: start !important;
  margin: 0 !important;
  margin-top: 2px !important;
  min-height: 0 !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .8fr) minmax(0, 1fr) !important;
}

body.home-page .home-awards-block .award-card.is-money > dl div {
  min-height: 70px !important;
  padding: 10px 14px !important;
}

body.home-page .home-awards-block .award-card.is-money > dl dd {
  margin-top: 5px !important;
  color: #075caa !important;
  font-size: clamp(24px, 2vw, 32px) !important;
  line-height: 1.04 !important;
}

body.home-page .home-awards-block .award-card.is-growth {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: minmax(0, .34fr) minmax(0, .66fr) !important;
  grid-template-areas:
    "label label"
    "title title"
    "copy stats" !important;
  align-items: center !important;
  column-gap: clamp(24px, 3vw, 48px) !important;
  row-gap: 12px !important;
  min-height: 0 !important;
  padding: clamp(24px, 2.4vw, 34px) clamp(30px, 3.2vw, 48px) !important;
  text-align: left !important;
}

body.home-page .home-awards-block .award-card.is-growth > span {
  grid-area: label !important;
  justify-self: start !important;
  align-self: start !important;
  margin: 0 !important;
}

body.home-page .home-awards-block .award-card.is-growth > h3 {
  grid-area: title !important;
  justify-self: center !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  text-align: center !important;
  color: #0a3b72 !important;
  font-size: clamp(34px, 3.8vw, 58px) !important;
  line-height: 1.04 !important;
}

body.home-page .home-awards-block .award-card.is-growth .award-name-title,
body.home-page .home-awards-block .award-card.is-growth .award-name-inline {
  color: #0a3b72 !important;
}

body.home-page .home-awards-block .award-card.is-growth > p {
  grid-area: copy !important;
  justify-self: stretch !important;
  align-self: center !important;
  max-width: none !important;
  margin: 0 !important;
  color: #374149 !important;
  font-size: clamp(15px, 1vw, 17px) !important;
  line-height: 1.58 !important;
  text-align: left !important;
}

body.home-page .home-awards-block .award-card.is-growth > dl {
  grid-area: stats !important;
  justify-self: stretch !important;
  align-self: center !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, .72fr) minmax(0, 1fr) !important;
}

body.home-page .home-awards-block .award-card.is-growth > dl div {
  min-height: 78px !important;
  padding: 10px 14px !important;
  justify-content: center !important;
}

body.home-page .home-awards-block .award-card.is-growth > dl dd {
  margin-top: 5px !important;
  color: #075caa !important;
  font-size: clamp(20px, 1.8vw, 30px) !important;
  line-height: 1.08 !important;
  white-space: normal !important;
  word-break: keep-all !important;
  overflow-wrap: anywhere !important;
}

@media (max-width: 900px) {
  body.home-page .home-awards-block .award-card.is-growth {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "label"
      "title"
      "copy"
      "stats" !important;
  }

  body.home-page .home-awards-block .award-card.is-growth > h3 {
    font-size: clamp(30px, 7vw, 44px) !important;
  }
}

@media (max-width: 760px) {
  body.home-page .home-awards-block .award-card.is-money {
    padding: 18px !important;
    row-gap: 8px !important;
  }

  body.home-page .home-awards-block .award-card.is-money > dl,
  body.home-page .home-awards-block .award-card.is-growth > dl {
    grid-template-columns: 1fr !important;
  }

  body.home-page .home-awards-block .award-card.is-growth {
    padding: 18px !important;
    row-gap: 10px !important;
  }

  body.home-page .home-awards-block .award-card.is-growth > h3 {
    font-size: clamp(28px, 8.5vw, 38px) !important;
  }

  body.home-page .home-awards-block .award-card.is-growth .award-name-inline {
    white-space: normal !important;
  }
}

/* 20260616 r57: mobile stat numbers align with their icons */
@media (max-width: 760px) {
  body.home-page .stat-row {
    gap: 14px !important;
  }

  body.home-page .stat-card {
    grid-template-columns: 1fr !important;
    align-items: start !important;
    justify-items: start !important;
    gap: 14px !important;
    padding: 28px 28px 26px !important;
  }

  body.home-page .stat-card > .icon,
  body.home-page .stat-card > svg.icon {
    width: 44px !important;
    height: 44px !important;
    margin: 0 0 0 18px !important;
  }

  body.home-page .stat-card > div {
    width: 100% !important;
    min-width: 0 !important;
    margin-left: 18px !important;
    display: grid !important;
    justify-items: start !important;
    text-align: left !important;
  }

  body.home-page .stat-card strong {
    margin: 0 !important;
    font-size: clamp(46px, 16vw, 64px) !important;
    line-height: .94 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
  }

  body.home-page .stat-card b {
    margin-top: 8px !important;
    font-size: 18px !important;
    line-height: 1.18 !important;
    text-align: left !important;
  }

  body.home-page .stat-card p {
    margin-top: 12px !important;
    max-width: 24em !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
    text-align: left !important;
  }
}

/* r40 focus page rebuild: scrollable overview and separate detail pages */
.focus-page .focus-compact-section {
  padding-top: clamp(34px, 3.8vw, 58px) !important;
  padding-bottom: clamp(30px, 3.4vw, 52px) !important;
}

.focus-scroll-panel {
  width: 100%;
  overflow: hidden;
  border: 1px solid rgba(30, 150, 230, .18);
  border-radius: 16px;
  background: rgba(255, 255, 255, .66);
  box-shadow: 0 14px 36px rgba(12, 82, 137, .08);
}

.focus-page .focus-summary-scroll {
  display: flex !important;
  grid-template-columns: none !important;
  gap: 16px !important;
  overflow-x: auto !important;
  padding: 18px !important;
  scroll-snap-type: x proximity;
  scrollbar-width: thin;
}

.focus-page .focus-summary-scroll .focus-summary-card {
  flex: 0 0 clamp(260px, 28vw, 360px);
  min-height: 236px !important;
  padding: 24px !important;
  scroll-snap-align: start;
}

.focus-page .focus-summary-card small {
  display: block;
  margin: 12px 0 16px;
  color: #5f7692;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.65;
}

.focus-detail-page .focus-detail-readable-section {
  padding-top: clamp(34px, 3.6vw, 56px) !important;
}

.focus-detail-page .focus-detail-readable-card {
  grid-template-columns: minmax(340px, .9fr) minmax(0, 1.1fr) !important;
  align-items: stretch !important;
  gap: 0 !important;
  overflow: hidden;
  border-color: rgba(30, 150, 230, .18) !important;
  border-radius: 16px !important;
  box-shadow: 0 16px 38px rgba(13, 80, 130, .1) !important;
}

.focus-detail-page .focus-detail-readable-card figure {
  height: auto !important;
  min-height: 100% !important;
  aspect-ratio: auto !important;
  border-right: 1px solid rgba(30, 150, 230, .16);
  background: #e9f4fb;
}

.focus-detail-page .focus-detail-readable-card figure img {
  width: 100% !important;
  height: 100% !important;
  min-height: 430px !important;
  object-fit: cover !important;
}

.focus-detail-page .focus-detail-readable-card .focus-detail-body {
  display: flex !important;
  flex-direction: column !important;
  min-height: 430px;
  padding: clamp(24px, 3vw, 42px) !important;
}

.focus-detail-page .focus-detail-readable-card .focus-slogan {
  margin-top: 18px !important;
  font-size: clamp(22px, 2vw, 30px) !important;
}

.focus-detail-page .focus-info-grid-readable {
  flex: 1;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  margin-top: 24px !important;
  border: 1px solid rgba(30, 150, 230, .18);
}

.focus-detail-page .focus-info-grid-readable section {
  min-height: 150px !important;
  padding: 22px 24px !important;
  border-right: 1px solid rgba(30, 150, 230, .16);
  border-bottom: 1px solid rgba(30, 150, 230, .16);
}

.focus-detail-page .focus-info-grid-readable section:nth-child(2n) {
  border-right: 0;
}

.focus-detail-page .focus-info-grid-readable section:nth-last-child(-n + 2) {
  border-bottom: 0;
}

.focus-detail-page .focus-info-grid-readable h3 {
  color: #55ad14 !important;
  font-size: 18px !important;
  font-weight: 950 !important;
}

.focus-detail-page .focus-info-grid-readable p {
  margin-top: 12px !important;
  color: #173c68 !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
}

.focus-detail-page .focus-detail-nav {
  margin-top: 26px;
}

@media (max-width: 900px) {
  .focus-page .focus-summary-scroll {
    padding: 14px !important;
    gap: 12px !important;
  }

  .focus-page .focus-summary-scroll .focus-summary-card {
    flex-basis: min(82vw, 330px);
    min-height: 220px !important;
  }

  .focus-detail-page .focus-detail-readable-card {
    grid-template-columns: 1fr !important;
  }

  .focus-detail-page .focus-detail-readable-card figure {
    border-right: 0;
    border-bottom: 1px solid rgba(30, 150, 230, .16);
    min-height: 260px !important;
    aspect-ratio: 16 / 10 !important;
  }

  .focus-detail-page .focus-detail-readable-card figure img {
    min-height: 260px !important;
  }

  .focus-detail-page .focus-detail-readable-card .focus-detail-body {
    min-height: 0;
  }

  .focus-detail-page .focus-info-grid-readable {
    grid-template-columns: 1fr !important;
  }

  .focus-detail-page .focus-info-grid-readable section,
  .focus-detail-page .focus-info-grid-readable section:nth-child(2n),
  .focus-detail-page .focus-info-grid-readable section:nth-last-child(-n + 2) {
    min-height: auto !important;
    border-right: 0;
    border-bottom: 1px solid rgba(30, 150, 230, .16);
  }

  .focus-detail-page .focus-info-grid-readable section:last-child {
    border-bottom: 0;
  }
}

/* 20260613 r20: resource table sync and cross-page responsive hardening */
.public-list-section {
  padding-top: 54px !important;
}

.public-list {
  align-items: stretch !important;
}

.public-card {
  min-height: 260px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

.public-card h3 {
  font-size: clamp(22px, 2.1vw, 34px) !important;
  line-height: 1.12 !important;
  overflow-wrap: anywhere !important;
}

.public-card p {
  display: -webkit-box !important;
  -webkit-line-clamp: 4 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.public-tags {
  margin-top: auto !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.public-tags span {
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.public-card[hidden],
.public-card.is-hidden {
  display: none !important;
}

.resource-count-note {
  margin-top: 16px !important;
  color: var(--muted) !important;
  font-weight: 800 !important;
}

.public-detail-hero {
  padding-top: 72px !important;
  padding-bottom: 48px !important;
}

.public-detail-hero h1 {
  max-width: 980px !important;
}

.info-grid {
  align-items: stretch !important;
}

.info-cell strong {
  overflow-wrap: anywhere !important;
}

.detail-section {
  display: grid !important;
  gap: 16px !important;
}

.detail-section > div {
  border: 1px solid rgba(13, 106, 181, .16) !important;
  background: rgba(255, 255, 255, .76) !important;
  padding: 24px !important;
  border-radius: 16px !important;
}

.detail-section h2 {
  color: var(--ink) !important;
  font-size: 24px !important;
  margin: 0 0 10px !important;
}

.detail-section p {
  margin: 0 !important;
  line-height: 1.75 !important;
  color: var(--muted) !important;
}

.pager {
  margin-top: 28px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

.pager a {
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 18px !important;
  border: 1px solid rgba(13, 106, 181, .26) !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  color: var(--brand-blue) !important;
  font-weight: 900 !important;
  background: rgba(255, 255, 255, .78) !important;
}

.focus-page .page-hero.page-hero-focus {
  min-height: clamp(390px, 38vw, 520px) !important;
  display: flex !important;
  align-items: center !important;
  padding: 58px 0 !important;
  overflow: hidden !important;
  background:
    linear-gradient(90deg, rgba(247, 252, 255, .97) 0%, rgba(247, 252, 255, .9) 42%, rgba(247, 252, 255, .66) 72%, rgba(247, 252, 255, .42) 100%),
    url("kv-final/new-youth-main.jpg") center center / cover no-repeat !important;
}

.focus-page .page-hero-content.shell {
  width: min(100% - 56px, 1180px) !important;
  max-width: min(100% - 56px, 1180px) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: block !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

.focus-page .page-hero h1 {
  max-width: 620px !important;
  font-size: clamp(56px, 6vw, 84px) !important;
  line-height: 1.02 !important;
}

.focus-page .page-hero p {
  max-width: 680px !important;
  font-size: clamp(17px, 1.45vw, 22px) !important;
  line-height: 1.72 !important;
  color: rgba(6, 45, 91, .76) !important;
}

.focus-page .focus-detail-card {
  grid-template-columns: minmax(320px, .82fr) minmax(0, 1fr) !important;
  gap: 0 !important;
  overflow: hidden !important;
}

.focus-page .focus-detail-card figure,
.focus-page .focus-detail-media {
  min-height: 0 !important;
  height: auto !important;
  max-height: 360px !important;
  aspect-ratio: 16 / 9 !important;
}

.focus-page .focus-detail-card img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.refresh-footer,
.footer {
  padding-bottom: max(34px, env(safe-area-inset-bottom)) !important;
  overflow: visible !important;
}

.refresh-footer .footer-inner,
.footer .footer-inner {
  padding-bottom: 22px !important;
}

@media (max-width: 1180px) {
  .resources-page .overview-metrics,
  .overview-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .resources-page .overview-metrics article,
  .overview-metrics article {
    min-height: 0 !important;
    padding: 22px !important;
    overflow: hidden !important;
  }

  .resources-page .overview-metrics article span,
  .overview-metrics article span {
    font-size: clamp(34px, 5.2vw, 58px) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .apply-system {
    grid-template-columns: 1fr !important;
  }

  .apply-side {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
    position: static !important;
  }

  .apply-side-card,
  .apply-side-card.dark {
    min-height: 0 !important;
    padding: 18px !important;
    overflow: visible !important;
  }

  .apply-flow {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .apply-flow li,
  .apply-flow li.active {
    min-height: 72px !important;
    padding: 10px 8px !important;
    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr) !important;
    column-gap: 8px !important;
    align-content: center !important;
  }

  .apply-flow li em {
    display: none !important;
  }
}

@media (max-width: 780px) {
  .resources-page .overview-metrics,
  .overview-metrics {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .resources-page .overview-metrics article,
  .overview-metrics article {
    grid-template-columns: auto minmax(0, 1fr) !important;
    column-gap: 12px !important;
    align-items: center !important;
    padding: 16px !important;
  }

  .public-list-section {
    padding-top: 28px !important;
  }

  .public-filter {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 14px !important;
  }

  .public-list {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .public-card {
    min-height: 0 !important;
    padding: 16px !important;
    gap: 10px !important;
  }

  .public-card h3 {
    font-size: 24px !important;
  }

  .public-card p {
    -webkit-line-clamp: 3 !important;
    font-size: 14px !important;
    line-height: 1.58 !important;
  }

  .data-pager {
    margin-top: 18px !important;
    gap: 8px !important;
  }

  .public-detail-hero {
    padding-top: 34px !important;
    padding-bottom: 24px !important;
  }

  .public-detail-hero h1 {
    font-size: clamp(36px, 10vw, 48px) !important;
  }

  .info-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .detail-section > div {
    padding: 16px !important;
    border-radius: 14px !important;
  }

  .detail-section h2 {
    font-size: 20px !important;
  }

  .detail-section p {
    font-size: 14px !important;
  }

  .focus-page .page-hero.page-hero-focus {
    min-height: 320px !important;
    padding: 34px 0 !important;
    background:
      linear-gradient(180deg, rgba(247, 252, 255, .96), rgba(247, 252, 255, .78)),
      url("kv-final/new-youth-main.jpg") center bottom / contain no-repeat !important;
  }

  .focus-page .page-hero-content.shell {
    width: calc(100% - 28px) !important;
    max-width: calc(100% - 28px) !important;
  }

  .focus-page .page-hero h1 {
    max-width: 100% !important;
    font-size: clamp(36px, 10vw, 50px) !important;
  }

  .focus-page .focus-detail-card {
    grid-template-columns: 1fr !important;
  }

  .focus-page .focus-detail-card figure,
  .focus-page .focus-detail-media {
    max-height: none !important;
    aspect-ratio: 16 / 9 !important;
  }

  .apply-side {
    grid-template-columns: 1fr !important;
  }

  .apply-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .apply-flow li,
  .apply-flow li.active {
    grid-template-columns: 28px minmax(0, 1fr) !important;
    text-align: left !important;
    min-height: 54px !important;
  }

  .apply-flow li span {
    margin: 0 !important;
  }

  .refresh-footer .footer-inner,
  .footer .footer-inner {
    padding-bottom: 42px !important;
  }
}

/* 20260613 r23: publication spacing, focus-card typography, resource metric repair */
main > .shell.section,
main > section.shell.section,
.focus-page main > .section.shell,
.resources-page main > .section.shell {
  padding-top: clamp(34px, 4.2vw, 58px) !important;
}

.section-title,
.section-heading,
.section-head,
.list-head,
.resources-page .chart-section {
  margin-top: 0 !important;
}

.home-page #vision.section,
.home-page main > .section,
.home-page #organizers.section {
  padding-top: clamp(30px, 3.8vw, 52px) !important;
}

.home-page .section-title {
  margin-top: 0 !important;
  margin-bottom: clamp(18px, 2vw, 30px) !important;
}

.resources-page .overview-metrics {
  margin-top: 18px !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.resources-page .overview-metrics article {
  min-height: 132px !important;
  padding: 22px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto 1fr !important;
  gap: 8px !important;
  align-items: start !important;
  overflow: hidden !important;
}

.resources-page .overview-metrics article span {
  display: block !important;
  grid-row: auto !important;
  color: #0b67ad !important;
  font-size: clamp(34px, 3.9vw, 56px) !important;
  line-height: .9 !important;
  white-space: nowrap !important;
}

.resources-page .overview-metrics article strong {
  display: block !important;
  color: #071f47 !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  white-space: normal !important;
}

.resources-page .overview-metrics article p {
  margin: 0 !important;
  color: rgba(7, 31, 71, .62) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  overflow-wrap: break-word !important;
}

.focus-page .focus-summary-card {
  min-height: 142px !important;
  padding: 22px 24px !important;
  display: grid !important;
  grid-template-columns: 52px minmax(0, 1fr) !important;
  grid-template-areas:
    "num title"
    "meta tags" !important;
  column-gap: 18px !important;
  row-gap: 12px !important;
  align-items: start !important;
}

.focus-page .focus-summary-card strong {
  grid-area: num !important;
  width: 44px !important;
  height: 44px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(28, 152, 223, .24) !important;
  border-radius: 999px !important;
  background: rgba(239, 248, 255, .92) !important;
  color: #0d84d8 !important;
  font-size: 24px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

.focus-page .focus-summary-card h3 {
  grid-area: title !important;
  margin: 2px 0 0 !important;
  color: #071f47 !important;
  font-size: clamp(21px, 1.8vw, 28px) !important;
  line-height: 1.16 !important;
}

.focus-page .focus-summary-card p {
  grid-area: meta !important;
  margin: 0 !important;
  color: rgba(7, 31, 71, .58) !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  word-break: keep-all !important;
  overflow-wrap: anywhere !important;
}

.focus-page .focus-summary-card div {
  grid-area: tags !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  min-width: 0 !important;
}

.focus-page .focus-summary-card div span,
.focus-page .focus-tags span {
  min-height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 10px !important;
  border-radius: 0 !important;
  border: 1px solid rgba(112, 184, 44, .32) !important;
  background: rgba(255, 255, 255, .8) !important;
  color: #0b67ad !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}

.focus-page .focus-detail-card {
  grid-template-columns: minmax(360px, 42%) minmax(0, 58%) !important;
  align-items: stretch !important;
  min-height: 420px !important;
}

.focus-page .focus-detail-card figure {
  height: 100% !important;
  min-height: 420px !important;
  aspect-ratio: auto !important;
  align-self: stretch !important;
  background: rgba(235, 247, 255, .82) !important;
}

.focus-page .focus-detail-card figure img {
  height: 100% !important;
  object-fit: cover !important;
}

.focus-page .focus-detail-card figcaption {
  top: 24px !important;
  left: 24px !important;
  min-height: 42px !important;
  padding: 0 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  background: rgba(13, 132, 216, .94) !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}

.focus-page .focus-detail-body {
  min-height: 420px !important;
  display: grid !important;
  grid-template-rows: auto auto auto auto 1fr !important;
  align-content: start !important;
  padding: clamp(28px, 3vw, 42px) !important;
}

.focus-page .focus-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-bottom: 16px !important;
}

.focus-page .focus-detail-body h2 {
  margin: 0 0 8px !important;
  font-size: clamp(32px, 3vw, 48px) !important;
  line-height: 1.08 !important;
}

.focus-page .focus-meta {
  margin: 0 0 22px !important;
  color: rgba(7, 31, 71, .55) !important;
  font-size: 17px !important;
  line-height: 1.4 !important;
}

.focus-page .focus-slogan {
  margin: 0 0 28px !important;
  color: #0b67ad !important;
  font-size: clamp(22px, 2.2vw, 32px) !important;
  line-height: 1.28 !important;
  font-weight: 950 !important;
}

.focus-page .focus-info-grid {
  align-self: end !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

@media (max-width: 1180px) {
  .resources-page .overview-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .focus-page .focus-detail-card {
    grid-template-columns: minmax(300px, 40%) minmax(0, 60%) !important;
  }
}

@media (max-width: 780px) {
  .resources-page .overview-metrics {
    grid-template-columns: 1fr !important;
    margin-top: 12px !important;
  }

  .resources-page .overview-metrics article {
    min-height: 0 !important;
    padding: 16px !important;
  }

  .focus-page .focus-summary-card {
    min-height: 0 !important;
    padding: 16px !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    column-gap: 12px !important;
  }

  .focus-page .focus-summary-card strong {
    width: 36px !important;
    height: 36px !important;
    font-size: 19px !important;
  }

  .focus-page .focus-detail-card {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }

  .focus-page .focus-detail-card figure {
    min-height: 0 !important;
    aspect-ratio: 16 / 9 !important;
  }

  .focus-page .focus-detail-body {
    min-height: 0 !important;
    padding: 20px !important;
  }

  .focus-page .focus-info-grid {
    grid-template-columns: 1fr !important;
  }
}

/* 20260613 r20b: keep award statistics aligned and legible */
body.home-page .home-award-waterfall .award-card dl,
body.home-page .award-card dl {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  width: 100% !important;
  overflow: hidden !important;
}

body.home-page .home-award-waterfall .award-card dl div,
body.home-page .award-card dl div {
  min-width: 0 !important;
  padding: 14px 16px !important;
}

body.home-page .home-award-waterfall .award-card dd,
body.home-page .award-card dd {
  font-size: clamp(25px, 2.15vw, 34px) !important;
  line-height: 1.08 !important;
  white-space: nowrap !important;
  letter-spacing: 0 !important;
}

body.home-page .home-award-waterfall .award-card dt,
body.home-page .award-card dt {
  font-size: 13px !important;
  margin-bottom: 8px !important;
}

body.home-page .home-award-waterfall .award-card.is-growth {
  grid-template-columns: minmax(0, .92fr) minmax(320px, .9fr) !important;
  column-gap: clamp(20px, 4vw, 56px) !important;
  align-items: center !important;
}

body.home-page .home-award-waterfall .award-card.is-growth dl {
  margin-left: 0 !important;
  max-width: 520px !important;
}

@media (max-width: 1180px) {
  body.home-page .home-award-waterfall .award-card dd,
  body.home-page .award-card dd {
    font-size: clamp(24px, 3vw, 30px) !important;
  }

  body.home-page .home-award-waterfall .award-card.is-growth {
    grid-template-columns: minmax(0, .82fr) minmax(300px, .92fr) !important;
  }
}

@media (max-width: 780px) {
  body.home-page .home-award-waterfall .award-card dl,
  body.home-page .award-card dl {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body.home-page .home-award-waterfall .award-card dl div,
  body.home-page .award-card dl div {
    padding: 12px 10px !important;
  }

  body.home-page .home-award-waterfall .award-card dd,
  body.home-page .award-card dd {
    font-size: clamp(20px, 6.2vw, 26px) !important;
  }

  body.home-page .home-award-waterfall .award-card.is-growth {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
}

@media (max-width: 420px) {
  body.home-page .home-award-waterfall .award-card dl,
  body.home-page .award-card dl {
    grid-template-columns: 1fr !important;
  }

  body.home-page .home-award-waterfall .award-card dd,
  body.home-page .award-card dd {
    font-size: 25px !important;
  }
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body,
body.home-page {
  margin: 0;
  color: var(--ink);
  background:
    linear-gradient(90deg, rgba(8, 47, 99, .035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(8, 47, 99, .03) 1px, transparent 1px),
    linear-gradient(180deg, #fbfdff 0%, #f4faff 46%, #edf7ff 100%) !important;
  background-size: 44px 44px, 44px 44px, auto !important;
  font-family: var(--font-sans) !important;
  letter-spacing: 0 !important;
  text-rendering: geometricPrecision;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: .36;
  background:
    linear-gradient(117deg, transparent 0 56%, rgba(16, 123, 214, .09) 56.2% 56.7%, transparent 57%),
    linear-gradient(152deg, transparent 0 62%, rgba(112, 184, 44, .12) 62.2% 62.7%, transparent 63%);
}

body > * {
  position: relative;
}

a,
button,
.btn,
.top-cta,
.nav-cta,
.resource-card,
.focus-summary-card,
.focus-release-card,
.award-card,
.track,
.panel-item,
.stat-card {
  transition:
    transform .3s cubic-bezier(.16, 1, .3, 1),
    background-color .3s cubic-bezier(.16, 1, .3, 1),
    border-color .3s cubic-bezier(.16, 1, .3, 1),
    color .3s cubic-bezier(.16, 1, .3, 1),
    box-shadow .3s cubic-bezier(.16, 1, .3, 1);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid rgba(16, 123, 214, .28);
  outline-offset: 3px;
}

.shell,
.topbar-inner,
.refresh-topbar .topbar-inner {
  width: min(1180px, calc(100% - 56px)) !important;
  max-width: 1180px !important;
}

.topbar,
.refresh-topbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 40 !important;
  background: rgba(247, 251, 255, .82) !important;
  border-bottom: 1px solid rgba(8, 47, 99, .11) !important;
  backdrop-filter: blur(20px) saturate(1.15) !important;
  box-shadow: 0 10px 34px rgba(8, 47, 99, .05) !important;
}

.topbar-inner,
.refresh-topbar .topbar-inner {
  min-height: 82px !important;
  display: grid !important;
  grid-template-columns: 230px 1fr auto !important;
  align-items: center !important;
  gap: 18px !important;
  margin: 0 auto !important;
}

.menu-toggle {
  position: fixed !important;
  top: 18px !important;
  right: 14px !important;
  z-index: 5102 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(16, 123, 214, .24) !important;
  background: var(--signal) !important;
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(16, 123, 214, .22) !important;
}

.menu-toggle span,
.menu-toggle::before,
.menu-toggle::after {
  background: #fff !important;
}

@media (min-width: 901px) {
  .menu-toggle {
    display: none !important;
  }
}

/* 20260616 r62: reduce blank space below money award standards table */
@media (min-width: 901px) {
  body.home-page .home-awards-block .award-card.is-money,
  body.home-page .home-award-waterfall .award-card.is-money {
    min-height: 320px !important;
    padding-bottom: 24px !important;
  }

  body.home-page .home-awards-block .award-card.is-money > p,
  body.home-page .home-award-waterfall .award-card.is-money > p {
    margin-bottom: 16px !important;
  }

  body.home-page .home-awards-block .award-card.is-money > dl,
  body.home-page .home-award-waterfall .award-card.is-money > dl {
    margin: 0 !important;
  }
}

.brand-mark img,
.brand-logo img,
.refresh-topbar .brand-logo img {
  width: auto !important;
  max-width: 220px !important;
  height: auto !important;
  max-height: 62px !important;
  object-fit: contain !important;
  filter: saturate(1.08) contrast(1.03) !important;
}

.nav,
.topbar .nav,
.refresh-topbar .nav {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 4px !important;
  border: 0 !important;
}

.nav a,
.topbar .nav a,
.refresh-topbar .nav a {
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 13px !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: rgba(8, 47, 99, .72) !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}

.nav a:hover,
.nav a.active,
.topbar .nav a:hover,
.topbar .nav a.active,
.refresh-topbar .nav a:hover,
.refresh-topbar .nav a.active {
  background: rgba(16, 123, 214, .09) !important;
  color: var(--signal-dark) !important;
  border-color: rgba(16, 123, 214, .18) !important;
}

.nav a.active::after {
  display: none !important;
}

.top-cta,
.btn,
.nav-cta,
.topbar .nav-cta,
.refresh-topbar .nav-cta {
  min-height: 44px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(16, 123, 214, .18) !important;
  background: linear-gradient(135deg, #107bd6, #25a6df) !important;
  color: #fff !important;
  box-shadow: 0 15px 34px rgba(16, 123, 214, .20) !important;
  font-weight: 900 !important;
}

.btn.secondary,
.btn.ghost,
.page-hero .btn.ghost {
  background: rgba(255, 255, 255, .84) !important;
  color: var(--signal-dark) !important;
  border-color: rgba(16, 123, 214, .26) !important;
  box-shadow: none !important;
}

.top-cta:hover,
.btn:hover,
.nav-cta:hover {
  transform: translate3d(0, -2px, 0) !important;
}

.top-cta:active,
.btn:active,
.nav-cta:active,
button:active {
  transform: translate3d(0, 1px, 0) scale(.99) !important;
}

.hero,
.page-hero,
.page-hero.shell,
.page-hero.page-hero-focus,
.page-hero.page-hero-awards,
.apply-hero.shell,
.admin-page .simple-hero,
.focus-page-hero {
  min-height: min(86dvh, 780px) !important;
  height: auto !important;
  overflow: hidden !important;
  padding: clamp(72px, 7vw, 112px) 0 clamp(62px, 7vw, 96px) !important;
  border: 0 !important;
  background:
    linear-gradient(90deg, rgba(247, 251, 255, .98) 0%, rgba(247, 251, 255, .86) 31%, rgba(247, 251, 255, .28) 60%, rgba(247, 251, 255, .05) 100%),
    url("kv-final/new-youth-main.jpg") 62% center / cover no-repeat !important;
}

.hero::before,
.page-hero::before,
.apply-hero::before {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 38%;
  background: linear-gradient(180deg, rgba(247, 251, 255, 0), rgba(247, 251, 255, .95));
  pointer-events: none;
}

.hero::after,
.page-hero::after,
.apply-hero::after {
  content: "";
  position: absolute;
  right: 3vw;
  top: 92px;
  width: min(42vw, 620px);
  aspect-ratio: 1.92;
  pointer-events: none;
  background: url("kv-final/flow.png") center / contain no-repeat;
  opacity: .48;
  transform: rotate(-2deg);
  animation: kvFloat 8s cubic-bezier(.16, 1, .3, 1) infinite alternate;
}

@keyframes kvFloat {
  from { transform: translate3d(0, 0, 0) rotate(-2deg); opacity: .42; }
  to { transform: translate3d(18px, -10px, 0) rotate(1deg); opacity: .58; }
}

.hero-grid,
.page-hero > .page-hero-inner,
.page-hero .page-hero-inner,
.page-hero.shell,
.apply-hero.shell {
  width: min(1180px, calc(100% - 56px)) !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 560px) minmax(280px, 1fr) !important;
  align-items: center !important;
  gap: clamp(28px, 6vw, 96px) !important;
}

.hero-grid > div,
.page-hero-copy,
.page-hero .page-hero-copy,
.apply-hero > div:first-child {
  position: relative !important;
  z-index: 2 !important;
  width: min(560px, calc(100vw - 28px)) !important;
  max-width: min(560px, calc(100vw - 28px)) !important;
  padding: clamp(24px, 3vw, 38px) !important;
  border: 1px solid rgba(255, 255, 255, .76) !important;
  border-radius: var(--radius) !important;
  background: rgba(255, 255, 255, .62) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), var(--shadow-soft) !important;
  backdrop-filter: blur(16px) saturate(1.08) !important;
}

.hero h1,
.page-hero h1,
.apply-hero h1,
.simple-hero h1 {
  max-width: 620px !important;
  color: var(--ink-strong) !important;
  font-size: clamp(42px, 5.4vw, 78px) !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
  font-weight: 950 !important;
}

.hero h1 span {
  display: block !important;
}

.hero-subtitle,
.hero-kicker,
.page-hero .hero-kicker,
.page-hero .eyebrow,
.apply-hero .eyebrow,
.eyebrow {
  color: var(--signal-dark) !important;
  font-weight: 950 !important;
  letter-spacing: .04em !important;
}

.hero-subtitle,
.page-hero p:not(.eyebrow),
.apply-hero p {
  max-width: 600px !important;
  color: rgba(8, 47, 99, .86) !important;
  font-size: clamp(16px, 1.45vw, 20px) !important;
  line-height: 1.7 !important;
  font-weight: 650 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

.hero-coordinate,
.page-hero-coordinate,
.coordinate-logo,
.coordinates,
img.page-hero-coordinate,
img.coordinate-logo,
img.coordinates {
  display: none !important;
}

.stat-row,
.overview-metrics {
  margin-top: -34px !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  position: relative !important;
  z-index: 2 !important;
}

.stat-card,
.overview-metrics article,
.panel,
.track,
.award-card,
.org-band article,
.process-step,
.apply-brief,
.apply-side-card,
.application-form,
.review-card,
.confirm-box,
.focus-summary-card,
.focus-release-card,
.public-card,
.chart-card,
.glass-panel,
.admin-side,
.admin-card,
.focus-detail-card {
  border: 1px solid rgba(8, 47, 99, .14) !important;
  border-radius: var(--radius) !important;
  background: rgba(255, 255, 255, .76) !important;
  box-shadow: 0 16px 52px rgba(8, 47, 99, .07) !important;
}

.stat-card,
.overview-metrics article {
  min-height: 154px !important;
  padding: 24px !important;
  display: grid !important;
  grid-template-columns: 46px 1fr !important;
  align-items: start !important;
  gap: 16px !important;
}

.stat-card:hover,
.resource-card:hover,
.focus-summary-card:hover,
.public-card:hover,
.focus-release-card:hover {
  transform: translate3d(0, -4px, 0) !important;
  border-color: rgba(16, 123, 214, .34) !important;
  background: rgba(255, 255, 255, .92) !important;
  box-shadow: 0 24px 66px rgba(16, 123, 214, .13) !important;
}

.icon {
  color: var(--signal) !important;
}

.stat-card strong,
.overview-metrics span,
.award-card h3,
.award-card dd,
.process-tags b,
.focus-release-card span,
.focus-summary-card strong,
.plan-goals span {
  color: var(--signal-dark) !important;
}

.stat-card b,
.panel-item h3,
.track h3,
.section-title,
.list-head h2,
.page-hero h1,
.apply-hero h1,
.focus-detail-body h2 {
  color: var(--ink-strong) !important;
}

.section {
  padding-top: clamp(64px, 7vw, 106px) !important;
  padding-bottom: 0 !important;
}

.section-title,
.list-head h2,
.center-title {
  font-size: clamp(34px, 4.6vw, 66px) !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

.panel {
  margin-top: 30px !important;
  display: grid !important;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.12fr) !important;
  gap: 0 !important;
  overflow: hidden !important;
}

.panel-item {
  min-height: 220px !important;
  padding: 28px !important;
  display: grid !important;
  grid-template-columns: 48px 1fr !important;
  gap: 18px !important;
  border-right: 1px solid rgba(8, 47, 99, .12) !important;
  border-bottom: 1px solid rgba(8, 47, 99, .12) !important;
  background: transparent !important;
}

.panel-item:nth-child(3) {
  grid-column: 1 / -1 !important;
  min-height: 170px !important;
}

.track-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr) !important;
  gap: 18px !important;
}

.track {
  padding: clamp(26px, 3vw, 38px) !important;
  min-height: 420px !important;
}

.track:nth-child(2) {
  margin-top: 52px !important;
}

.track ul,
.award-track ul {
  padding-left: 1.2em !important;
}

.track li,
.award-track li {
  margin: 10px 0 !important;
  color: rgba(8, 47, 99, .78) !important;
  line-height: 1.78 !important;
}

.award-waterfall,
.home-award-waterfall {
  display: grid !important;
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr) !important;
  gap: 18px !important;
}

.award-card {
  min-height: 420px !important;
  padding: clamp(26px, 3vw, 38px) !important;
}

.award-card.is-growth {
  grid-column: 1 / -1 !important;
  min-height: 300px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(380px, .82fr) !important;
  gap: 24px !important;
  align-items: center !important;
}

.award-card dl,
.award-stats {
  border-color: rgba(8, 47, 99, .15) !important;
  background: rgba(247, 251, 255, .72) !important;
}

.resource-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr) !important;
  gap: 18px !important;
  padding-top: clamp(64px, 7vw, 106px) !important;
}

.resource-grid > div {
  padding: 28px !important;
  border: 1px solid rgba(8, 47, 99, .14) !important;
  border-radius: var(--radius) !important;
  background: rgba(255, 255, 255, .72) !important;
}

.thumb-row {
  align-items: stretch !important;
}

.thumb {
  border-radius: var(--radius) !important;
  overflow: hidden !important;
  background: var(--mist) !important;
}

.thumb img,
.focus-release-card img,
.focus-detail-media img {
  filter: saturate(1.08) contrast(1.02) !important;
}

.process {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.process-step {
  min-height: 132px !important;
  padding: 22px !important;
  display: grid !important;
  align-content: space-between !important;
}

.process-step small {
  color: var(--signal-dark) !important;
}

.org-band {
  display: grid !important;
  grid-template-columns: minmax(0, .84fr) minmax(0, .74fr) minmax(0, 1.42fr) !important;
  gap: 14px !important;
}

.org-band article,
.org-block {
  padding: 26px !important;
}

.page-hero-actions,
.hero-actions,
.apply-hero-actions {
  gap: 12px !important;
}

.filterbar,
.public-filter {
  background: rgba(247, 251, 255, .88) !important;
  backdrop-filter: blur(18px) !important;
}

.filterbar input,
.filterbar select,
.public-filter input,
.public-filter select,
.form input,
.form select,
.form textarea,
.application-form input,
.application-form select,
.application-form textarea,
.admin-card input,
.admin-card select,
.admin-card textarea {
  min-height: 48px !important;
  border: 1px solid rgba(8, 47, 99, .18) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .9) !important;
  color: var(--ink) !important;
  font-family: var(--font-sans) !important;
}

.application-form textarea,
.form textarea,
.admin-card textarea {
  min-height: 132px !important;
}

.application-form label,
.form label {
  gap: 8px !important;
  color: var(--ink-strong) !important;
  font-weight: 850 !important;
}

.form-progress button,
.data-pager button {
  border-radius: 999px !important;
  border: 1px solid rgba(8, 47, 99, .18) !important;
  background: #fff !important;
  color: var(--ink-soft) !important;
}

.form-progress button.active,
.data-pager button.active {
  background: var(--signal) !important;
  color: #fff !important;
}

.choice-card,
.check-group label,
.material-note,
.next-list li,
.apply-flow li {
  border-color: rgba(8, 47, 99, .14) !important;
  background: rgba(247, 251, 255, .72) !important;
  border-radius: var(--radius) !important;
}

.choice-card:has(input:checked) {
  border-color: rgba(16, 123, 214, .45) !important;
  background: rgba(233, 246, 255, .92) !important;
}

.form-status {
  border-radius: var(--radius) !important;
  padding: 14px 16px !important;
  background: rgba(233, 246, 255, .84) !important;
  color: var(--ink-strong) !important;
  border: 1px solid rgba(16, 123, 214, .16) !important;
}

.application-form.is-submitting {
  position: relative;
  pointer-events: none;
}

.application-form.is-submitting::after {
  content: "正在提交报名信息";
  position: sticky;
  bottom: 20px;
  display: grid;
  place-items: center;
  min-height: 54px;
  margin-top: 18px;
  border-radius: 999px;
  color: #fff;
  background:
    linear-gradient(100deg, var(--signal), #4bb7e8, var(--signal));
  background-size: 220% 100%;
  animation: kvShimmer 1.4s cubic-bezier(.16, 1, .3, 1) infinite;
  box-shadow: 0 18px 42px rgba(16, 123, 214, .20);
}

@keyframes kvShimmer {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

.qr-box.light,
.qr-box {
  border-color: rgba(8, 47, 99, .13) !important;
  background: rgba(255, 255, 255, .86) !important;
}

.focus-detail-card {
  overflow: hidden !important;
}

.focus-tag-row span,
.public-tags span,
.chip-line b,
.focus-summary-card b {
  border-color: rgba(16, 123, 214, .22) !important;
  background: rgba(233, 246, 255, .82) !important;
  color: var(--signal-dark) !important;
}

.refresh-footer,
.footer {
  margin-top: clamp(72px, 8vw, 120px) !important;
  background:
    linear-gradient(135deg, rgba(5, 36, 77, .98), rgba(6, 70, 126, .98)),
    url("kv-final/flow.png") right top / 62% auto no-repeat !important;
  color: rgba(255, 255, 255, .78) !important;
  border-top: 0 !important;
}

.footer-cta,
.refresh-footer .footer-cta {
  border-bottom: 1px solid rgba(255, 255, 255, .16) !important;
}

.footer-cta h2,
.footer-cta strong,
.refresh-footer .footer-cta strong {
  color: #fff !important;
}

.footer-nav a,
.refresh-footer nav a {
  color: rgba(255, 255, 255, .72) !important;
}

.footer-nav a:hover,
.refresh-footer nav a:hover {
  color: #fff !important;
}

.home-page .stat-card,
.home-page .panel-item,
.home-page .track,
.home-page .award-card,
.home-page .resource-grid > div,
.home-page .process-step,
.home-page .org-band article {
  animation: kvRise .72s cubic-bezier(.16, 1, .3, 1) both;
  animation-delay: calc(var(--i, 0) * 70ms);
}

.home-page .stat-card:nth-child(1),
.home-page .panel-item:nth-child(1),
.home-page .track:nth-child(1),
.home-page .award-card:nth-child(1),
.home-page .process-step:nth-child(1),
.home-page .org-band article:nth-child(1) { --i: 1; }
.home-page .stat-card:nth-child(2),
.home-page .panel-item:nth-child(2),
.home-page .track:nth-child(2),
.home-page .award-card:nth-child(2),
.home-page .process-step:nth-child(2),
.home-page .org-band article:nth-child(2) { --i: 2; }
.home-page .stat-card:nth-child(3),
.home-page .panel-item:nth-child(3),
.home-page .award-card:nth-child(3),
.home-page .process-step:nth-child(3),
.home-page .org-band article:nth-child(3) { --i: 3; }
.home-page .stat-card:nth-child(4),
.home-page .process-step:nth-child(4) { --i: 4; }
.home-page .process-step:nth-child(5) { --i: 5; }
.home-page .process-step:nth-child(6) { --i: 6; }
.home-page .process-step:nth-child(7) { --i: 7; }
.home-page .process-step:nth-child(8) { --i: 8; }

@keyframes kvRise {
  from { opacity: 0; transform: translate3d(0, 18px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}

@media (max-width: 1100px) {
  .topbar-inner,
  .refresh-topbar .topbar-inner {
    grid-template-columns: 210px 1fr auto !important;
  }

  .nav a,
  .topbar .nav a,
  .refresh-topbar .nav a {
    padding: 0 9px !important;
    font-size: 13px !important;
  }

  .stat-row,
  .overview-metrics,
  .process {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  body,
  body.home-page {
    background-size: 28px 28px, 28px 28px, auto !important;
  }

  .shell,
  .topbar-inner,
  .refresh-topbar .topbar-inner,
  .hero-grid,
  .page-hero > .page-hero-inner,
  .page-hero .page-hero-inner,
  .page-hero.shell,
  .apply-hero.shell {
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
  }

  .topbar-inner,
  .refresh-topbar .topbar-inner {
    min-height: 78px !important;
    grid-template-columns: minmax(0, 1fr) 46px !important;
    padding: 10px 0 !important;
  }

  .brand-mark img,
  .brand-logo img,
  .refresh-topbar .brand-logo img {
    width: auto !important;
    max-width: min(226px, calc(100vw - 112px)) !important;
    max-height: 58px !important;
  }

  .topbar .nav,
  .refresh-topbar .nav {
    display: none !important;
  }

  .topbar .nav.is-open,
  .refresh-topbar .nav.is-open,
  body.mobile-menu-open .topbar .nav,
  body.mobile-menu-open .refresh-topbar .nav {
    position: fixed !important;
    inset: 0 !important;
    z-index: 5100 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    padding: 104px 18px 28px !important;
    overflow: auto !important;
    background: rgba(247, 251, 255, .98) !important;
  }

  .topbar .nav.is-open a,
  .refresh-topbar .nav.is-open a,
  body.mobile-menu-open .topbar .nav a,
  body.mobile-menu-open .refresh-topbar .nav a {
    min-height: 56px !important;
    border-radius: 8px !important;
    padding: 0 18px !important;
    justify-content: flex-start !important;
    background: #fff !important;
    font-size: 20px !important;
  }

  .top-cta,
  .nav-cta,
  .topbar .nav-cta,
  .refresh-topbar .nav-cta {
    display: none !important;
  }

  .hero,
  .page-hero,
  .page-hero.shell,
  .page-hero.page-hero-focus,
  .page-hero.page-hero-awards,
  .apply-hero.shell {
    min-height: 610px !important;
    padding: 34px 0 260px !important;
    background:
      linear-gradient(180deg, rgba(247, 251, 255, .98) 0%, rgba(247, 251, 255, .84) 38%, rgba(247, 251, 255, .28) 100%),
      url("kv-final/new-youth-main.jpg") 68% bottom / 1280px auto no-repeat !important;
  }

  .hero::after,
  .page-hero::after,
  .apply-hero::after {
    width: 86vw;
    right: -18vw;
    top: 54%;
    opacity: .32;
  }

  .hero-grid,
  .page-hero > .page-hero-inner,
  .page-hero .page-hero-inner,
  .page-hero.shell,
  .apply-hero.shell {
    display: block !important;
  }

  .hero-grid > div,
  .page-hero-copy,
  .page-hero .page-hero-copy,
  .apply-hero > div:first-child {
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    padding: 22px !important;
    overflow: hidden !important;
  }

  .hero h1,
  .page-hero h1,
  .apply-hero h1,
  .simple-hero h1 {
    font-size: clamp(36px, 11vw, 54px) !important;
    line-height: 1.08 !important;
  }

  .hero-subtitle,
  .page-hero p:not(.eyebrow),
  .apply-hero p {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
  }

  body.home-page .hero .hero-subtitle,
  body.home-page .hero .hero-kicker {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  .hero-coordinate,
  .page-hero-coordinate,
  img.page-hero-coordinate {
    display: none !important;
  }

  .stat-row,
  .overview-metrics,
  .panel,
  .track-grid,
  .award-waterfall,
  .home-award-waterfall,
  .resource-grid,
  .process,
  .org-band,
  .chart-section,
  .public-filter,
  .public-list,
  .feature-strip,
  .focus-summary-grid,
  .focus-release-grid,
  .focus-service,
  .glass-panel,
  .value-grid,
  .plan-goals,
  .process-line,
  .mini-process,
  .award-track,
  .support-grid,
  .judge-grid,
  .admin-console,
  .admin-upload,
  .focus-detail-card,
  .focus-detail-grid,
  .apply-system {
    grid-template-columns: 1fr !important;
  }

  .stat-row,
  .overview-metrics {
    margin-top: -28px !important;
  }

  .panel-item,
  .panel-item:nth-child(3),
  .award-card.is-growth,
  .track:nth-child(2) {
    grid-column: auto !important;
    margin-top: 0 !important;
  }

  .award-card.is-growth {
    display: block !important;
  }

  .section {
    padding-top: 56px !important;
  }

  .section-title,
  .list-head h2,
  .center-title {
    font-size: clamp(30px, 9vw, 44px) !important;
  }

  .process-step {
    min-height: 104px !important;
  }

  .apply-hero .apply-brief,
  .apply-brief {
    margin-top: 18px !important;
  }

  .footer-cta,
  .refresh-footer .footer-cta,
  .footer-inner,
  .refresh-footer .footer-inner {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
}

@media (max-width: 520px) {
  .hero-actions,
  .page-hero-actions,
  .apply-hero-actions,
  .panel-actions {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .btn,
  .top-cta,
  .nav-cta {
    width: 100% !important;
  }

  .stat-card {
    grid-template-columns: 1fr !important;
  }
}

/* 20260612 refinement: unified nav, tighter hero, visible priority entries */
.topbar .nav a::after,
.refresh-topbar .nav a::after,
.nav a::after,
.topbar .nav a.active::after,
.refresh-topbar .nav a.active::after,
.nav a.active::after,
.topbar .nav a:hover::after,
.refresh-topbar .nav a:hover::after,
.nav a:hover::after {
  display: none !important;
  content: none !important;
}

.topbar .nav a,
.refresh-topbar .nav a,
.nav a {
  text-decoration: none !important;
  transition: transform .24s cubic-bezier(.16, 1, .3, 1), background-color .24s cubic-bezier(.16, 1, .3, 1), border-color .24s cubic-bezier(.16, 1, .3, 1) !important;
}

.topbar .nav a:hover,
.refresh-topbar .nav a:hover,
.nav a:hover,
.topbar .nav a.active,
.refresh-topbar .nav a.active,
.nav a.active {
  transform: translate3d(0, -1px, 0) !important;
  background: rgba(16, 123, 214, .10) !important;
  border-color: rgba(16, 123, 214, .24) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .86) !important;
}

body.home-page .hero {
  min-height: clamp(540px, 56vw, 680px) !important;
  padding: clamp(70px, 6vw, 94px) 0 clamp(50px, 5vw, 74px) !important;
  background:
    linear-gradient(90deg, rgba(247, 251, 255, .98) 0%, rgba(247, 251, 255, .86) 33%, rgba(247, 251, 255, .26) 65%, rgba(247, 251, 255, .04) 100%),
    url("kv-final/new-youth-main.jpg") center bottom / min(1460px, 100vw) auto no-repeat !important;
}

body.home-page .hero-grid {
  min-height: clamp(410px, 42vw, 545px) !important;
  align-items: center !important;
}

body.home-page .hero-grid > div {
  padding: clamp(24px, 3vw, 34px) !important;
}

body.home-page .hero h1 {
  font-size: clamp(42px, 5vw, 68px) !important;
}

.page-hero,
.page-hero.shell,
.page-hero.page-hero-focus,
.page-hero.page-hero-awards,
.apply-hero.shell,
.admin-page .simple-hero,
.focus-page-hero,
.simple-hero,
.public-detail-hero {
  min-height: clamp(390px, 42vw, 520px) !important;
  padding: clamp(64px, 6vw, 92px) 0 clamp(46px, 5vw, 70px) !important;
  background:
    linear-gradient(90deg, rgba(247, 251, 255, .98) 0%, rgba(247, 251, 255, .86) 34%, rgba(247, 251, 255, .30) 68%, rgba(247, 251, 255, .06) 100%),
    url("kv-final/new-youth-main.jpg") center bottom / min(1420px, 100vw) auto no-repeat !important;
}

.simple-hero,
.public-detail-hero {
  display: grid !important;
  align-content: center !important;
}

.home-priority {
  margin-top: 18px !important;
  display: grid !important;
  grid-template-columns: .9fr 1.05fr 1.05fr !important;
  gap: 16px !important;
  position: relative !important;
  z-index: 3 !important;
}

.priority-card {
  min-height: 292px !important;
  position: relative !important;
  overflow: hidden !important;
  display: grid !important;
  align-content: end !important;
  gap: 10px !important;
  padding: 24px !important;
  border: 1px solid rgba(8, 47, 99, .14) !important;
  border-radius: var(--radius) !important;
  background: rgba(255, 255, 255, .82) !important;
  color: var(--ink-strong) !important;
  text-decoration: none !important;
  box-shadow: var(--shadow-soft) !important;
  transform: translate3d(0, 0, 0) !important;
  transition: transform .28s cubic-bezier(.16, 1, .3, 1), border-color .28s cubic-bezier(.16, 1, .3, 1) !important;
}

.priority-card:hover {
  transform: translate3d(0, -4px, 0) !important;
  border-color: rgba(16, 123, 214, .34) !important;
}

.priority-card img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: .72 !important;
  transform: scale(1.01) !important;
}

.priority-photo::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(5, 36, 77, .06), rgba(5, 36, 77, .72)) !important;
}

.priority-card span,
.priority-card strong,
.priority-card p,
.priority-card b {
  position: relative !important;
  z-index: 1 !important;
}

.priority-card span {
  width: fit-content !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  background: rgba(233, 246, 255, .88) !important;
  color: var(--signal-dark) !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}

.priority-card strong {
  font-size: clamp(24px, 2.2vw, 34px) !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}

.priority-card p {
  margin: 0 !important;
  max-width: 32em !important;
  color: rgba(8, 47, 99, .78) !important;
  font-weight: 650 !important;
  line-height: 1.55 !important;
}

.priority-card b {
  width: fit-content !important;
  margin-top: 4px !important;
  padding-bottom: 3px !important;
  border-bottom: 2px solid rgba(16, 123, 214, .36) !important;
  color: var(--signal-dark) !important;
  font-size: 15px !important;
}

.priority-award {
  background:
    linear-gradient(140deg, rgba(232, 246, 255, .96), rgba(255, 255, 255, .90) 52%, rgba(238, 249, 232, .90)),
    url("kv-final/flow.png") 130% 5% / 82% auto no-repeat !important;
}

.priority-photo span,
.priority-photo strong,
.priority-photo p {
  color: #fff !important;
}

.priority-photo span {
  background: rgba(255, 255, 255, .18) !important;
  border: 1px solid rgba(255, 255, 255, .32) !important;
}

.apply-system {
  align-items: start !important;
}

.apply-side-card,
.apply-side-card.dark {
  color: var(--ink-strong) !important;
  background: rgba(255, 255, 255, .86) !important;
}

.apply-side-card h2,
.apply-side-card.dark h2,
.apply-side-card p,
.apply-side-card.dark p,
.apply-flow strong,
.apply-flow em,
.next-list strong,
.next-list span {
  color: var(--ink-strong) !important;
}

.apply-flow em,
.next-list span,
.apply-side-card p {
  color: rgba(8, 47, 99, .68) !important;
}

.apply-flow li,
.apply-flow li.active {
  background: rgba(247, 251, 255, .88) !important;
  color: var(--ink-strong) !important;
}

.apply-flow li.active {
  border-color: rgba(16, 123, 214, .38) !important;
  background: rgba(233, 246, 255, .94) !important;
}

.apply-flow li span {
  background: var(--signal) !important;
  color: #fff !important;
}

@media (max-width: 900px) {
  body.home-page .hero,
  .page-hero,
  .page-hero.shell,
  .page-hero.page-hero-focus,
  .page-hero.page-hero-awards,
  .apply-hero.shell,
  .simple-hero,
  .public-detail-hero {
    min-height: 520px !important;
    padding: 34px 0 210px !important;
    background:
      linear-gradient(180deg, rgba(247, 251, 255, .98) 0%, rgba(247, 251, 255, .88) 42%, rgba(247, 251, 255, .34) 100%),
      url("kv-final/new-youth-main.jpg") 62% bottom / 920px auto no-repeat !important;
  }

  body.home-page .hero-grid {
    min-height: auto !important;
  }

  .home-priority {
    grid-template-columns: 1fr !important;
    margin-top: 14px !important;
  }

  .priority-card {
    min-height: 232px !important;
    padding: 20px !important;
  }

  .priority-card strong {
    font-size: clamp(24px, 7vw, 32px) !important;
  }
}

@media (max-width: 520px) {
  body.home-page .hero,
  .page-hero,
  .page-hero.shell,
  .page-hero.page-hero-focus,
  .page-hero.page-hero-awards,
  .apply-hero.shell,
  .simple-hero,
  .public-detail-hero {
    min-height: 500px !important;
    padding-bottom: 190px !important;
    background-size: 760px auto !important;
  }

  .home-priority {
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
  }

  .priority-card {
    min-height: 220px !important;
  }
}

/* 20260613 audit fixes: mobile reflow and no horizontal clipping */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

img,
svg,
video,
canvas {
  max-width: 100%;
}

@media (max-width: 900px) {
  .topbar,
  .refresh-topbar {
    overflow: visible !important;
  }

  .topbar-inner,
  .refresh-topbar .topbar-inner {
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    grid-template-columns: minmax(0, 1fr) 44px !important;
    gap: 10px !important;
  }

  .menu-toggle {
    display: inline-grid !important;
    justify-self: end !important;
    place-items: center !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(16, 123, 214, .24) !important;
    background: rgba(255, 255, 255, .88) !important;
  }

  .brand-mark,
  .brand-logo,
  .refresh-topbar .brand-logo {
    min-width: 0 !important;
  }

  .brand-mark img,
  .brand-logo img,
  .refresh-topbar .brand-logo img {
    max-width: min(206px, calc(100vw - 96px)) !important;
  }

  .hero-grid,
  .page-hero > .page-hero-inner,
  .page-hero .page-hero-inner,
  .page-hero.shell,
  .apply-hero.shell,
  .simple-hero,
  .public-detail-hero,
  .shell {
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    min-width: 0 !important;
  }

  .hero-grid > div,
  .page-hero-copy,
  .page-hero .page-hero-copy,
  .apply-hero > div:first-child {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 22px !important;
  }

  .hero h1,
  .page-hero h1,
  .apply-hero h1,
  .simple-hero h1 {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(34px, 10vw, 46px) !important;
    line-height: 1.08 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  .hero-subtitle,
  .hero-kicker,
  .page-hero p:not(.eyebrow),
  .apply-hero p,
  .eyebrow {
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  .hero-actions .btn,
  .page-hero-actions .btn,
  .apply-hero-actions .btn,
  .panel-actions .btn {
    width: 100% !important;
    max-width: 100% !important;
    justify-content: center !important;
  }

  .stat-row,
  .overview-metrics,
  .home-priority,
  .apply-system,
  .apply-side,
  .application-form,
  .apply-side-card,
  .apply-brief,
  .form-progress,
  .choice-grid,
  .field-row,
  .check-group,
  .material-note,
  .panel-actions {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .apply-brief {
    grid-template-columns: 1fr 1fr !important;
  }

  .application-form,
  .apply-side-card {
    padding: 18px !important;
  }

  .form-progress {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .form-progress button {
    min-width: 0 !important;
    padding: 0 8px !important;
    white-space: normal !important;
    line-height: 1.25 !important;
  }
}

@media (max-width: 520px) {
  body.home-page .hero,
  .page-hero,
  .page-hero.shell,
  .page-hero.page-hero-focus,
  .page-hero.page-hero-awards,
  .apply-hero.shell,
  .simple-hero,
  .public-detail-hero {
    min-height: auto !important;
    padding-top: 34px !important;
    padding-bottom: 178px !important;
  }

  .hero-grid > div,
  .page-hero-copy,
  .page-hero .page-hero-copy,
  .apply-hero > div:first-child {
    padding: 20px !important;
  }

  .hero h1,
  .page-hero h1,
  .apply-hero h1,
  .simple-hero h1 {
    font-size: clamp(32px, 9.4vw, 42px) !important;
  }

  .apply-brief {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 520px) {
  body.home-page .hero,
  body.home-page .hero-grid,
  body:not(.home-page) .apply-hero.shell {
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: hidden !important;
  }

  body.home-page .hero-grid > div,
  body:not(.home-page) .apply-hero.shell > div:first-child {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 18px !important;
  }

  body.home-page .hero-subtitle span,
  body:not(.home-page) .apply-hero h1 span {
    display: block !important;
  }

  body.home-page .hero-kicker,
  body.home-page .hero-subtitle,
  body.home-page .hero-subtitle span,
  body:not(.home-page) .apply-hero .eyebrow,
  body:not(.home-page) .apply-hero h1,
  body:not(.home-page) .apply-hero h1 span,
  body:not(.home-page) .apply-hero p {
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  body:not(.home-page) .apply-hero p {
    word-break: break-all !important;
  }

  body.home-page .hero-subtitle {
    font-size: 16px !important;
    line-height: 1.45 !important;
  }

  body:not(.home-page) .apply-hero h1 {
    font-size: clamp(34px, 10.2vw, 42px) !important;
  }

  body.home-page .hero-actions,
  body:not(.home-page) .apply-hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 10px !important;
  }

  body.home-page .hero-actions .btn,
  body:not(.home-page) .apply-hero-actions .btn {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  body.home-page .stat-row,
  body.home-page .home-priority,
  body:not(.home-page) .apply-system {
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body:not(.home-page) .apply-side-card,
  body:not(.home-page) .application-form {
    overflow: hidden !important;
  }
}

@media (max-width: 900px) {
  .topbar-inner,
  .refresh-topbar .topbar-inner {
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    min-height: auto !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 10px 0 12px !important;
  }

  .brand-mark,
  .brand-logo,
  .refresh-topbar .brand-logo {
    width: 100% !important;
    max-width: 100% !important;
  }

  .brand-mark img,
  .brand-logo img,
  .refresh-topbar .brand-logo img {
    max-width: min(190px, calc(100vw - 28px)) !important;
    max-height: 58px !important;
  }

  .menu-toggle {
    display: none !important;
  }

  .nav,
  .topbar .nav,
  .refresh-topbar .nav {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    padding: 0 0 2px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .nav::-webkit-scrollbar,
  .topbar .nav::-webkit-scrollbar,
  .refresh-topbar .nav::-webkit-scrollbar {
    display: none !important;
  }

  .nav a,
  .topbar .nav a,
  .refresh-topbar .nav a {
    flex: 0 0 auto !important;
    min-height: 36px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(16, 123, 214, .18) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .72) !important;
    color: rgba(8, 47, 99, .78) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
  }

  .nav a.active,
  .topbar .nav a.active,
  .refresh-topbar .nav a.active,
  .nav a:hover,
  .topbar .nav a:hover,
  .refresh-topbar .nav a:hover {
    border-color: rgba(16, 123, 214, .34) !important;
    background: rgba(16, 123, 214, .12) !important;
    color: #0b67ad !important;
  }

  .nav a::after,
  .topbar .nav a::after,
  .refresh-topbar .nav a::after {
    content: none !important;
    display: none !important;
  }

  .top-cta,
  .nav-cta,
  .refresh-topbar .nav-cta {
    display: none !important;
  }
}

/* 20260613 content polish: city co-creation tone, focus pagination and KV-style flow */
.section-title-split {
  display: grid !important;
  gap: 6px !important;
  text-align: center !important;
  color: #071f47 !important;
}

.section-title-split span {
  display: block !important;
}

.home-page #vision .panel {
  border-radius: 10px !important;
  border: 1px solid rgba(16, 123, 214, .16) !important;
  background: rgba(255, 255, 255, .8) !important;
  box-shadow: 0 18px 56px rgba(16, 123, 214, .08) !important;
}

.home-page #vision .panel-item {
  grid-template-columns: 92px minmax(0, 1fr) !important;
  gap: 22px !important;
  align-items: center !important;
}

.home-page #vision .panel-item .icon {
  color: #178edc !important;
  width: 56px !important;
  height: 56px !important;
}

.home-page #vision .panel-item h3 {
  color: #071f47 !important;
  font-size: clamp(22px, 2vw, 30px) !important;
}

.home-page #vision .panel-item p {
  color: rgba(7, 31, 71, .62) !important;
  font-size: 17px !important;
  line-height: 1.7 !important;
}

.home-page .process {
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  gap: 0 !important;
  padding: 28px 30px !important;
  border: 1px solid rgba(16, 123, 214, .18) !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.9), rgba(245,251,255,.8)) !important;
  box-shadow: 0 18px 58px rgba(16, 123, 214, .08) !important;
}

.home-page .process-step {
  position: relative !important;
  min-height: 138px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: center !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  gap: 12px !important;
}

.home-page .process-step:not(:last-child)::after {
  content: "→" !important;
  position: absolute !important;
  top: 44px !important;
  right: -13px !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  background: none !important;
  color: rgba(7, 31, 71, .28) !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  transform: none !important;
}

.home-page .process-step .icon {
  width: 42px !important;
  height: 42px !important;
  color: #69bd13 !important;
  stroke-width: 2.2 !important;
}

.home-page .process-step span {
  display: block !important;
  color: #071f47 !important;
  font-size: 16px !important;
  line-height: 1.18 !important;
  font-weight: 950 !important;
}

.home-page .process-step small {
  display: block !important;
  margin-top: 4px !important;
  color: rgba(7, 31, 71, .54) !important;
  font-size: 15px !important;
}

.priority-card strong {
  color: #071f47 !important;
}

.plan-goals {
  margin-top: 28px !important;
  margin-bottom: 26px !important;
}

.plan-goals article {
  position: relative !important;
  min-height: 190px !important;
  padding: 30px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(16, 123, 214, .16) !important;
  background: linear-gradient(145deg, rgba(255,255,255,.9), rgba(238,249,255,.72)) !important;
  box-shadow: 0 18px 48px rgba(16, 123, 214, .08) !important;
  overflow: hidden !important;
}

.plan-goals article::after {
  content: "" !important;
  position: absolute !important;
  right: -38px !important;
  bottom: -48px !important;
  width: 150px !important;
  height: 150px !important;
  border-radius: 999px !important;
  border: 18px solid rgba(105, 189, 19, .12) !important;
}

.plan-goals span {
  color: #0d84d8 !important;
  font-size: clamp(50px, 5vw, 76px) !important;
}

.plan-goals strong {
  color: #071f47 !important;
  font-size: 22px !important;
}

.plan-goals p {
  max-width: 330px !important;
  color: rgba(7, 31, 71, .62) !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
}

.feature-photo-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.feature-photo-card {
  min-width: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(16, 123, 214, .16) !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.82) !important;
  box-shadow: 0 18px 48px rgba(16, 123, 214, .08) !important;
}

.feature-photo-card img {
  width: 100% !important;
  aspect-ratio: 16 / 10 !important;
  height: auto !important;
  object-fit: cover !important;
  display: block !important;
}

.feature-photo-card div {
  padding: 20px !important;
}

.feature-photo-card span {
  display: inline-flex !important;
  min-height: 30px !important;
  align-items: center !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  background: rgba(105, 189, 19, .12) !important;
  color: #4f9d12 !important;
  font-weight: 950 !important;
}

.feature-photo-card h3 {
  margin: 14px 0 8px !important;
  color: #071f47 !important;
  font-size: 24px !important;
}

.feature-photo-card p {
  color: rgba(7,31,71,.62) !important;
  line-height: 1.65 !important;
}

.focus-summary-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.focus-summary-card[hidden],
.focus-detail-card[hidden] {
  display: none !important;
}

.focus-summary-card {
  min-height: 210px !important;
  border-color: rgba(16, 123, 214, .16) !important;
  border-radius: 10px !important;
  box-shadow: 0 14px 40px rgba(16, 123, 214, .06) !important;
}

.focus-summary-card strong {
  color: #0d84d8 !important;
}

.focus-summary-card h3 {
  color: #071f47 !important;
}

.focus-detail-card {
  overflow: hidden !important;
  border: 1px solid rgba(16, 123, 214, .16) !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.82) !important;
  box-shadow: 0 18px 52px rgba(16, 123, 214, .08) !important;
}

.focus-detail-card figure {
  min-height: 0 !important;
  height: 100% !important;
  aspect-ratio: 4 / 3 !important;
}

.focus-detail-card img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.focus-detail-body h2 {
  color: #071f47 !important;
  font-size: clamp(34px, 3.6vw, 58px) !important;
}

.focus-slogan {
  color: #0b67ad !important;
}

.focus-info-grid {
  border-color: rgba(16, 123, 214, .18) !important;
}

.focus-info-grid section {
  border-color: rgba(16, 123, 214, .16) !important;
}

.focus-info-grid h3 {
  color: #4f9d12 !important;
}

.data-pager button {
  border-radius: 999px !important;
  border-color: rgba(16, 123, 214, .22) !important;
  color: #0b67ad !important;
}

.data-pager button.active {
  background: #1c98df !important;
  border-color: #1c98df !important;
  color: #fff !important;
}

@media (max-width: 1180px) {
  .home-page .process {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px 0 !important;
  }

  .home-page .process-step:nth-child(4)::after {
    content: none !important;
  }

  .focus-summary-grid,
  .feature-photo-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 780px) {
  .section-title-split {
    text-align: left !important;
  }

  .home-page #vision .panel-item {
    grid-template-columns: 1fr !important;
  }

  .home-page .process {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    padding: 18px !important;
  }

  .home-page .process-step {
    min-height: 126px !important;
  }

  .home-page .process-step:nth-child(2n)::after {
    content: none !important;
  }

  .focus-summary-grid,
  .feature-photo-grid,
  .plan-goals {
    grid-template-columns: 1fr !important;
  }

  .focus-detail-card {
    grid-template-columns: 1fr !important;
  }

  .focus-detail-card figure {
    aspect-ratio: 16 / 10 !important;
  }
}

/* 20260613 mobile fit pass: prevent hero and focus pages from forcing horizontal scroll */
.home-page .hero,
.focus-page .page-hero {
  overflow: hidden !important;
}

.focus-page main > .section.shell {
  padding-top: 58px !important;
  padding-bottom: 58px !important;
}

.focus-page .section-heading {
  margin-bottom: 28px !important;
}

@media (max-width: 780px) {
  html,
  body {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .shell,
  .home-page .hero .shell,
  .focus-page .page-hero-content.shell,
  .focus-page main > .section.shell {
    width: calc(100% - 28px) !important;
    max-width: calc(100% - 28px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  .home-page .hero {
    min-height: 560px !important;
    height: auto !important;
    padding: 34px 0 0 !important;
  }

  .home-page .hero::before {
    background-size: auto 62% !important;
    background-position: 61% bottom !important;
  }

  .home-page .hero-grid {
    display: block !important;
  }

  .home-page .hero h1 {
    max-width: 100% !important;
    font-size: clamp(42px, 12vw, 52px) !important;
    line-height: 1.08 !important;
    overflow-wrap: anywhere !important;
  }

  .home-page .hero-subtitle,
  .home-page .hero-kicker {
    max-width: 100% !important;
  }

  .home-page .hero-actions,
  .focus-page .hero-actions,
  .page-hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    gap: 10px !important;
  }

  .home-page .hero-actions .btn,
  .focus-page .hero-actions .btn,
  .page-hero-actions .btn {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .focus-page .page-hero {
    min-height: 500px !important;
    padding-top: 36px !important;
    background-position: 58% bottom !important;
  }

  .focus-page .page-hero h1 {
    font-size: clamp(42px, 12vw, 52px) !important;
    line-height: 1.08 !important;
    overflow-wrap: anywhere !important;
  }

  .focus-page .page-hero p,
  .focus-page .section-heading p {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }

  .focus-page main > .section.shell {
    padding-top: 42px !important;
    padding-bottom: 42px !important;
  }

  .focus-page .section-heading {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-bottom: 20px !important;
    text-align: left !important;
  }

  .focus-page .section-heading h2 {
    font-size: clamp(36px, 10.5vw, 46px) !important;
    line-height: 1.08 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }

  .feature-photo-card,
  .focus-summary-card,
  .focus-detail-card {
    max-width: 100% !important;
  }
}

/* 20260613 high-resolution KV pass: use the final 5460px source without background upscaling */
.home-page .hero.hero-kv-full {
  min-height: 0 !important;
  height: auto !important;
  padding: 14px 0 18px !important;
  background: linear-gradient(180deg, rgba(246,252,255,.92), rgba(255,255,255,.72)) !important;
  overflow: visible !important;
}

.home-page .hero.hero-kv-full::before,
.home-page .hero.hero-kv-full::after {
  content: none !important;
}

.hero-kv-stage {
  display: grid !important;
  gap: 14px !important;
}

.hero-kv-image {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: min(690px, calc(100vh - 104px)) !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 0 !important;
  filter: none !important;
  image-rendering: auto !important;
}

.hero-kv-actions {
  display: flex !important;
  justify-content: center !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
}

.home-page .hero.hero-kv-full .hero-grid {
  display: none !important;
}

.home-page .stat-row {
  margin-top: 8px !important;
}

.page-hero.page-hero-focus,
.apply-hero.shell,
.page-hero.shell {
  background-image: url("kv-final/new-youth-main.jpg") !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

@media (max-width: 780px) {
  .refresh-topbar .nav,
  .topbar .nav,
  body.mobile-menu-ready .refresh-topbar > .topbar-inner > .nav,
  body.mobile-menu-ready .topbar > .topbar-inner > .nav {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    white-space: normal !important;
    overflow: visible !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 8px !important;
    justify-content: stretch !important;
  }

  .refresh-topbar .nav a,
  .topbar .nav a,
  body.mobile-menu-ready .refresh-topbar > .topbar-inner > .nav a,
  body.mobile-menu-ready .topbar > .topbar-inner > .nav a {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 34px !important;
    padding: 0 8px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .home-page .hero.hero-kv-full {
    padding: 10px 0 12px !important;
  }

  .hero-kv-stage {
    width: calc(100% - 16px) !important;
    max-width: calc(100% - 16px) !important;
    gap: 10px !important;
  }

  .hero-kv-image {
    max-height: none !important;
    width: 100% !important;
  }

  .hero-kv-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .hero-kv-actions .btn {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .home-page .stat-row {
    margin-top: 4px !important;
  }

  .focus-page .page-hero,
  .page-hero.page-hero-focus {
    min-height: 430px !important;
    padding-top: 28px !important;
    background-size: contain !important;
    background-position: center bottom !important;
  }

  .home-page,
  .home-page .topbar,
  .home-page main,
  .home-page .hero-kv-full,
  .home-page .stat-row {
    max-width: 100vw !important;
    overflow-x: clip !important;
  }
}

/* 20260613 browser comment pass: handbook mobile menu, tighter homepage rhythm */
.priority-photo span,
.priority-photo strong,
.priority-photo p {
  color: #fff !important;
  text-shadow: 0 2px 12px rgba(7, 31, 71, .52) !important;
}

.priority-photo span {
  border-color: rgba(255, 255, 255, .72) !important;
  background: rgba(255, 255, 255, .16) !important;
}

.priority-photo::after {
  background:
    linear-gradient(180deg, rgba(7, 31, 71, .04) 0%, rgba(7, 31, 71, .48) 54%, rgba(7, 31, 71, .8) 100%) !important;
}

@media (max-width: 780px) {
  body.home-page .topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 3000 !important;
    background: rgba(244, 251, 255, .96) !important;
    backdrop-filter: blur(18px) !important;
  }

  body.home-page .topbar .topbar-inner {
    width: calc(100% - 28px) !important;
    max-width: calc(100% - 28px) !important;
    min-height: 78px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 44px !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 0 !important;
  }

  body.home-page .brand-mark {
    max-width: 212px !important;
  }

  body.home-page .brand-mark img {
    width: min(212px, 58vw) !important;
    max-height: 58px !important;
    object-fit: contain !important;
  }

  body.home-page .top-cta {
    display: none !important;
  }

  body.home-page .menu-toggle {
    display: inline-grid !important;
    justify-self: end !important;
    place-items: center !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(28, 152, 223, .34) !important;
    background: rgba(255, 255, 255, .86) !important;
    box-shadow: 0 10px 28px rgba(16, 123, 214, .1) !important;
  }

  body.home-page .topbar > .topbar-inner > .nav {
    display: none !important;
    grid-column: 1 / -1 !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 10px !important;
    border: 1px solid rgba(28, 152, 223, .18) !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, .95) !important;
    box-shadow: 0 18px 42px rgba(7, 31, 71, .12) !important;
  }

  body.home-page .topbar > .topbar-inner > .nav.is-open {
    display: grid !important;
  }

  body.home-page .topbar > .topbar-inner > .nav a {
    width: 100% !important;
    min-height: 42px !important;
    justify-content: flex-start !important;
    padding: 0 14px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(28, 152, 223, .14) !important;
    background: rgba(239, 248, 255, .84) !important;
    color: #0b3b72 !important;
    font-size: 15px !important;
    text-align: left !important;
  }

  body.home-page .topbar > .topbar-inner > .nav a.active {
    color: #fff !important;
    background: linear-gradient(135deg, #1d91db, #2ab8e0) !important;
    border-color: transparent !important;
  }

  body.home-page .hero.hero-kv-full {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  body.home-page .stat-row {
    margin-top: 0 !important;
    gap: 10px !important;
  }

  body.home-page .home-priority {
    gap: 14px !important;
    margin-top: 14px !important;
    margin-bottom: 8px !important;
  }

  body.home-page .priority-card {
    min-height: 190px !important;
    padding: 20px !important;
  }

  body.home-page .priority-card strong {
    font-size: clamp(28px, 8.5vw, 42px) !important;
    line-height: 1.08 !important;
  }

  body.home-page #vision.section,
  body.home-page main > .section,
  body.home-page #organizers.section {
    padding-top: 30px !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  body.home-page #vision .section-title-split {
    margin: 0 0 16px !important;
    font-size: clamp(28px, 8vw, 36px) !important;
    line-height: 1.16 !important;
    text-align: left !important;
  }

  body.home-page #vision .panel {
    margin-top: 0 !important;
    gap: 0 !important;
  }

  body.home-page #vision .panel-item {
    min-height: 0 !important;
    padding: 16px !important;
    gap: 12px !important;
  }

  body.home-page #vision .panel-item .icon {
    width: 42px !important;
    height: 42px !important;
  }

  body.home-page #vision .panel-item h3 {
    font-size: 22px !important;
  }

  body.home-page #vision .panel-item p {
    font-size: 15px !important;
    line-height: 1.58 !important;
  }

  body.home-page .section-title,
  body.home-page .list-head h2 {
    margin: 0 0 16px !important;
    font-size: clamp(32px, 9vw, 44px) !important;
    line-height: 1.08 !important;
  }

  body.home-page .track-grid,
  body.home-page .award-waterfall,
  body.home-page .home-award-waterfall,
  body.home-page .resource-grid,
  body.home-page .process,
  body.home-page .org-band {
    gap: 12px !important;
  }

  body.home-page .track {
    min-height: 0 !important;
    padding: 20px !important;
  }

  body.home-page .track .icon {
    width: 42px !important;
    height: 42px !important;
  }

  body.home-page .track h3 {
    font-size: 28px !important;
    margin-bottom: 12px !important;
  }

  body.home-page .track ul {
    margin: 0 !important;
  }

  body.home-page .track li {
    margin: 7px 0 !important;
    line-height: 1.58 !important;
  }

  body.home-page .list-head {
    margin-bottom: 14px !important;
    align-items: end !important;
  }

  body.home-page .home-award-waterfall .award-card,
  body.home-page .award-card {
    min-height: 0 !important;
    padding: 20px !important;
  }

  body.home-page .award-card h3 {
    margin: 12px 0 12px !important;
    font-size: clamp(28px, 8vw, 38px) !important;
  }

  body.home-page .award-card p {
    font-size: 15px !important;
    line-height: 1.58 !important;
  }

  body.home-page .award-card dl {
    margin-top: 16px !important;
    grid-template-columns: 1fr !important;
  }

  body.home-page .award-card dl div {
    min-height: 92px !important;
    padding: 14px !important;
  }

  body.home-page .award-card dd {
    font-size: 28px !important;
    line-height: 1.1 !important;
  }

  body.home-page .resource-grid {
    padding-top: 30px !important;
  }

  body.home-page .resource-grid > div {
    padding: 18px !important;
  }

  body.home-page .resource-grid .list-head h2 {
    font-size: clamp(30px, 8.4vw, 40px) !important;
  }

  body.home-page .thumb-row {
    gap: 8px !important;
  }

  body.home-page .thumb img {
    aspect-ratio: 4 / 3 !important;
  }

  body.home-page .thumb p {
    padding: 8px !important;
    font-size: 14px !important;
  }

  body.home-page .process {
    padding: 16px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.home-page .process-step {
    min-height: 104px !important;
    gap: 8px !important;
    padding: 8px 6px !important;
  }

  body.home-page .process-step .icon {
    width: 34px !important;
    height: 34px !important;
  }

  body.home-page .process-step span {
    font-size: 15px !important;
  }

  body.home-page .process-step small {
    font-size: 14px !important;
  }

  body.home-page .org-band article {
    padding: 18px !important;
  }

  body.home-page .org-band h3 {
    margin-bottom: 10px !important;
    font-size: 21px !important;
  }

  body.home-page .org-band p {
    font-size: 15px !important;
    line-height: 1.62 !important;
  }
}

/* 20260613 cross-page repair: focus page consistency, landscape photos, resource mobile cards */
.focus-page .page-hero.page-hero-focus {
  min-height: 0 !important;
  height: auto !important;
  padding: 56px 0 !important;
  background:
    linear-gradient(90deg, rgba(246, 252, 255, .98) 0%, rgba(246, 252, 255, .86) 42%, rgba(246, 252, 255, .58) 100%),
    url("kv-final/new-youth-main.jpg") center / cover no-repeat !important;
  border-bottom: 1px solid rgba(16, 123, 214, .16) !important;
  overflow: hidden !important;
}

.focus-page .page-hero.page-hero-focus::before,
.focus-page .page-hero.page-hero-focus::after {
  content: none !important;
}

.focus-page .page-hero-content.shell {
  width: min(1180px, calc(100% - 64px)) !important;
  max-width: min(1180px, calc(100% - 64px)) !important;
  min-height: 0 !important;
  display: grid !important;
  align-content: center !important;
  justify-items: start !important;
  padding: 0 !important;
}

.focus-page .page-hero-content > span {
  color: #0b67ad !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.focus-page .page-hero h1 {
  max-width: 620px !important;
  margin: 12px 0 14px !important;
  color: #071f47 !important;
  font-size: clamp(48px, 5.2vw, 82px) !important;
  line-height: 1.02 !important;
}

.focus-page .page-hero p {
  max-width: 650px !important;
  color: rgba(7, 31, 71, .66) !important;
  font-size: 18px !important;
  line-height: 1.7 !important;
}

.focus-page .page-hero .hero-actions {
  margin-top: 22px !important;
}

.focus-page main > .section.shell {
  padding-top: 54px !important;
  padding-bottom: 0 !important;
}

.focus-page .section-heading {
  display: grid !important;
  grid-template-columns: minmax(0, .6fr) minmax(0, 1fr) !important;
  gap: 22px !important;
  align-items: end !important;
  margin-bottom: 26px !important;
  text-align: left !important;
}

.focus-page .section-heading h2 {
  margin: 0 !important;
  color: #071f47 !important;
  font-size: clamp(42px, 4.8vw, 72px) !important;
  line-height: 1.04 !important;
}

.focus-page .section-heading p {
  grid-column: 1 / -1 !important;
  max-width: 760px !important;
  margin: 0 !important;
  color: #0b67ad !important;
  font-size: 17px !important;
  font-weight: 800 !important;
}

.focus-page .focus-detail-card {
  display: grid !important;
  grid-template-columns: 360px minmax(0, 1fr) !important;
  gap: 0 !important;
  align-items: stretch !important;
}

.focus-page .focus-detail-card figure {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 16 / 10 !important;
  align-self: start !important;
}

.focus-page .focus-detail-card img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.focus-page .focus-detail-body {
  padding: 28px !important;
}

.focus-page .focus-detail-body h2 {
  font-size: clamp(34px, 3.2vw, 52px) !important;
  line-height: 1.08 !important;
}

.focus-page .focus-info-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.focus-page .refresh-footer {
  margin-top: 70px !important;
  padding: 0 !important;
  background: linear-gradient(135deg, rgba(5, 36, 77, .98), rgba(6, 70, 126, .98)) !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.focus-page .refresh-footer::before,
.focus-page .refresh-footer::after {
  content: none !important;
}

.focus-page .refresh-footer .footer-inner {
  min-height: 92px !important;
  padding-top: 24px !important;
  padding-bottom: 32px !important;
}

.footer .footer-inner,
.refresh-footer .footer-inner {
  padding-bottom: max(34px, env(safe-area-inset-bottom)) !important;
}

@media (max-width: 780px) {
  body:not(.home-page) .topbar,
  body:not(.home-page) .refresh-topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 3000 !important;
    background: rgba(244, 251, 255, .96) !important;
    backdrop-filter: blur(18px) !important;
  }

  body:not(.home-page) .topbar .topbar-inner,
  body:not(.home-page) .refresh-topbar .topbar-inner {
    width: calc(100% - 28px) !important;
    max-width: calc(100% - 28px) !important;
    min-height: 78px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 44px !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 0 !important;
  }

  body:not(.home-page) .refresh-topbar .brand-logo img,
  body:not(.home-page) .topbar .brand-logo img {
    width: min(212px, 58vw) !important;
    max-height: 58px !important;
    object-fit: contain !important;
  }

  body:not(.home-page) .nav-cta {
    display: none !important;
  }

  body:not(.home-page) .menu-toggle {
    display: inline-grid !important;
    justify-self: end !important;
    place-items: center !important;
    width: 44px !important;
    height: 44px !important;
  }

  body:not(.home-page) .topbar > .topbar-inner > .nav,
  body:not(.home-page) .refresh-topbar > .topbar-inner > .nav {
    display: none !important;
    grid-column: 1 / -1 !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px !important;
    border: 1px solid rgba(28, 152, 223, .18) !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, .95) !important;
    box-shadow: 0 18px 42px rgba(7, 31, 71, .12) !important;
  }

  body:not(.home-page) .topbar > .topbar-inner > .nav.is-open,
  body:not(.home-page) .refresh-topbar > .topbar-inner > .nav.is-open {
    display: grid !important;
  }

  body:not(.home-page) .topbar > .topbar-inner > .nav a,
  body:not(.home-page) .refresh-topbar > .topbar-inner > .nav a {
    width: 100% !important;
    min-height: 42px !important;
    justify-content: flex-start !important;
    padding: 0 14px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(28, 152, 223, .14) !important;
    background: rgba(239, 248, 255, .84) !important;
    color: #0b3b72 !important;
    font-size: 15px !important;
    text-align: left !important;
  }

  body:not(.home-page) .topbar > .topbar-inner > .nav a.active,
  body:not(.home-page) .refresh-topbar > .topbar-inner > .nav a.active {
    color: #fff !important;
    background: linear-gradient(135deg, #1d91db, #2ab8e0) !important;
  }

  .focus-page .page-hero.page-hero-focus {
    padding: 34px 0 !important;
    background:
      linear-gradient(180deg, rgba(246, 252, 255, .98), rgba(246, 252, 255, .78)),
      url("kv-final/new-youth-main.jpg") center bottom / contain no-repeat !important;
  }

  .focus-page .page-hero-content.shell {
    width: calc(100% - 28px) !important;
    max-width: calc(100% - 28px) !important;
  }

  .focus-page .page-hero h1 {
    font-size: clamp(38px, 11vw, 52px) !important;
  }

  .focus-page .page-hero p {
    font-size: 15px !important;
    line-height: 1.62 !important;
  }

  .focus-page main > .section.shell {
    padding-top: 34px !important;
  }

  .focus-page .section-heading {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-bottom: 18px !important;
  }

  .focus-page .section-heading h2 {
    font-size: clamp(34px, 9.6vw, 44px) !important;
  }

  .focus-page .focus-detail-card {
    grid-template-columns: 1fr !important;
  }

  .focus-page .focus-detail-card figure {
    aspect-ratio: 16 / 9 !important;
  }

  .focus-page .focus-detail-body {
    padding: 18px !important;
  }

  .focus-page .focus-info-grid {
    grid-template-columns: 1fr !important;
  }

  .overview-metrics {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 12px !important;
  }

  .overview-metrics article {
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    column-gap: 12px !important;
    row-gap: 4px !important;
    align-items: baseline !important;
    padding: 16px !important;
  }

  .overview-metrics article span {
    grid-row: 1 / 3 !important;
    font-size: 34px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .overview-metrics article strong {
    font-size: 18px !important;
    line-height: 1.18 !important;
  }

  .overview-metrics article p {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  .refresh-footer,
  .footer {
    margin-top: 44px !important;
  }
}

/* 20260613 apply page mobile repair: compact process and readable organization text */
@media (min-width: 781px) and (max-width: 1180px) {
  .apply-system {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    margin-top: 26px !important;
  }

  .apply-side {
    position: static !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.12fr) minmax(0, .82fr) minmax(0, 1.06fr) !important;
    gap: 14px !important;
    align-items: stretch !important;
  }

  .apply-side-card,
  .apply-side-card.dark {
    min-height: 0 !important;
    padding: 18px !important;
    overflow: visible !important;
  }

  .apply-side-card h2,
  .apply-side-card.dark h2 {
    font-size: 22px !important;
    line-height: 1.15 !important;
    margin-bottom: 12px !important;
  }

  .apply-flow {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .apply-flow li,
  .apply-flow li.active {
    min-height: 64px !important;
    padding: 10px !important;
    grid-template-columns: 26px minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  .apply-flow li strong {
    font-size: 14px !important;
    line-height: 1.2 !important;
  }

  .apply-flow li em {
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  .apply-side-card p,
  .next-list span {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  .next-list {
    gap: 8px !important;
  }

  .next-list li {
    padding: 8px 0 !important;
  }
}

@media (max-width: 780px) {
  .apply-hero.shell {
    padding-top: 30px !important;
    padding-bottom: 24px !important;
  }

  .apply-hero h1 {
    font-size: clamp(38px, 10.6vw, 52px) !important;
    line-height: 1.08 !important;
  }

  .apply-hero p {
    font-size: 15px !important;
    line-height: 1.62 !important;
  }

  .apply-system {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    margin-top: 22px !important;
  }

  .apply-side {
    display: grid !important;
    gap: 12px !important;
    position: static !important;
  }

  .apply-side-card,
  .apply-side-card.dark {
    padding: 16px !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  .apply-side-card h2,
  .apply-side-card.dark h2 {
    font-size: 22px !important;
    line-height: 1.15 !important;
    margin: 0 0 12px !important;
  }

  .apply-side-card p,
  .apply-side-card.dark p {
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  .apply-flow {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .apply-flow li,
  .apply-flow li.active {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 4px !important;
    min-height: 74px !important;
    padding: 10px 6px !important;
    border-radius: 12px !important;
    align-content: start !important;
    text-align: center !important;
  }

  .apply-flow li span {
    width: 24px !important;
    height: 24px !important;
    margin: 0 auto 2px !important;
    display: grid !important;
    place-items: center !important;
    font-size: 13px !important;
  }

  .apply-flow li strong {
    font-size: 13px !important;
    line-height: 1.18 !important;
    white-space: normal !important;
  }

  .apply-flow li em {
    display: none !important;
  }

  .apply-side-card .qr-box,
  .apply-side-card .qr-box.light {
    width: 138px !important;
    max-width: 45vw !important;
    margin: 10px auto 0 !important;
    padding: 10px !important;
  }

  .next-list {
    display: grid !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .next-list li {
    display: grid !important;
    grid-template-columns: 72px minmax(0, 1fr) !important;
    gap: 8px !important;
    padding: 10px 0 !important;
  }

  .next-list strong {
    font-size: 14px !important;
  }

  .next-list span {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  .application-form {
    padding: 18px !important;
  }

  .form-progress {
    gap: 8px !important;
  }

  .form-progress button {
    min-height: 38px !important;
    padding: 0 8px !important;
    font-size: 13px !important;
  }

  .panel-head h2 {
    font-size: clamp(30px, 8.4vw, 40px) !important;
  }

  .choice-card {
    min-height: 0 !important;
    padding: 16px !important;
  }

  .org-wrap {
    padding-top: 34px !important;
  }

  .org-section {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .org-block {
    min-height: 0 !important;
    padding: 16px !important;
    overflow: visible !important;
  }

  .org-block span {
    font-size: 15px !important;
    margin-bottom: 8px !important;
  }

  .org-block strong {
    display: block !important;
    font-size: 14px !important;
    line-height: 1.62 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }
}

/* 20260613 r24: awards spacing and resource image cards */
.awards-page .page-hero-awards {
  min-height: clamp(420px, 43vw, 540px) !important;
  padding-bottom: clamp(24px, 3.6vw, 44px) !important;
}

.awards-page .section-grid.shell,
.awards-page .award-section {
  padding-top: clamp(30px, 3.8vw, 52px) !important;
  margin-top: 0 !important;
}

.awards-page .section-heading {
  margin-bottom: clamp(18px, 2.4vw, 28px) !important;
}

.awards-page .section-heading h2 {
  margin-top: 0 !important;
}

.public-card.has-photo {
  overflow: hidden !important;
  padding: 0 !important;
  gap: 0 !important;
}

.public-card.has-photo > img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
  border-bottom: 1px solid rgba(16, 123, 214, .16) !important;
}

.public-card-body {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  gap: 12px !important;
  min-width: 0 !important;
}

.public-card.has-photo .public-card-body {
  padding: 20px !important;
}

.public-card:not(.has-photo) .public-card-body {
  padding: 0 !important;
}

.public-detail-photo {
  margin: 0 0 22px !important;
  overflow: hidden !important;
  border: 1px solid rgba(16, 123, 214, .16) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .74) !important;
}

.public-detail-photo img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
}

@media (max-width: 780px) {
  .awards-page .page-hero-awards {
    min-height: auto !important;
    padding-bottom: 24px !important;
  }

  .awards-page .section-grid.shell,
  .awards-page .award-section {
    padding-top: 26px !important;
  }

  .public-card.has-photo .public-card-body {
    padding: 16px !important;
  }

  .public-detail-photo {
    margin-bottom: 16px !important;
    border-radius: 12px !important;
  }
}

/* 20260614 r25: compact publication layout for home sections */
body.home-page main > .shell.section {
  padding-top: clamp(30px, 3.2vw, 46px) !important;
  padding-bottom: clamp(8px, 1.4vw, 18px) !important;
  margin-top: 0 !important;
}

body.home-page #vision.section {
  padding-top: clamp(24px, 2.8vw, 38px) !important;
}

body.home-page .section-title,
body.home-page .list-head h2,
body.home-page #vision .section-title-split {
  margin: 0 0 clamp(18px, 2.2vw, 26px) !important;
  font-size: clamp(40px, 4.2vw, 58px) !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

body.home-page #vision .section-title-split {
  text-align: center !important;
}

body.home-page #vision .panel {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin-top: 0 !important;
  overflow: hidden !important;
  border-radius: 10px !important;
}

body.home-page #vision .panel-item,
body.home-page #vision .panel-item:nth-child(3) {
  grid-column: auto !important;
  min-height: 164px !important;
  padding: 24px 22px !important;
  display: grid !important;
  grid-template-columns: 52px minmax(0, 1fr) !important;
  gap: 18px !important;
  align-items: center !important;
  border-bottom: 0 !important;
}

body.home-page #vision .panel-item:not(:last-child) {
  border-right: 1px solid rgba(8, 47, 99, .12) !important;
}

body.home-page #vision .panel-item .icon {
  width: 48px !important;
  height: 48px !important;
}

body.home-page #vision .panel-item h3 {
  margin: 0 0 8px !important;
  font-size: clamp(19px, 1.45vw, 24px) !important;
  line-height: 1.18 !important;
}

body.home-page #vision .panel-item p {
  margin: 0 !important;
  font-size: clamp(14px, 1.05vw, 16px) !important;
  line-height: 1.55 !important;
}

body.home-page .track-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
}

body.home-page .track,
body.home-page .track:nth-child(2) {
  position: relative !important;
  min-height: 0 !important;
  margin-top: 0 !important;
  padding: 30px 32px !important;
  display: grid !important;
  align-content: start !important;
  gap: 14px !important;
}

body.home-page .track .icon {
  position: absolute !important;
  top: 28px !important;
  right: 30px !important;
  width: 42px !important;
  height: 42px !important;
}

body.home-page .track h3 {
  max-width: calc(100% - 72px) !important;
  margin: 0 !important;
  font-size: clamp(24px, 2.2vw, 34px) !important;
  line-height: 1.15 !important;
}

body.home-page .track ul {
  margin: 4px 0 0 !important;
  padding-left: 1.1em !important;
}

body.home-page .track li {
  margin: 8px 0 !important;
  font-size: clamp(14px, 1.05vw, 16px) !important;
  line-height: 1.58 !important;
}

body.home-page .home-award-waterfall,
body.home-page .award-waterfall.home-award-waterfall {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
}

body.home-page .home-award-waterfall .award-card,
body.home-page .home-award-waterfall .award-card.is-money {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 30px 32px !important;
  display: grid !important;
  grid-template-rows: auto auto auto auto !important;
  gap: 16px !important;
  align-content: start !important;
}

body.home-page .home-award-waterfall .award-card.is-growth {
  grid-column: 1 / -1 !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, .95fr) minmax(420px, 1.05fr) !important;
  gap: 24px !important;
  align-items: center !important;
}

body.home-page .home-award-waterfall .award-card > span {
  margin: 0 !important;
}

body.home-page .home-award-waterfall .award-card h3 {
  margin: 0 !important;
  font-size: clamp(30px, 3.1vw, 46px) !important;
  line-height: 1.08 !important;
}

body.home-page .home-award-waterfall .award-card p {
  margin: 0 !important;
  max-width: 36em !important;
  font-size: clamp(15px, 1.12vw, 17px) !important;
  line-height: 1.65 !important;
}

body.home-page .home-award-waterfall .award-card dl {
  margin: 8px 0 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  border: 1px solid rgba(8, 47, 99, .16) !important;
}

body.home-page .home-award-waterfall .award-card dl div {
  min-width: 0 !important;
  padding: 18px 20px !important;
}

body.home-page .home-award-waterfall .award-card dd {
  font-size: clamp(24px, 2.4vw, 38px) !important;
  line-height: 1.05 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

@media (max-width: 980px) {
  body.home-page #vision .panel,
  body.home-page .track-grid,
  body.home-page .home-award-waterfall,
  body.home-page .award-waterfall.home-award-waterfall {
    grid-template-columns: 1fr !important;
  }

  body.home-page #vision .panel-item,
  body.home-page #vision .panel-item:nth-child(3) {
    min-height: 0 !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(8, 47, 99, .12) !important;
  }

  body.home-page #vision .panel-item:last-child {
    border-bottom: 0 !important;
  }

  body.home-page .home-award-waterfall .award-card.is-growth {
    grid-column: auto !important;
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 780px) {
  body.home-page main > .shell.section {
    padding-top: 26px !important;
  }

  body.home-page .section-title,
  body.home-page .list-head h2,
  body.home-page #vision .section-title-split {
    margin-bottom: 14px !important;
    font-size: clamp(30px, 8.2vw, 40px) !important;
    text-align: left !important;
  }

  body.home-page #vision .panel-item {
    grid-template-columns: 42px minmax(0, 1fr) !important;
    padding: 18px !important;
  }

  body.home-page #vision .panel-item .icon {
    width: 38px !important;
    height: 38px !important;
  }

  body.home-page .track,
  body.home-page .track:nth-child(2),
  body.home-page .home-award-waterfall .award-card,
  body.home-page .home-award-waterfall .award-card.is-money,
  body.home-page .home-award-waterfall .award-card.is-growth {
    padding: 20px !important;
  }

  body.home-page .home-award-waterfall .award-card dl {
    grid-template-columns: 1fr !important;
  }
}

/* 20260614 r26: unified secondary pages, compact home sections, and focus paging */
body.home-page main > .shell.section,
body.home-page .resource-grid {
  margin-top: clamp(20px, 2.4vw, 34px) !important;
}

body.home-page main > .shell.section {
  padding-top: clamp(24px, 2.4vw, 34px) !important;
  padding-bottom: clamp(10px, 1.2vw, 16px) !important;
}

body.home-page .section-title,
body.home-page .list-head h2,
body.home-page #vision .section-title-split {
  font-size: clamp(34px, 3.4vw, 50px) !important;
  margin-bottom: clamp(14px, 1.6vw, 22px) !important;
}

body.home-page #vision .panel-item {
  min-height: 142px !important;
  padding: 20px 22px !important;
}

body.home-page .track,
body.home-page .track:nth-child(2) {
  padding: 26px 28px !important;
  gap: 10px !important;
}

body.home-page .track li {
  margin: 6px 0 !important;
}

body.home-page .home-award-waterfall .award-card,
body.home-page .home-award-waterfall .award-card.is-money {
  padding: 26px 28px !important;
  gap: 12px !important;
}

body.home-page .home-award-waterfall .award-card h3 {
  font-size: clamp(28px, 2.55vw, 40px) !important;
}

body.home-page .home-award-waterfall .award-card p {
  font-size: clamp(14px, 1vw, 16px) !important;
  line-height: 1.58 !important;
}

body.home-page .home-award-waterfall .award-card dl {
  margin-top: 2px !important;
}

body.home-page .home-award-waterfall .award-card dl div {
  padding: 14px 18px !important;
}

body.home-page .home-award-waterfall .award-card dd {
  font-size: clamp(22px, 2.1vw, 34px) !important;
}

body.home-page .home-award-waterfall .award-card.is-growth {
  grid-template-columns: minmax(340px, .9fr) minmax(0, 1.1fr) !important;
  grid-template-areas:
    "tag title"
    "copy title"
    "copy stats" !important;
  column-gap: 32px !important;
  row-gap: 14px !important;
  align-items: center !important;
}

body.home-page .home-award-waterfall .award-card.is-growth > span {
  grid-area: tag !important;
}

body.home-page .home-award-waterfall .award-card.is-growth > h3 {
  grid-area: title !important;
}

body.home-page .home-award-waterfall .award-card.is-growth > p {
  grid-area: copy !important;
  align-self: start !important;
}

body.home-page .home-award-waterfall .award-card.is-growth > dl {
  grid-area: stats !important;
}

body.home-page .resource-grid {
  gap: 18px !important;
  align-items: start !important;
}

body.home-page .resource-grid > div {
  min-height: 0 !important;
  padding: 22px 24px !important;
}

body.home-page .resource-grid .list-head {
  align-items: center !important;
  gap: 14px !important;
  margin-bottom: 14px !important;
}

body.home-page .resource-grid .list-head h2 {
  font-size: clamp(30px, 3vw, 44px) !important;
  line-height: 1.06 !important;
  max-width: 7em !important;
}

body.home-page .resource-grid .list-head a {
  font-size: 14px !important;
  white-space: nowrap !important;
}

body.home-page .thumb-row {
  grid-template-columns: repeat(3, minmax(0, 1fr)) 22px !important;
  gap: 12px !important;
}

body.home-page .thumb img {
  aspect-ratio: 16 / 9 !important;
}

body.home-page .thumb p {
  font-size: 14px !important;
  line-height: 1.3 !important;
}

body:not(.home-page) main > .shell.section,
body:not(.home-page) .section-grid.shell {
  padding-top: clamp(28px, 3vw, 44px) !important;
  padding-bottom: clamp(18px, 2vw, 30px) !important;
}

body:not(.home-page) .section-head,
body:not(.home-page) .section-heading {
  margin-bottom: clamp(16px, 2vw, 24px) !important;
}

body:not(.home-page) .section-head h2,
body:not(.home-page) .section-heading h2 {
  font-size: clamp(34px, 3.4vw, 50px) !important;
  line-height: 1.08 !important;
}

.org-wrap .org-band,
.org-wrap .org-section {
  display: grid !important;
  grid-template-columns: minmax(220px, .9fr) minmax(200px, .8fr) minmax(360px, 1.5fr) !important;
  gap: 16px !important;
  border: 1px solid rgba(8, 47, 99, .12) !important;
  border-radius: 10px !important;
  padding: 20px !important;
  background: rgba(255, 255, 255, .72) !important;
  box-shadow: 0 16px 42px rgba(8, 47, 99, .08) !important;
}

.org-wrap .org-band article,
.org-wrap .org-section .org-block {
  min-height: 176px !important;
  padding: 24px 26px !important;
  border: 1px solid rgba(8, 47, 99, .12) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .78) !important;
}

.org-wrap .org-band h3,
.org-wrap .org-section .org-block span {
  display: block !important;
  margin: 0 0 14px !important;
  color: #50a800 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

.org-wrap .org-band p,
.org-wrap .org-section .org-block strong {
  display: block !important;
  margin: 0 !important;
  color: #263746 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.85 !important;
  text-align: left !important;
}

body:not(.home-page) .refresh-footer,
body:not(.home-page) .footer.refresh-footer,
body:not(.home-page) .footer {
  margin-top: clamp(40px, 5vw, 70px) !important;
  padding: 34px 0 max(34px, env(safe-area-inset-bottom)) !important;
  background:
    linear-gradient(135deg, rgba(5, 36, 77, .98), rgba(6, 70, 126, .98)),
    url("kv-final/flow.png") right top / 56% auto no-repeat !important;
  color: rgba(255, 255, 255, .72) !important;
}

body:not(.home-page) .refresh-footer .footer-cta,
body:not(.home-page) .footer .footer-cta {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  align-items: center !important;
  gap: 22px !important;
  padding: 0 0 24px !important;
  border-bottom: 1px solid rgba(255, 255, 255, .16) !important;
}

body:not(.home-page) .refresh-footer .footer-cta strong,
body:not(.home-page) .footer .footer-cta strong {
  display: block !important;
  color: #fff !important;
  font-size: clamp(28px, 2.8vw, 42px) !important;
  line-height: 1.15 !important;
}

body:not(.home-page) .refresh-footer .footer-cta .btn,
body:not(.home-page) .refresh-footer .footer-cta .nav-cta,
body:not(.home-page) .footer .footer-cta .btn,
body:not(.home-page) .footer .footer-cta .nav-cta {
  min-width: 140px !important;
  justify-content: center !important;
}

body:not(.home-page) .refresh-footer .footer-cta span,
body:not(.home-page) .footer .footer-cta span {
  color: #fff !important;
  font-weight: 800 !important;
  line-height: 1.22 !important;
  text-align: left !important;
}

body:not(.home-page) .refresh-footer .footer-inner,
body:not(.home-page) .footer .footer-inner {
  display: grid !important;
  grid-template-columns: minmax(260px, auto) minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 22px !important;
  padding: 24px 0 0 !important;
  min-height: 0 !important;
}

body:not(.home-page) .refresh-footer .footer-inner strong,
body:not(.home-page) .footer .footer-inner strong {
  color: rgba(255, 255, 255, .86) !important;
  font-size: 15px !important;
  white-space: nowrap !important;
}

body:not(.home-page) .refresh-footer .footer-inner nav,
body:not(.home-page) .footer .footer-inner nav {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px 24px !important;
  justify-content: center !important;
}

body:not(.home-page) .refresh-footer .footer-inner nav a,
body:not(.home-page) .footer .footer-inner nav a {
  color: rgba(255, 255, 255, .68) !important;
  font-size: 14px !important;
  white-space: nowrap !important;
}

body:not(.home-page) .refresh-footer .footer-inner p,
body:not(.home-page) .footer .footer-inner p {
  margin: 0 !important;
  color: rgba(255, 255, 255, .68) !important;
  font-size: 14px !important;
  white-space: nowrap !important;
}

.focus-page .data-pager {
  width: auto !important;
  max-width: max-content !important;
  margin: 18px auto 28px !important;
  padding: 0 !important;
  gap: 10px !important;
  display: flex !important;
  justify-content: center !important;
}

.focus-page .data-pager button {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}

@media (max-width: 980px) {
  .org-wrap .org-band,
  .org-wrap .org-section {
    grid-template-columns: 1fr !important;
    padding: 14px !important;
  }

  .org-wrap .org-band article,
  .org-wrap .org-section .org-block {
    min-height: 0 !important;
    padding: 20px !important;
  }

  body:not(.home-page) .refresh-footer .footer-cta,
  body:not(.home-page) .footer .footer-cta,
  body:not(.home-page) .refresh-footer .footer-inner,
  body:not(.home-page) .footer .footer-inner {
    grid-template-columns: 1fr !important;
    justify-items: start !important;
  }

  body:not(.home-page) .refresh-footer .footer-inner nav,
  body:not(.home-page) .footer .footer-inner nav {
    justify-content: flex-start !important;
  }

  body:not(.home-page) .refresh-footer .footer-inner strong,
  body:not(.home-page) .footer .footer-inner strong,
  body:not(.home-page) .refresh-footer .footer-inner p,
  body:not(.home-page) .footer .footer-inner p {
    white-space: normal !important;
  }
}

@media (max-width: 780px) {
  body.home-page main > .shell.section,
  body.home-page .resource-grid {
    margin-top: 16px !important;
  }

  body.home-page .home-award-waterfall .award-card.is-growth {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "tag"
      "title"
      "copy"
      "stats" !important;
  }

  body.home-page .resource-grid {
    grid-template-columns: 1fr !important;
  }

  body.home-page .resource-grid .list-head h2 {
    font-size: 30px !important;
  }

  body.home-page .thumb-row {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body.home-page .thumb-row .more {
    display: none !important;
  }

  .focus-page .data-pager button {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
  }
}

/* 20260614 r27: home page vertical rhythm and award/resource balance */
body.home-page main > .shell.section,
body.home-page .resource-grid {
  margin-top: clamp(10px, 1.2vw, 18px) !important;
}

body.home-page main > .shell.section {
  padding-top: clamp(14px, 1.5vw, 22px) !important;
  padding-bottom: clamp(8px, .9vw, 14px) !important;
}

body.home-page #vision.section {
  margin-top: clamp(8px, 1vw, 14px) !important;
  padding-top: clamp(12px, 1.2vw, 18px) !important;
}

body.home-page .section-title,
body.home-page .list-head h2,
body.home-page #vision .section-title-split {
  margin-top: 0 !important;
  margin-bottom: clamp(10px, 1.1vw, 16px) !important;
}

body.home-page .track-grid,
body.home-page .home-award-waterfall,
body.home-page .award-waterfall.home-award-waterfall,
body.home-page .process,
body.home-page .org-band {
  margin-top: clamp(10px, 1.2vw, 18px) !important;
}

body.home-page .home-award-waterfall .award-card.is-growth {
  grid-template-columns: minmax(240px, 1fr) minmax(0, 2fr) !important;
  grid-template-areas:
    "tag title"
    "copy title"
    "copy stats" !important;
  min-height: 260px !important;
  column-gap: clamp(24px, 3vw, 44px) !important;
  row-gap: 10px !important;
  align-items: center !important;
}

body.home-page .home-award-waterfall .award-card.is-growth > p {
  max-width: 27em !important;
  font-size: clamp(14px, .95vw, 16px) !important;
  line-height: 1.62 !important;
}

body.home-page .home-award-waterfall .award-card.is-growth > h3 {
  font-size: clamp(30px, 3vw, 46px) !important;
  line-height: 1.08 !important;
  align-self: end !important;
}

body.home-page .home-award-waterfall .award-card.is-growth > dl {
  align-self: start !important;
}

body.home-page .home-award-waterfall .award-card.is-growth dl div {
  padding: 14px 18px !important;
}

body.home-page .home-award-waterfall .award-card.is-growth dt {
  font-size: 13px !important;
}

body.home-page .home-award-waterfall .award-card.is-growth dd {
  font-size: clamp(20px, 1.65vw, 28px) !important;
  line-height: 1.12 !important;
  word-break: keep-all !important;
}

body.home-page .resource-grid {
  align-items: stretch !important;
}

body.home-page .resource-grid > div {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

body.home-page .resource-grid .thumb-row {
  flex: 1 !important;
  align-items: stretch !important;
}

body.home-page .resource-grid .thumb {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

body.home-page .resource-grid .thumb img {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  object-fit: cover !important;
}

@media (max-width: 780px) {
  body.home-page main > .shell.section,
  body.home-page .resource-grid {
    margin-top: 12px !important;
  }

  body.home-page main > .shell.section {
    padding-top: 14px !important;
  }

  body.home-page .home-award-waterfall .award-card.is-growth {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "tag"
      "title"
      "copy"
      "stats" !important;
    min-height: 0 !important;
  }

  body.home-page .home-award-waterfall .award-card.is-growth > h3 {
    font-size: clamp(26px, 7vw, 34px) !important;
  }

  body.home-page .home-award-waterfall .award-card.is-growth dd {
    font-size: 22px !important;
  }
}

/* 20260614 r28: index image scale, award stat width, and tighter award spacing */
body.home-page .home-priority {
  gap: clamp(12px, 1.5vw, 20px) !important;
}

body.home-page .priority-card {
  min-height: clamp(200px, 19vw, 265px) !important;
  padding: clamp(20px, 2vw, 30px) !important;
}

body.home-page .priority-photo {
  min-height: clamp(190px, 18vw, 245px) !important;
}

body.home-page .priority-card img {
  height: 100% !important;
  object-fit: cover !important;
}

body.home-page .priority-card strong {
  font-size: clamp(25px, 2.45vw, 40px) !important;
  line-height: 1.12 !important;
}

body.home-page .home-award-waterfall,
body.home-page .award-waterfall.home-award-waterfall {
  gap: clamp(14px, 1.6vw, 22px) !important;
}

body.home-page .home-award-waterfall .award-card,
body.home-page .home-award-waterfall .award-card.is-money {
  padding: clamp(22px, 2.1vw, 30px) !important;
  gap: clamp(10px, 1vw, 14px) !important;
  min-height: clamp(330px, 32vw, 430px) !important;
}

body.home-page .home-award-waterfall .award-card dl {
  width: 100% !important;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .8fr) minmax(0, 1fr) !important;
}

body.home-page .home-award-waterfall .award-card dl div {
  padding: clamp(12px, 1.25vw, 18px) clamp(16px, 1.8vw, 24px) !important;
}

body.home-page .home-award-waterfall .award-card dd {
  font-size: clamp(26px, 2.4vw, 40px) !important;
  line-height: 1.08 !important;
}

body.home-page .home-award-waterfall .award-card.is-growth {
  grid-template-columns: minmax(260px, .36fr) minmax(0, .64fr) !important;
  grid-template-areas:
    "tag title"
    "copy title"
    "copy stats" !important;
  min-height: clamp(260px, 24vw, 340px) !important;
  column-gap: clamp(18px, 2.2vw, 34px) !important;
  row-gap: 8px !important;
  padding: clamp(24px, 2.4vw, 34px) !important;
}

body.home-page .home-award-waterfall .award-card.is-growth > p {
  max-width: 22em !important;
  align-self: center !important;
  font-size: clamp(15px, 1.05vw, 18px) !important;
}

body.home-page .home-award-waterfall .award-card.is-growth > h3 {
  align-self: end !important;
  font-size: clamp(32px, 3.05vw, 52px) !important;
  margin-bottom: 0 !important;
}

body.home-page .home-award-waterfall .award-card.is-growth > dl {
  align-self: start !important;
  max-width: none !important;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr) minmax(0, 1fr) !important;
}

body.home-page .home-award-waterfall .award-card.is-growth dd {
  font-size: clamp(20px, 1.55vw, 30px) !important;
  line-height: 1.14 !important;
}

body.home-page .resource-grid {
  gap: clamp(14px, 1.5vw, 20px) !important;
}

body.home-page .resource-grid > div {
  min-height: 0 !important;
  height: auto !important;
  padding: clamp(18px, 1.8vw, 26px) !important;
}

body.home-page .resource-grid .list-head {
  margin-bottom: clamp(10px, 1vw, 14px) !important;
}

body.home-page .resource-grid .list-head h2 {
  font-size: clamp(28px, 2.6vw, 42px) !important;
  max-width: 8.5em !important;
}

body.home-page .resource-grid .thumb-row {
  flex: initial !important;
  min-height: 0 !important;
  gap: clamp(8px, .9vw, 12px) !important;
}

body.home-page .resource-grid .thumb {
  height: auto !important;
}

body.home-page .resource-grid .thumb img {
  flex: none !important;
  height: clamp(76px, 7vw, 112px) !important;
}

@media (max-width: 780px) {
  body.home-page .priority-card,
  body.home-page .priority-photo {
    min-height: 184px !important;
  }

  body.home-page .priority-card strong {
    font-size: clamp(26px, 7vw, 36px) !important;
  }

  body.home-page .home-award-waterfall .award-card,
  body.home-page .home-award-waterfall .award-card.is-money,
  body.home-page .home-award-waterfall .award-card.is-growth {
    min-height: 0 !important;
    padding: 22px !important;
  }

  body.home-page .home-award-waterfall .award-card dl,
  body.home-page .home-award-waterfall .award-card.is-growth > dl {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body.home-page .home-award-waterfall .award-card dd,
  body.home-page .home-award-waterfall .award-card.is-growth dd {
    font-size: clamp(18px, 5.2vw, 24px) !important;
  }

  body.home-page .home-award-waterfall .award-card.is-growth {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "tag"
      "title"
      "copy"
      "stats" !important;
  }

  body.home-page .home-award-waterfall .award-card.is-growth > p {
    max-width: none !important;
  }

  body.home-page .resource-grid .thumb img {
    height: clamp(82px, 24vw, 118px) !important;
  }
}

/* 20260614 r29: tighten award-to-resource spacing on index */
body.home-page .home-awards-section {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

body.home-page .home-awards-section .home-award-waterfall,
body.home-page .home-awards-section .award-waterfall.home-award-waterfall {
  margin-bottom: 0 !important;
}

body.home-page .home-awards-section + .resource-grid {
  margin-top: clamp(4px, .7vw, 10px) !important;
}

body.home-page .home-awards-section + .resource-grid + .section {
  margin-top: clamp(12px, 1.4vw, 20px) !important;
}

@media (max-width: 780px) {
  body.home-page .home-awards-section + .resource-grid {
    margin-top: 8px !important;
  }
}

/* 20260614 r30: unify secondary page footer layout */
body:not(.home-page) .footer.refresh-footer,
body:not(.home-page) .refresh-footer {
  margin-top: clamp(32px, 3.8vw, 54px) !important;
  padding: clamp(32px, 3.6vw, 48px) 0 max(32px, env(safe-area-inset-bottom)) !important;
  background:
    radial-gradient(circle at 78% 18%, rgba(31, 155, 224, .22), transparent 26%),
    linear-gradient(135deg, #073761 0%, #074a82 58%, #063764 100%) !important;
  color: rgba(255, 255, 255, .74) !important;
  overflow: visible !important;
}

body:not(.home-page) .footer.refresh-footer .footer-cta,
body:not(.home-page) .refresh-footer .footer-cta {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  align-items: center !important;
  gap: clamp(18px, 2.8vw, 38px) !important;
  padding: 0 0 clamp(22px, 2.6vw, 32px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, .18) !important;
}

body:not(.home-page) .footer.refresh-footer .footer-cta strong,
body:not(.home-page) .refresh-footer .footer-cta strong {
  color: #fff !important;
  font-size: clamp(28px, 2.4vw, 44px) !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}

body:not(.home-page) .footer.refresh-footer .footer-cta .btn,
body:not(.home-page) .refresh-footer .footer-cta .btn,
body:not(.home-page) .footer.refresh-footer .footer-cta .nav-cta,
body:not(.home-page) .refresh-footer .footer-cta .nav-cta {
  min-width: 148px !important;
  height: 52px !important;
  padding: 0 28px !important;
  justify-content: center !important;
  white-space: nowrap !important;
}

body:not(.home-page) .footer.refresh-footer .footer-cta span,
body:not(.home-page) .refresh-footer .footer-cta span {
  min-width: 92px !important;
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-align: left !important;
  white-space: nowrap !important;
}

body:not(.home-page) .footer.refresh-footer .footer-inner,
body:not(.home-page) .refresh-footer .footer-inner {
  display: grid !important;
  grid-template-columns: minmax(250px, .95fr) minmax(420px, 1.35fr) minmax(450px, 1.35fr) !important;
  align-items: start !important;
  gap: clamp(18px, 2.4vw, 36px) !important;
  min-height: 0 !important;
  padding: clamp(22px, 2.8vw, 34px) 0 0 !important;
}

body:not(.home-page) .footer.refresh-footer .footer-inner strong,
body:not(.home-page) .refresh-footer .footer-inner strong {
  display: block !important;
  color: rgba(255, 255, 255, .88) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.75 !important;
  white-space: normal !important;
}

body:not(.home-page) .footer.refresh-footer .footer-inner nav,
body:not(.home-page) .refresh-footer .footer-inner nav {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  align-content: flex-start !important;
  gap: 12px 22px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body:not(.home-page) .footer.refresh-footer .footer-inner nav a,
body:not(.home-page) .refresh-footer .footer-inner nav a {
  display: inline-flex !important;
  width: auto !important;
  flex: 0 0 auto !important;
  color: rgba(255, 255, 255, .72) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  white-space: nowrap !important;
}

body:not(.home-page) .footer.refresh-footer .footer-inner p,
body:not(.home-page) .refresh-footer .footer-inner p {
  margin: 0 !important;
  color: rgba(255, 255, 255, .70) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.75 !important;
  text-align: right !important;
  white-space: normal !important;
}

@media (max-width: 1180px) {
  body:not(.home-page) .footer.refresh-footer .footer-inner,
  body:not(.home-page) .refresh-footer .footer-inner {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

body:not(.home-page) .footer.refresh-footer .footer-inner p,
  body:not(.home-page) .refresh-footer .footer-inner p {
    text-align: left !important;
  }
}

/* 20260614 r37: table-sourced resources, lightweight KV, compact mobile dropdown */
.home-page .hero-kv-image:not(video) {
  content: url("kv-final/new-youth-main.jpg") !important;
}

.resources-page .page-hero h1 span {
  display: block !important;
}

.resources-page .overview-metrics {
  margin-top: 26px !important;
  gap: 14px !important;
}

.resources-page .overview-metrics article {
  min-height: 0 !important;
  padding: 22px !important;
}

.resources-page .public-list-section {
  padding-top: 34px !important;
}

.resources-page .public-filter {
  grid-template-columns: minmax(160px, .8fr) minmax(160px, .8fr) minmax(240px, 1.4fr) auto !important;
  align-items: end !important;
  gap: 12px !important;
}

.resources-page .public-list {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.resources-page .public-card.resource-table-card {
  min-height: 0 !important;
  padding: 18px !important;
  gap: 10px !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .84) !important;
}

.resources-page .public-card.resource-table-card[hidden] {
  display: none !important;
}

.resources-page .public-card-meta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

.resources-page .public-card-meta small {
  max-width: calc(100% - 48px) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: var(--signal-dark) !important;
  font-weight: 900 !important;
}

.resources-page .public-card-meta span {
  color: rgba(7, 93, 168, .5) !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}

.resources-page .public-card.resource-table-card > strong {
  display: block !important;
  color: var(--ink-strong) !important;
  font-size: clamp(21px, 1.7vw, 28px) !important;
  line-height: 1.18 !important;
}

.resources-page .public-card.resource-table-card p {
  margin: 0 !important;
  color: rgba(8, 47, 99, .72) !important;
  font-size: 15px !important;
  line-height: 1.62 !important;
  -webkit-line-clamp: 3 !important;
}

.resources-page .resource-card-location {
  color: rgba(8, 47, 99, .58) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

.resources-page .data-pager {
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 20px !important;
}

.resources-page .data-pager button,
.detail-pager a {
  min-width: 40px !important;
  min-height: 40px !important;
  white-space: nowrap !important;
  border: 1px solid rgba(16, 123, 214, .25) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .86) !important;
  color: var(--ink) !important;
  font-weight: 900 !important;
}

.resources-page .data-pager button:first-child,
.resources-page .data-pager button:last-child {
  min-width: 78px !important;
  padding: 0 16px !important;
}

.resources-page .data-pager button.active {
  background: var(--signal) !important;
  color: #fff !important;
  border-color: var(--signal) !important;
}

.resources-page .data-pager button:disabled {
  opacity: .42 !important;
}

.resource-detail-card.resource-detail-no-image {
  display: block !important;
  padding: clamp(22px, 3vw, 34px) !important;
}

.resource-detail-no-image .detail-content {
  max-width: none !important;
}

.resource-detail-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

/* 20260614 r39: readable resource detail pages + complete resource pagination */
.resource-detail-page .resource-readable-hero {
  min-height: 0 !important;
  padding: clamp(46px, 5vw, 74px) 0 clamp(32px, 4vw, 48px) !important;
  border-bottom: 1px solid rgba(8, 47, 99, .14) !important;
}

.resource-detail-page .resource-readable-hero h1 {
  max-width: 980px !important;
  margin: 14px 0 16px !important;
  color: var(--ink-strong) !important;
  font-size: clamp(48px, 6.4vw, 92px) !important;
  line-height: .98 !important;
  letter-spacing: 0 !important;
}

.resource-detail-page .resource-readable-hero p {
  max-width: 860px !important;
  margin: 0 0 18px !important;
  color: rgba(8, 47, 99, .72) !important;
  font-size: clamp(17px, 1.45vw, 22px) !important;
  line-height: 1.7 !important;
  font-weight: 750 !important;
}

.resource-detail-page .resource-readable-hero .tag-row {
  margin: 0 0 24px !important;
}

.resource-detail-page .resource-readable-detail {
  padding-top: clamp(28px, 4vw, 48px) !important;
}

.resource-detail-page .resource-info-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(8, 47, 99, .16) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .86) !important;
  box-shadow: 0 18px 44px rgba(8, 47, 99, .06) !important;
}

.resource-detail-page .resource-info-grid .info-cell {
  min-height: 118px !important;
  padding: 22px 24px !important;
  border-right: 1px solid rgba(8, 47, 99, .12) !important;
  border-bottom: 1px solid rgba(8, 47, 99, .12) !important;
  background: transparent !important;
}

.resource-detail-page .resource-info-grid .info-cell:nth-child(3n) {
  border-right: 0 !important;
}

.resource-detail-page .resource-info-grid .info-cell:nth-last-child(-n+3) {
  border-bottom: 0 !important;
}

.resource-detail-page .resource-info-grid .info-cell span {
  display: block !important;
  margin-bottom: 10px !important;
  color: rgba(8, 47, 99, .58) !important;
  font-size: 14px !important;
  font-weight: 850 !important;
}

.resource-detail-page .resource-info-grid .info-cell strong {
  display: block !important;
  color: var(--ink-strong) !important;
  font-size: clamp(19px, 1.6vw, 27px) !important;
  line-height: 1.32 !important;
  font-weight: 900 !important;
  overflow-wrap: anywhere !important;
}

.resource-detail-page .resource-readable-section {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
  margin-top: 22px !important;
}

.resource-detail-page .resource-readable-section > div {
  padding: 22px 24px !important;
  border: 1px solid rgba(8, 47, 99, .14) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .84) !important;
  box-shadow: 0 16px 38px rgba(8, 47, 99, .05) !important;
}

.resource-detail-page .resource-readable-section h2 {
  margin: 0 0 12px !important;
  color: var(--green) !important;
  font-size: clamp(24px, 2vw, 32px) !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
}

.resource-detail-page .resource-readable-section p {
  margin: 0 !important;
  color: rgba(8, 47, 99, .78) !important;
  font-size: clamp(16px, 1.2vw, 18px) !important;
  line-height: 1.9 !important;
  white-space: pre-line !important;
}

.resource-detail-page .readable-pager {
  margin-top: 24px !important;
  display: flex !important;
  justify-content: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

.resource-detail-page .readable-pager a {
  min-width: 112px !important;
  padding: 0 18px !important;
  text-align: center !important;
}

.resource-detail-page .readable-pager a.disabled {
  opacity: .42 !important;
  pointer-events: none !important;
}

@media (max-width: 1180px) {
  .resources-page .public-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .resource-detail-page .resource-info-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .resource-detail-page .resource-info-grid .info-cell:nth-child(3n) {
    border-right: 1px solid rgba(8, 47, 99, .12) !important;
  }

  .resource-detail-page .resource-info-grid .info-cell:nth-child(2n) {
    border-right: 0 !important;
  }

  .resource-detail-page .resource-info-grid .info-cell:nth-last-child(-n+3) {
    border-bottom: 1px solid rgba(8, 47, 99, .12) !important;
  }

  .resource-detail-page .resource-info-grid .info-cell:nth-last-child(-n+1) {
    border-bottom: 0 !important;
  }
}

@media (max-width: 900px) {
  .topbar,
  .refresh-topbar {
    z-index: 9000 !important;
    overflow: visible !important;
  }

  .resource-detail-page .resource-readable-hero {
    padding: 30px 0 24px !important;
  }

  .resource-detail-page .resource-readable-hero h1 {
    font-size: clamp(38px, 11vw, 56px) !important;
    line-height: 1.05 !important;
  }

  .resource-detail-page .resource-info-grid {
    grid-template-columns: 1fr !important;
  }

  .resource-detail-page .resource-info-grid .info-cell,
  .resource-detail-page .resource-info-grid .info-cell:nth-child(2n),
  .resource-detail-page .resource-info-grid .info-cell:nth-child(3n) {
    min-height: 0 !important;
    padding: 18px 20px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(8, 47, 99, .12) !important;
  }

  .resource-detail-page .resource-info-grid .info-cell:last-child {
    border-bottom: 0 !important;
  }

  .resource-detail-page .resource-readable-section > div {
    padding: 18px 20px !important;
  }

  .resource-detail-page .readable-pager {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .resource-detail-page .readable-pager a {
    min-width: 0 !important;
    padding: 0 10px !important;
  }

  .topbar .topbar-inner,
  .refresh-topbar .topbar-inner {
    position: relative !important;
    min-height: 76px !important;
    grid-template-columns: minmax(0, 1fr) 52px !important;
  }

  .menu-toggle {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(16, 123, 214, .28) !important;
    background: rgba(255, 255, 255, .94) !important;
    box-shadow: 0 10px 28px rgba(7, 93, 168, .16) !important;
    z-index: 9200 !important;
  }

  .menu-toggle span {
    display: block !important;
    position: absolute !important;
    left: 14px !important;
    width: 20px !important;
    height: 2px !important;
    border-radius: 2px !important;
    background: var(--ink) !important;
  }

  .menu-toggle span:nth-child(1) { top: 16px !important; }
  .menu-toggle span:nth-child(2) { top: 23px !important; }
  .menu-toggle span:nth-child(3) { top: 30px !important; }

  .menu-toggle.is-open span:nth-child(1) {
    top: 23px !important;
    transform: rotate(45deg) !important;
  }

  .menu-toggle.is-open span:nth-child(2) {
    opacity: 0 !important;
  }

  .menu-toggle.is-open span:nth-child(3) {
    top: 23px !important;
    transform: rotate(-45deg) !important;
  }

  .topbar .nav,
  .refresh-topbar .nav {
    display: none !important;
  }

  .topbar .nav.is-open,
  .refresh-topbar .nav.is-open,
  body.mobile-menu-open .topbar .nav,
  body.mobile-menu-open .refresh-topbar .nav {
    position: fixed !important;
    inset: 82px 12px auto auto !important;
    z-index: 9100 !important;
    display: grid !important;
    width: min(320px, calc(100vw - 24px)) !important;
    max-height: min(70vh, 520px) !important;
    overflow-y: auto !important;
    gap: 8px !important;
    padding: 12px !important;
    border: 1px solid rgba(16, 123, 214, .24) !important;
    border-radius: 18px !important;
    background: rgba(247, 252, 255, .98) !important;
    box-shadow: 0 24px 60px rgba(7, 93, 168, .2) !important;
  }

  .topbar .nav.is-open a,
  .refresh-topbar .nav.is-open a,
  body.mobile-menu-open .topbar .nav a,
  body.mobile-menu-open .refresh-topbar .nav a {
    min-height: 42px !important;
    justify-content: flex-start !important;
    border-radius: 999px !important;
    padding: 0 16px !important;
    background: #fff !important;
    color: var(--ink) !important;
    font-size: 16px !important;
    line-height: 1 !important;
  }

  .topbar .nav.is-open a.active,
  .refresh-topbar .nav.is-open a.active {
    background: rgba(16, 123, 214, .13) !important;
    color: var(--signal-dark) !important;
  }

  .resources-page .page-hero h1 span {
    display: block !important;
  }

  .resources-page .public-filter,
  .resources-page .public-list,
  .resource-detail-grid {
    grid-template-columns: 1fr !important;
  }

  .resources-page .public-card.resource-table-card {
    padding: 16px !important;
  }

  .resources-page .public-card.resource-table-card > strong {
    font-size: 22px !important;
  }
}

@media (max-width: 760px) {
  body:not(.home-page) .footer.refresh-footer,
  body:not(.home-page) .refresh-footer {
    margin-top: 28px !important;
    padding: 28px 0 max(30px, env(safe-area-inset-bottom)) !important;
  }

  body:not(.home-page) .footer.refresh-footer .footer-cta,
  body:not(.home-page) .refresh-footer .footer-cta {
    grid-template-columns: 1fr !important;
    justify-items: start !important;
    gap: 14px !important;
  }

  body:not(.home-page) .footer.refresh-footer .footer-cta .btn,
  body:not(.home-page) .refresh-footer .footer-cta .btn,
  body:not(.home-page) .footer.refresh-footer .footer-cta .nav-cta,
  body:not(.home-page) .refresh-footer .footer-cta .nav-cta {
    width: 100% !important;
    max-width: 240px !important;
  }

  body:not(.home-page) .footer.refresh-footer .footer-inner nav,
  body:not(.home-page) .refresh-footer .footer-inner nav {
    gap: 10px 18px !important;
  }
}

/* 20260614 r31: homepage mobile navigation stays visible as handbook-style pills */
@media (max-width: 900px) {
  body.home-page .topbar {
    position: relative !important;
    overflow: visible !important;
  }

  body.home-page .topbar .topbar-inner {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 14px 0 16px !important;
  }

  body.home-page .topbar .brand-mark {
    width: 150px !important;
  }

  body.home-page .topbar .menu-toggle {
    display: none !important;
  }

  body.home-page .topbar .nav,
  body.home-page.mobile-menu-ready .topbar > .topbar-inner > .nav,
  body.home-page.mobile-menu-open .topbar > .topbar-inner > .nav {
    position: static !important;
    inset: auto !important;
    z-index: auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    overflow: visible !important;
  }

  body.home-page .topbar .nav a,
  body.home-page.mobile-menu-ready .topbar > .topbar-inner > .nav a,
  body.home-page.mobile-menu-open .topbar > .topbar-inner > .nav a {
    display: flex !important;
    min-height: 48px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 12px !important;
    border: 1px solid rgba(30, 150, 230, .28) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .78) !important;
    color: #275987 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  body.home-page .topbar .nav a.active,
  body.home-page.mobile-menu-ready .topbar > .topbar-inner > .nav a.active {
    border-color: rgba(30, 150, 230, .48) !important;
    background: rgba(30, 150, 230, .14) !important;
    color: #006cbb !important;
  }
}

/* 20260614 r32: override earlier homepage drawer rule with visible handbook menu */
@media (max-width: 900px) {
  body.home-page .topbar > .topbar-inner > .nav,
  body.home-page.mobile-menu-ready .topbar > .topbar-inner > .nav,
  body.home-page.mobile-menu-open .topbar > .topbar-inner > .nav {
    position: static !important;
    display: grid !important;
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.home-page .topbar > .topbar-inner > .nav a,
  body.home-page.mobile-menu-ready .topbar > .topbar-inner > .nav a,
  body.home-page.mobile-menu-open .topbar > .topbar-inner > .nav a {
    justify-content: center !important;
    min-height: 48px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(30, 150, 230, .28) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .78) !important;
    color: #275987 !important;
    text-align: center !important;
  }

  body.home-page .topbar > .topbar-inner > .nav a.active {
    border-color: rgba(30, 150, 230, .48) !important;
    background: rgba(30, 150, 230, .14) !important;
    color: #006cbb !important;
  }
}

/* 20260614 r33: keep homepage mobile menu inside viewport */
@media (max-width: 900px) {
  body.home-page .topbar .topbar-inner {
    width: min(100% - 24px, 640px) !important;
    min-width: 0 !important;
  }

  body.home-page .topbar > .topbar-inner > .nav,
  body.home-page.mobile-menu-ready .topbar > .topbar-inner > .nav,
  body.home-page.mobile-menu-open .topbar > .topbar-inner > .nav {
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.home-page .topbar > .topbar-inner > .nav a {
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }
}

/* 20260614 r34: hard-clamp homepage handbook menu to the mobile viewport */
@media (max-width: 900px) {
  html,
  body.home-page {
    max-width: 100%;
    overflow-x: hidden !important;
  }

  body.home-page .topbar {
    width: 100% !important;
    max-width: 100vw !important;
    overflow: hidden !important;
  }

  body.home-page .topbar .topbar-inner {
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  body.home-page .topbar > .topbar-inner > .nav,
  body.home-page.mobile-menu-ready .topbar > .topbar-inner > .nav,
  body.home-page.mobile-menu-open .topbar > .topbar-inner > .nav {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    justify-self: stretch !important;
    justify-content: stretch !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
    overflow: visible !important;
  }

  body.home-page .topbar > .topbar-inner > .nav a,
  body.home-page.mobile-menu-ready .topbar > .topbar-inner > .nav a,
  body.home-page.mobile-menu-open .topbar > .topbar-inner > .nav a {
    min-width: 0 !important;
    max-width: 100% !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    font-size: 14px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
}

@media (max-width: 410px) {
  body.home-page .topbar > .topbar-inner > .nav,
  body.home-page.mobile-menu-ready .topbar > .topbar-inner > .nav,
  body.home-page.mobile-menu-open .topbar > .topbar-inner > .nav {
    gap: 8px 6px !important;
  }
}

/* 20260614 r35: single-column mobile menu prevents any right-edge clipping */
@media (max-width: 700px) {
  body.home-page .topbar > .topbar-inner > .nav,
  body.home-page.mobile-menu-ready .topbar > .topbar-inner > .nav,
  body.home-page.mobile-menu-open .topbar > .topbar-inner > .nav {
    grid-template-columns: 1fr !important;
  }
}

/* 20260614 r38: final unified mobile dropdown menu for every page */
@media (max-width: 900px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden !important;
  }

  .topbar,
  .refresh-topbar,
  body.home-page .topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 10000 !important;
    overflow: visible !important;
    width: 100% !important;
    max-width: 100vw !important;
    background: rgba(247, 252, 255, .96) !important;
    border-bottom: 1px solid rgba(34, 143, 222, .16) !important;
    box-shadow: 0 12px 32px rgba(12, 83, 132, .08) !important;
  }

  .topbar .topbar-inner,
  .refresh-topbar .topbar-inner,
  body.home-page .topbar .topbar-inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 48px !important;
    grid-template-rows: auto !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 66px !important;
    width: min(100% - 24px, 680px) !important;
    max-width: calc(100vw - 24px) !important;
    margin: 0 auto !important;
    padding: 9px 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .topbar .brand-logo,
  .refresh-topbar .brand-logo,
  body.home-page .topbar .brand-mark {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    width: min(176px, 58vw) !important;
    max-width: min(176px, 58vw) !important;
    line-height: 0 !important;
  }

  .topbar .brand-logo img,
  .refresh-topbar .brand-logo img,
  body.home-page .topbar .brand-mark img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
  }

  .topbar .nav-cta,
  .refresh-topbar .nav-cta {
    display: none !important;
  }

  .menu-toggle,
  body.home-page .topbar .menu-toggle,
  body:not(.home-page) .menu-toggle,
  .refresh-topbar .menu-toggle {
    display: flex !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: center !important;
    position: relative !important;
    z-index: 10020 !important;
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    border: 1px solid rgba(34, 143, 222, .34) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .94) !important;
    box-shadow: 0 10px 24px rgba(28, 126, 198, .16) !important;
    color: #06386d !important;
    cursor: pointer !important;
  }

  .menu-toggle span,
  .menu-toggle::before,
  .menu-toggle::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    width: 18px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: currentColor !important;
    transform: translateX(-50%) !important;
    opacity: 1 !important;
    transition: transform .18s ease, opacity .18s ease, top .18s ease !important;
  }

  .menu-toggle span {
    top: 21px !important;
  }

  .menu-toggle::before {
    top: 15px !important;
  }

  .menu-toggle::after {
    top: 27px !important;
  }

  .menu-toggle.is-open span,
  .menu-toggle[aria-expanded="true"] span {
    opacity: 0 !important;
  }

  .menu-toggle.is-open::before,
  .menu-toggle[aria-expanded="true"]::before {
    top: 21px !important;
    transform: translateX(-50%) rotate(45deg) !important;
  }

  .menu-toggle.is-open::after,
  .menu-toggle[aria-expanded="true"]::after {
    top: 21px !important;
    transform: translateX(-50%) rotate(-45deg) !important;
  }

  .topbar .nav,
  .refresh-topbar .nav,
  body.home-page .topbar > .topbar-inner > .nav,
  body.home-page.mobile-menu-ready .topbar > .topbar-inner > .nav,
  body.home-page.mobile-menu-open .topbar > .topbar-inner > .nav {
    position: fixed !important;
    top: 74px !important;
    right: 12px !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 10010 !important;
    display: none !important;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
    width: min(310px, calc(100vw - 24px)) !important;
    max-width: calc(100vw - 24px) !important;
    max-height: min(68vh, 520px) !important;
    margin: 0 !important;
    padding: 12px !important;
    border: 1px solid rgba(34, 143, 222, .26) !important;
    border-radius: 18px !important;
    background: rgba(248, 253, 255, .98) !important;
    box-shadow: 0 24px 60px rgba(9, 67, 112, .2) !important;
    overflow-y: auto !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    box-sizing: border-box !important;
  }

  .topbar .nav.is-open,
  .refresh-topbar .nav.is-open,
  body.mobile-menu-open .topbar .nav,
  body.mobile-menu-open .refresh-topbar .nav,
  body.home-page.mobile-menu-open .topbar > .topbar-inner > .nav,
  body.home-page .topbar > .topbar-inner > .nav.is-open {
    display: grid !important;
  }

  .topbar .nav a,
  .refresh-topbar .nav a,
  body.home-page .topbar > .topbar-inner > .nav a,
  body.home-page.mobile-menu-ready .topbar > .topbar-inner > .nav a,
  body.home-page.mobile-menu-open .topbar > .topbar-inner > .nav a {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-height: 42px !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 15px !important;
    border: 1px solid rgba(34, 143, 222, .18) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .86) !important;
    color: #174a79 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
  }

  .topbar .nav a.active,
  .refresh-topbar .nav a.active,
  body.home-page .topbar > .topbar-inner > .nav a.active {
    border-color: rgba(30, 150, 230, .52) !important;
    background: rgba(30, 150, 230, .16) !important;
    color: #006cbb !important;
  }

  .topbar .nav a::after,
  .refresh-topbar .nav a::after,
  body.home-page .topbar > .topbar-inner > .nav a::after {
    content: none !important;
  }
}

/* r41: focus overview carousel card reset */
.focus-page .focus-scroll-panel {
  padding: 16px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

.focus-page .focus-summary-scroll {
  display: flex !important;
  grid-template-columns: none !important;
  gap: 16px !important;
  width: max-content !important;
  min-width: 100% !important;
  align-items: stretch !important;
}

.focus-page .focus-summary-scroll .focus-summary-card,
.focus-page .focus-summary-scroll .focus-summary-link {
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
  grid-template-areas:
    "num title"
    "meta meta"
    "tags tags"
    "copy copy" !important;
  align-content: start !important;
  align-items: start !important;
  gap: 12px 18px !important;
  width: clamp(330px, 29vw, 410px) !important;
  min-width: clamp(330px, 29vw, 410px) !important;
  max-width: clamp(330px, 29vw, 410px) !important;
  min-height: 260px !important;
  height: auto !important;
  padding: 26px !important;
  border: 1px solid rgba(16, 123, 214, .18) !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, .88) !important;
  box-shadow: 0 14px 38px rgba(16, 123, 214, .07) !important;
  overflow: hidden !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

.focus-page .focus-summary-scroll .focus-summary-card strong {
  grid-area: num !important;
  display: grid !important;
  place-items: center !important;
  width: 50px !important;
  height: 50px !important;
  margin: 0 !important;
  border: 1px solid rgba(28, 152, 223, .28) !important;
  border-radius: 999px !important;
  background: rgba(239, 248, 255, .94) !important;
  color: #0d84d8 !important;
  font-size: 24px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  writing-mode: horizontal-tb !important;
}

.focus-page .focus-summary-scroll .focus-summary-card h3 {
  grid-area: title !important;
  margin: 4px 0 0 !important;
  color: #071f47 !important;
  font-size: clamp(22px, 1.55vw, 28px) !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
  white-space: normal !important;
  word-break: keep-all !important;
  overflow-wrap: break-word !important;
  writing-mode: horizontal-tb !important;
}

.focus-page .focus-summary-scroll .focus-summary-card p,
.focus-page .focus-summary-scroll .focus-summary-card small {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  color: rgba(7, 31, 71, .62) !important;
  white-space: normal !important;
  word-break: keep-all !important;
  overflow-wrap: break-word !important;
  writing-mode: horizontal-tb !important;
}

.focus-page .focus-summary-scroll .focus-summary-card p {
  grid-area: meta !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
}

.focus-page .focus-summary-scroll .focus-summary-card small {
  grid-area: copy !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  font-size: 15px !important;
  font-weight: 750 !important;
  line-height: 1.62 !important;
}

.focus-page .focus-summary-scroll .focus-summary-card div {
  grid-area: tags !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-content: flex-start !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.focus-page .focus-summary-scroll .focus-summary-card div span {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 28px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(112, 184, 44, .34) !important;
  background: rgba(255, 255, 255, .82) !important;
  color: #0b67ad !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  writing-mode: horizontal-tb !important;
}

@media (max-width: 780px) {
  .focus-page .focus-scroll-panel {
    padding: 12px !important;
  }

  .focus-page .focus-summary-scroll {
    gap: 12px !important;
  }

  .focus-page .focus-summary-scroll .focus-summary-card,
  .focus-page .focus-summary-scroll .focus-summary-link {
    grid-template-columns: 50px minmax(0, 1fr) !important;
    width: min(82vw, 340px) !important;
    min-width: min(82vw, 340px) !important;
    max-width: min(82vw, 340px) !important;
    min-height: 236px !important;
    padding: 20px !important;
    gap: 10px 14px !important;
  }

  .focus-page .focus-summary-scroll .focus-summary-card strong {
    width: 44px !important;
    height: 44px !important;
    font-size: 22px !important;
  }

  .focus-page .focus-summary-scroll .focus-summary-card h3 {
    font-size: 22px !important;
  }
}

/* r42: focus point overview grid with complete cards */
.focus-page .focus-overview-panel {
  padding: clamp(18px, 2vw, 28px) !important;
  border: 1px solid rgba(34, 143, 222, .18) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, .7) !important;
  box-shadow: 0 18px 54px rgba(16, 123, 214, .08) !important;
}

.focus-page .focus-point-overview-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  width: 100% !important;
  min-width: 0 !important;
  align-items: stretch !important;
}

.focus-page .focus-point-overview-grid .focus-summary-card,
.focus-page .focus-point-overview-grid .focus-summary-link {
  display: grid !important;
  grid-template-columns: 80px minmax(0, 1fr) !important;
  grid-template-areas:
    "num title"
    "meta tags" !important;
  align-content: start !important;
  align-items: start !important;
  gap: 24px 22px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 216px !important;
  height: 100% !important;
  padding: 30px 32px !important;
  border: 1px solid rgba(7, 31, 71, .13) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .9) !important;
  box-shadow: 0 12px 30px rgba(7, 31, 71, .045) !important;
  overflow: hidden !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

.focus-page .focus-point-overview-grid .focus-summary-card[hidden] {
  display: none !important;
}

.focus-page .focus-point-overview-grid .focus-summary-card strong {
  grid-area: num !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: -2px 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #58af1f !important;
  font-size: clamp(34px, 3.3vw, 48px) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  writing-mode: horizontal-tb !important;
}

.focus-page .focus-point-overview-grid .focus-summary-card h3 {
  grid-area: title !important;
  margin: 4px 0 0 !important;
  color: #071f47 !important;
  font-size: clamp(24px, 2vw, 34px) !important;
  line-height: 1.18 !important;
  font-weight: 900 !important;
  white-space: normal !important;
  word-break: keep-all !important;
  overflow-wrap: break-word !important;
  writing-mode: horizontal-tb !important;
}

.focus-page .focus-point-overview-grid .focus-summary-card p {
  grid-area: meta !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  color: rgba(7, 31, 71, .58) !important;
  font-size: clamp(17px, 1.35vw, 23px) !important;
  line-height: 1.55 !important;
  font-weight: 650 !important;
  white-space: normal !important;
  word-break: keep-all !important;
  overflow-wrap: break-word !important;
  writing-mode: horizontal-tb !important;
}

.focus-page .focus-point-overview-grid .focus-summary-card small {
  display: none !important;
}

.focus-page .focus-point-overview-grid .focus-summary-card div {
  grid-area: tags !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-content: flex-start !important;
  gap: 10px !important;
  min-width: 0 !important;
}

.focus-page .focus-point-overview-grid .focus-summary-card div span {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(112, 184, 44, .36) !important;
  border-radius: 0 !important;
  background: rgba(255, 255, 255, .82) !important;
  color: #3baa16 !important;
  font-size: clamp(14px, .95vw, 17px) !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  writing-mode: horizontal-tb !important;
}

.focus-page .focus-overview-pager {
  margin: 24px 0 0 !important;
}

@media (max-width: 1180px) {
  .focus-page .focus-point-overview-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  .focus-page .focus-point-overview-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .focus-page .focus-point-overview-grid .focus-summary-card,
  .focus-page .focus-point-overview-grid .focus-summary-link {
    grid-template-columns: 58px minmax(0, 1fr) !important;
    gap: 16px 14px !important;
    min-height: 180px !important;
    padding: 22px !important;
  }

  .focus-page .focus-point-overview-grid .focus-summary-card strong {
    font-size: 34px !important;
  }

  .focus-page .focus-point-overview-grid .focus-summary-card h3 {
    font-size: 24px !important;
  }

  .focus-page .focus-point-overview-grid .focus-summary-card p {
    font-size: 16px !important;
  }

  .focus-page .focus-point-overview-grid .focus-summary-card div span {
    min-height: 30px !important;
    font-size: 13px !important;
  }
}

/* 20260615 r43: live signup management entry and final visual tightening */
body.home-page #vision.section,
body.home-page .shell.section,
body.home-page .resource-grid {
  margin-top: clamp(22px, 2.4vw, 38px) !important;
  margin-bottom: clamp(22px, 2.4vw, 38px) !important;
}

body.home-page .home-awards-section {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

body.home-page .home-awards-section + .resource-grid {
  margin-top: clamp(10px, 1.2vw, 18px) !important;
}

body.home-page .home-award-waterfall .award-card,
body.home-page .home-award-waterfall .award-card.is-money {
  min-height: 0 !important;
  padding: clamp(24px, 2.6vw, 38px) !important;
}

body.home-page .home-award-waterfall .award-card dl {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}

body.home-page .home-award-waterfall .award-card dl div {
  padding: clamp(14px, 1.35vw, 22px) clamp(14px, 1.5vw, 24px) !important;
}

body.home-page .home-award-waterfall .award-card dd {
  font-size: clamp(30px, 3vw, 54px) !important;
  line-height: 1.08 !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}

body.home-page .home-award-waterfall .award-card.is-growth {
  grid-template-columns: minmax(0, .34fr) minmax(0, .66fr) !important;
  gap: clamp(20px, 2.5vw, 42px) !important;
}

body.home-page .home-award-waterfall .award-card.is-growth > dl {
  width: 100% !important;
  max-width: none !important;
  align-self: center !important;
}

body.home-page .home-award-waterfall .award-card.is-growth dd {
  font-size: clamp(24px, 2.25vw, 40px) !important;
  line-height: 1.1 !important;
}

body.home-page .resource-grid {
  gap: clamp(18px, 2vw, 28px) !important;
}

body.home-page .resource-grid > div {
  min-height: clamp(250px, 22vw, 315px) !important;
  padding: clamp(22px, 2.5vw, 36px) !important;
}

body.home-page .resource-grid .list-head h2 {
  font-size: clamp(34px, 4vw, 60px) !important;
  line-height: 1.08 !important;
}

.awards-page .page-hero-awards.full-bleed-hero {
  min-height: clamp(420px, 38vw, 560px) !important;
  display: flex !important;
  align-items: center !important;
}

.awards-page .page-hero-awards .page-hero-content {
  display: grid !important;
  grid-template-columns: minmax(250px, .9fr) minmax(320px, 1.1fr) !important;
  grid-template-areas:
    "eyebrow title"
    "copy actions" !important;
  align-items: end !important;
  gap: clamp(18px, 2.4vw, 36px) clamp(32px, 5vw, 92px) !important;
}

.awards-page .page-hero-awards .page-hero-content span {
  grid-area: eyebrow !important;
  align-self: center !important;
}

.awards-page .page-hero-awards .page-hero-content h1 {
  grid-area: title !important;
  margin: 0 !important;
  font-size: clamp(54px, 7vw, 108px) !important;
  line-height: .98 !important;
  text-align: left !important;
}

.awards-page .page-hero-awards .page-hero-content > p {
  grid-area: copy !important;
  max-width: 620px !important;
  margin: 0 !important;
  color: #0b3a6a !important;
  font-size: clamp(18px, 1.6vw, 26px) !important;
  line-height: 1.45 !important;
  font-weight: 800 !important;
}

.awards-page .page-hero-awards .hero-actions {
  grid-area: actions !important;
  margin: 0 !important;
  justify-content: flex-start !important;
}

.focus-page .section-heading h2 {
  font-size: clamp(40px, 5vw, 78px) !important;
  line-height: 1.05 !important;
}

.focus-page .section-heading p {
  font-size: clamp(17px, 1.35vw, 22px) !important;
  line-height: 1.55 !important;
}

.focus-page .focus-overview-panel {
  padding: clamp(14px, 1.7vw, 24px) !important;
}

.focus-page .focus-point-overview-grid {
  gap: clamp(14px, 1.5vw, 22px) !important;
}

.focus-page .focus-point-overview-grid .focus-summary-card,
.focus-page .focus-point-overview-grid .focus-summary-link {
  grid-template-columns: 56px minmax(0, 1fr) !important;
  gap: 16px 18px !important;
  min-height: 178px !important;
  padding: clamp(20px, 2vw, 28px) !important;
}

.focus-page .focus-point-overview-grid .focus-summary-card strong {
  font-size: clamp(28px, 2.6vw, 40px) !important;
}

.focus-page .focus-point-overview-grid .focus-summary-card h3 {
  font-size: clamp(22px, 1.75vw, 30px) !important;
  line-height: 1.18 !important;
}

.focus-page .focus-point-overview-grid .focus-summary-card p {
  font-size: clamp(14px, 1.05vw, 17px) !important;
  line-height: 1.55 !important;
}

.focus-page .focus-point-overview-grid .focus-summary-card div {
  gap: 8px !important;
}

.focus-page .focus-point-overview-grid .focus-summary-card div span {
  min-height: 28px !important;
  padding: 0 10px !important;
  font-size: clamp(12px, .8vw, 14px) !important;
}

.admin-entry {
  margin-top: clamp(22px, 3vw, 42px) !important;
  margin-bottom: clamp(22px, 3vw, 42px) !important;
  display: flex !important;
  justify-content: center !important;
}

.admin-entry a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 0 24px !important;
  border: 1px solid rgba(31, 155, 224, .38) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .76) !important;
  color: #075fa8 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  box-shadow: 0 10px 26px rgba(7, 31, 71, .06) !important;
}

@media (max-width: 900px) {
  body.home-page .home-award-waterfall .award-card.is-growth {
    grid-template-columns: 1fr !important;
  }

  body.home-page .home-award-waterfall .award-card dd,
  body.home-page .home-award-waterfall .award-card.is-growth dd {
    font-size: 28px !important;
  }

  .awards-page .page-hero-awards .page-hero-content {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "eyebrow"
      "title"
      "copy"
      "actions" !important;
    align-items: start !important;
  }

  .awards-page .page-hero-awards .page-hero-content h1 {
    font-size: clamp(48px, 15vw, 72px) !important;
  }
}

@media (max-width: 760px) {
  body.home-page #vision.section,
  body.home-page .shell.section,
  body.home-page .resource-grid {
    margin-top: 18px !important;
    margin-bottom: 22px !important;
  }

  body.home-page .resource-grid > div {
    min-height: 0 !important;
  }

  .focus-page .section-heading h2 {
    font-size: 38px !important;
  }

  .focus-page .focus-point-overview-grid .focus-summary-card,
  .focus-page .focus-point-overview-grid .focus-summary-link {
    grid-template-columns: 46px minmax(0, 1fr) !important;
    min-height: 156px !important;
    padding: 18px !important;
  }

  .focus-page .focus-point-overview-grid .focus-summary-card strong {
    font-size: 28px !important;
  }

  .focus-page .focus-point-overview-grid .focus-summary-card h3 {
    font-size: 22px !important;
  }
}

/* 20260615 r44: index award block final compact pass */
body.home-page .home-awards-section {
  margin-top: clamp(18px, 1.6vw, 28px) !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

body.home-page .home-awards-section + .resource-grid {
  margin-top: clamp(8px, .8vw, 14px) !important;
}

body.home-page .home-awards-section + .resource-grid + .section {
  margin-top: clamp(18px, 1.8vw, 30px) !important;
}

body.home-page .home-award-waterfall,
body.home-page .award-waterfall.home-award-waterfall {
  gap: clamp(16px, 1.5vw, 24px) !important;
}

body.home-page .home-award-waterfall .award-card,
body.home-page .home-award-waterfall .award-card.is-money {
  min-height: auto !important;
  padding: clamp(20px, 2vw, 30px) !important;
}

body.home-page .home-award-waterfall .award-card h3 {
  margin-bottom: clamp(18px, 1.8vw, 28px) !important;
}

body.home-page .home-award-waterfall .award-card p {
  margin-bottom: clamp(18px, 1.8vw, 26px) !important;
}

body.home-page .home-award-waterfall .award-card dl {
  grid-template-columns: minmax(0, 1fr) minmax(0, .72fr) minmax(0, 1fr) !important;
  min-height: 108px !important;
  width: 100% !important;
  max-width: none !important;
}

body.home-page .home-award-waterfall .award-card dl div {
  min-width: 0 !important;
  padding: 12px 18px !important;
}

body.home-page .home-award-waterfall .award-card dt {
  font-size: clamp(13px, .9vw, 16px) !important;
  line-height: 1.25 !important;
}

body.home-page .home-award-waterfall .award-card dd {
  font-size: clamp(24px, 2.15vw, 36px) !important;
  line-height: 1.08 !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}

body.home-page .home-award-waterfall .award-card dd br {
  display: none !important;
}

body.home-page .home-award-waterfall .award-card.is-growth {
  grid-template-columns: minmax(0, .32fr) minmax(0, .68fr) !important;
  align-items: center !important;
  gap: clamp(18px, 2vw, 34px) !important;
  min-height: clamp(250px, 22vw, 320px) !important;
  padding: clamp(22px, 2.2vw, 32px) !important;
}

body.home-page .home-award-waterfall .award-card.is-growth > p {
  align-self: center !important;
  max-width: 420px !important;
  font-size: clamp(15px, 1.15vw, 19px) !important;
  line-height: 1.75 !important;
  margin: 0 !important;
}

body.home-page .home-award-waterfall .award-card.is-growth > h3 {
  align-self: center !important;
  font-size: clamp(28px, 3.2vw, 50px) !important;
  line-height: 1.05 !important;
  margin: 0 !important;
}

body.home-page .home-award-waterfall .award-card.is-growth > dl {
  align-self: center !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 98px !important;
}

body.home-page .home-award-waterfall .award-card.is-growth dl div {
  padding: 14px 18px !important;
}

body.home-page .home-award-waterfall .award-card.is-growth dd {
  font-size: clamp(22px, 1.9vw, 34px) !important;
  line-height: 1.12 !important;
  white-space: nowrap !important;
}

body.home-page .resource-grid {
  margin-top: clamp(8px, .8vw, 14px) !important;
  gap: clamp(16px, 1.5vw, 24px) !important;
  align-items: stretch !important;
}

body.home-page .resource-grid > div {
  min-height: clamp(245px, 18vw, 300px) !important;
  height: 100% !important;
  padding: clamp(20px, 2vw, 30px) !important;
}

body.home-page .resource-grid .list-head {
  align-items: flex-start !important;
  gap: 16px !important;
}

body.home-page .resource-grid .list-head h2 {
  font-size: clamp(34px, 3.5vw, 54px) !important;
  line-height: 1.04 !important;
}

body.home-page .resource-grid .thumb-row {
  margin-top: clamp(18px, 1.8vw, 26px) !important;
}

@media (max-width: 900px) {
  body.home-page .home-award-waterfall .award-card dd,
  body.home-page .home-award-waterfall .award-card.is-growth dd {
    font-size: 24px !important;
    white-space: normal !important;
  }

  body.home-page .home-award-waterfall .award-card.is-growth {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }
}

/* 20260615 r45: public cache-bust final compact award table */
body.home-page section.shell.section .home-award-waterfall .award-card dl dd {
  font-size: clamp(20px, 1.75vw, 30px) !important;
  line-height: 1.02 !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}

body.home-page section.shell.section .home-award-waterfall .award-card dl {
  grid-template-columns: minmax(0, 1.02fr) minmax(0, .72fr) minmax(0, 1fr) !important;
  min-height: 90px !important;
}

body.home-page section.shell.section .home-award-waterfall .award-card dl div {
  padding: 10px 16px !important;
}

body.home-page section.shell.section .home-award-waterfall .award-card.is-growth dl dd {
  font-size: clamp(19px, 1.55vw, 28px) !important;
}

body.home-page .award-waterfall.home-award-waterfall {
  gap: clamp(14px, 1.35vw, 22px) !important;
  margin-bottom: clamp(10px, 1vw, 16px) !important;
}

body.home-page .award-waterfall.home-award-waterfall + .resource-grid {
  margin-top: 0 !important;
}

/* 20260616 r46: homepage video hero and final compact spacing */
body.home-page .hero-kv-stage {
  overflow: hidden !important;
}

body.home-page .hero-kv-video {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
  object-position: center center !important;
  background: #eef8ff !important;
}

body.home-page main > .shell.section,
body.home-page #vision.section,
body.home-page #organizers.section {
  margin-top: clamp(12px, 1.1vw, 20px) !important;
  margin-bottom: clamp(10px, .9vw, 16px) !important;
  padding-top: clamp(12px, 1.1vw, 20px) !important;
  padding-bottom: clamp(8px, .7vw, 14px) !important;
}

body.home-page .section-title,
body.home-page .list-head {
  margin-bottom: clamp(10px, 1vw, 18px) !important;
}

body.home-page .home-awards-section {
  margin-top: clamp(10px, .9vw, 16px) !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

body.home-page .award-waterfall.home-award-waterfall {
  gap: clamp(10px, .9vw, 16px) !important;
  margin-bottom: 0 !important;
}

body.home-page .home-award-waterfall .award-card,
body.home-page .home-award-waterfall .award-card.is-money {
  min-height: clamp(250px, 20vw, 320px) !important;
  padding: clamp(18px, 1.6vw, 26px) !important;
  gap: clamp(8px, .75vw, 12px) !important;
}

body.home-page .home-award-waterfall .award-card h3 {
  margin: 0 0 clamp(6px, .65vw, 10px) !important;
  font-size: clamp(24px, 2.35vw, 38px) !important;
  line-height: 1.04 !important;
}

body.home-page .home-award-waterfall .award-card p {
  margin: 0 0 clamp(8px, .7vw, 12px) !important;
  font-size: clamp(14px, .92vw, 16px) !important;
  line-height: 1.52 !important;
}

body.home-page section.shell.section .home-award-waterfall .award-card dl,
body.home-page .home-award-waterfall .award-card dl {
  min-height: 74px !important;
  margin: 0 !important;
}

body.home-page section.shell.section .home-award-waterfall .award-card dl div,
body.home-page .home-award-waterfall .award-card dl div {
  padding: 8px 12px !important;
}

body.home-page section.shell.section .home-award-waterfall .award-card dl dd,
body.home-page .home-award-waterfall .award-card dd,
body.home-page .home-award-waterfall .award-card.is-growth dd {
  font-size: clamp(18px, 1.25vw, 24px) !important;
  line-height: 1.06 !important;
  white-space: nowrap !important;
}

body.home-page .home-award-waterfall .award-card.is-growth {
  grid-template-columns: minmax(0, .32fr) minmax(0, .68fr) !important;
  min-height: clamp(220px, 17vw, 270px) !important;
  padding: clamp(18px, 1.6vw, 26px) !important;
  gap: clamp(10px, 1vw, 18px) !important;
}

body.home-page .home-award-waterfall .award-card.is-growth > h3 {
  font-size: clamp(26px, 2.6vw, 40px) !important;
  line-height: 1.04 !important;
}

body.home-page .home-award-waterfall .award-card.is-growth > p {
  max-width: 360px !important;
  font-size: clamp(14px, .95vw, 16px) !important;
  line-height: 1.55 !important;
}

body.home-page .home-award-waterfall .award-card.is-growth > dl {
  min-height: 74px !important;
}

body.home-page .home-awards-section + .resource-grid,
body.home-page .resource-grid {
  margin-top: clamp(6px, .5vw, 10px) !important;
  margin-bottom: clamp(10px, .9vw, 16px) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  gap: clamp(12px, 1vw, 18px) !important;
}

body.home-page .resource-grid > div {
  min-height: clamp(220px, 16vw, 265px) !important;
  padding: clamp(16px, 1.45vw, 24px) !important;
}

body.home-page .resource-grid .list-head {
  margin-bottom: clamp(6px, .6vw, 10px) !important;
}

body.home-page .resource-grid .list-head h2 {
  font-size: clamp(30px, 2.8vw, 46px) !important;
  line-height: 1.05 !important;
}

body.home-page .resource-grid .thumb-row {
  margin-top: clamp(8px, .8vw, 14px) !important;
}

body.home-page .resource-grid + .section,
body.home-page .resource-grid + .section + #organizers {
  margin-top: clamp(10px, .9vw, 16px) !important;
}

body.home-page .process {
  padding: clamp(14px, 1.4vw, 24px) !important;
}

body.home-page #organizers .org-band {
  margin-top: clamp(8px, .8vw, 14px) !important;
}

@media (max-width: 760px) {
  body.home-page .home-award-waterfall .award-card,
  body.home-page .home-award-waterfall .award-card.is-growth {
    min-height: 0 !important;
  }

  body.home-page .home-award-waterfall .award-card dd,
  body.home-page .home-award-waterfall .award-card.is-growth dd {
    font-size: 20px !important;
    white-space: normal !important;
  }
}

/* 20260616 r47: force homepage compact production layout */
body.home-page .home-awards-section {
  padding-top: 10px !important;
  padding-bottom: 4px !important;
  margin-top: 10px !important;
  margin-bottom: 0 !important;
}

body.home-page .home-awards-section .section-title {
  margin: 0 0 14px !important;
}

body.home-page .home-award-waterfall,
body.home-page .award-waterfall.home-award-waterfall {
  gap: 14px !important;
  margin: 0 !important;
  align-items: start !important;
}

body.home-page .home-award-waterfall .award-card,
body.home-page .home-award-waterfall .award-card.is-money {
  height: auto !important;
  min-height: 0 !important;
  padding: 22px 24px 20px !important;
  gap: 8px !important;
  justify-content: flex-start !important;
}

body.home-page .home-award-waterfall .award-card > span {
  margin-bottom: 8px !important;
}

body.home-page .home-award-waterfall .award-card h3 {
  margin: 0 0 8px !important;
  font-size: clamp(24px, 2.15vw, 34px) !important;
  line-height: 1.06 !important;
}

body.home-page .home-award-waterfall .award-name-prefix,
body.home-page .home-award-waterfall .award-name-title {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body.home-page .home-award-waterfall .award-card p {
  margin: 0 0 12px !important;
  font-size: clamp(14px, .9vw, 16px) !important;
  line-height: 1.55 !important;
}

body.home-page .home-award-waterfall .award-card dl,
body.home-page .home-award-waterfall .award-card.is-growth dl,
body.home-page .home-award-waterfall .award-card.is-growth > dl {
  margin: 0 !important;
  margin-top: 0 !important;
  min-height: 0 !important;
}

body.home-page .home-award-waterfall .award-card dl div {
  padding: 9px 12px !important;
  min-width: 0 !important;
}

body.home-page .home-award-waterfall .award-card dt {
  font-size: 12px !important;
  line-height: 1.2 !important;
}

body.home-page .home-award-waterfall .award-card dd,
body.home-page .home-award-waterfall .award-card.is-growth dd {
  margin-top: 5px !important;
  font-size: clamp(20px, 1.55vw, 28px) !important;
  line-height: 1.04 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

body.home-page .home-award-waterfall .award-card.is-growth {
  grid-template-columns: minmax(0, .32fr) minmax(0, .68fr) !important;
  align-items: center !important;
  gap: 18px !important;
  padding: 22px 24px !important;
}

body.home-page .home-award-waterfall .award-card.is-growth > p {
  max-width: 420px !important;
  margin: 0 !important;
}

body.home-page .home-awards-section + .resource-grid,
body.home-page .resource-grid {
  margin-top: 6px !important;
  padding-top: 0 !important;
  gap: 14px !important;
}

body.home-page .resource-grid > div {
  min-height: 225px !important;
  padding: 22px !important;
}

body.home-page .resource-grid .list-head h2 {
  font-size: clamp(34px, 3vw, 48px) !important;
}

body.home-page .resource-grid + .section,
body.home-page .section:has(.process),
body.home-page #organizers {
  margin-top: 14px !important;
  padding-top: 12px !important;
}

body.home-page .process {
  margin-top: 0 !important;
  padding: 18px 20px !important;
}

body.home-page #organizers .section-title {
  margin-bottom: 14px !important;
}

/* 20260616 r51: local homepage video hero and compact homepage layout */
body.home-page .hero-kv-stage {
  max-width: min(1580px, calc(100vw - 56px)) !important;
}

body.home-page .hero-kv-video {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  background: #f7fbff !important;
}

body.home-page .hero-kv-actions {
  margin-top: 14px !important;
}

body.home-page .home-awards-block {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

body.home-page .home-awards-block .list-head {
  margin-bottom: 12px !important;
  align-items: end !important;
}

body.home-page .home-awards-block .list-head h2 {
  margin: 0 !important;
  font-size: clamp(40px, 4.4vw, 64px) !important;
  line-height: 1 !important;
}

body.home-page .home-awards-block .home-award-waterfall {
  gap: 16px !important;
  margin: 0 !important;
  align-items: stretch !important;
}

body.home-page .home-awards-block .award-card,
body.home-page .home-awards-block .award-card.is-money {
  min-height: 0 !important;
  height: auto !important;
  padding: 24px 28px !important;
  gap: 10px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}

body.home-page .home-awards-block .award-card > span {
  margin-bottom: 8px !important;
}

body.home-page .home-awards-block .award-card h3 {
  margin: 0 0 10px !important;
  font-size: clamp(28px, 2.6vw, 40px) !important;
  line-height: 1.08 !important;
}

body.home-page .home-awards-block .award-name-prefix {
  display: block !important;
  font-size: .7em !important;
  line-height: 1.1 !important;
}

body.home-page .home-awards-block .award-card p {
  margin: 0 0 16px !important;
  font-size: clamp(15px, .95vw, 17px) !important;
  line-height: 1.52 !important;
}

body.home-page .home-awards-block .award-card dl {
  margin-top: auto !important;
  min-height: 0 !important;
  height: auto !important;
}

body.home-page .home-awards-block .award-card dl div {
  min-height: 68px !important;
  padding: 10px 14px !important;
}

body.home-page .home-awards-block .award-card dt {
  font-size: 12px !important;
  line-height: 1.2 !important;
}

body.home-page .home-awards-block .award-card dd {
  margin-top: 5px !important;
  font-size: clamp(24px, 2vw, 32px) !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
}

body.home-page .home-awards-block .award-card.is-growth {
  display: grid !important;
  grid-template-columns: minmax(0, .34fr) minmax(0, .66fr) !important;
  align-items: center !important;
  min-height: 230px !important;
  padding: 22px 28px !important;
  column-gap: 22px !important;
  row-gap: 10px !important;
}

body.home-page .home-awards-block .award-card.is-growth > span {
  align-self: start !important;
}

body.home-page .home-awards-block .award-card.is-growth > h3 {
  margin: 0 !important;
  font-size: clamp(26px, 2.5vw, 38px) !important;
}

body.home-page .home-awards-block .award-card.is-growth > p {
  margin: 0 !important;
  max-width: 430px !important;
}

body.home-page .home-awards-block .award-card.is-growth > dl {
  margin: 0 !important;
  width: 100% !important;
}

body.home-page .home-awards-block + .resource-grid,
body.home-page .resource-grid {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  gap: 16px !important;
}

body.home-page .resource-grid > div {
  min-height: 250px !important;
  height: 250px !important;
  padding: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}

body.home-page .resource-grid .list-head {
  margin-bottom: 12px !important;
}

body.home-page .resource-grid .list-head h2 {
  font-size: clamp(36px, 3.3vw, 54px) !important;
  line-height: 1.02 !important;
}

body.home-page .resource-grid .thumb-row {
  margin-top: auto !important;
  gap: 12px !important;
}

body.home-page .resource-grid .thumb {
  min-height: 0 !important;
}

body.home-page .resource-grid + .section,
body.home-page .section:has(.process),
body.home-page #organizers {
  margin-top: 12px !important;
  padding-top: 12px !important;
}

body.home-page .section-title {
  margin-top: 0 !important;
  margin-bottom: 14px !important;
}

body.home-page .process {
  margin-top: 0 !important;
  padding: 18px 20px !important;
}

body.home-page #organizers .org-band {
  margin-top: 10px !important;
}

@media (max-width: 760px) {
  body.home-page .hero-kv-stage {
    max-width: calc(100vw - 24px) !important;
  }

  body.home-page .hero-kv-video {
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
  }

  body.home-page .home-awards-block {
    margin-top: 4px !important;
    padding-top: 4px !important;
  }

  body.home-page .home-awards-block .home-award-waterfall {
    grid-template-columns: 1fr !important;
  }

  body.home-page .home-awards-block .award-card,
  body.home-page .home-awards-block .award-card.is-money,
  body.home-page .home-awards-block .award-card.is-growth {
    display: flex !important;
    min-height: 0 !important;
    padding: 18px !important;
    gap: 8px !important;
  }

  body.home-page .home-awards-block .award-card h3,
  body.home-page .home-awards-block .award-card.is-growth > h3 {
    font-size: clamp(28px, 9vw, 38px) !important;
  }

  body.home-page .home-awards-block .award-card dd {
    font-size: 22px !important;
  }

  body.home-page .resource-grid {
    grid-template-columns: 1fr !important;
  }

  body.home-page .resource-grid > div {
    height: auto !important;
    min-height: 0 !important;
    padding: 18px !important;
  }
}

/* 20260616 r52: direct index homepage polish, video hero, award table rhythm */
body.home-page .hero.hero-kv-full {
  padding: clamp(14px, 1.4vw, 22px) 0 clamp(24px, 2.6vw, 40px) !important;
  background:
    linear-gradient(180deg, rgba(247, 252, 255, .98), rgba(244, 249, 255, .76) 64%, rgba(250, 252, 250, 0)) !important;
}

body.home-page .hero-kv-stage {
  max-width: min(1500px, calc(100vw - 56px)) !important;
  gap: clamp(14px, 1.6vw, 22px) !important;
}

body.home-page .hero-kv-video {
  content: normal !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
  object-position: center center !important;
  border: 1px solid rgba(11, 84, 132, .16) !important;
  border-radius: 8px !important;
  background: #f7fbff !important;
}

body.home-page .hero-kv-actions {
  margin-top: 0 !important;
  gap: 12px !important;
}

body.home-page .hero-kv-actions .btn {
  min-height: 46px !important;
  padding-inline: clamp(22px, 2.6vw, 34px) !important;
}

body.home-page .stat-row {
  margin-top: clamp(22px, 2.5vw, 38px) !important;
  gap: 12px !important;
}

body.home-page #vision.section,
body.home-page .shell.section,
body.home-page #organizers.section {
  margin-top: clamp(42px, 5vw, 72px) !important;
  margin-bottom: clamp(34px, 4vw, 58px) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.home-page .home-priority {
  margin-top: clamp(28px, 3.2vw, 46px) !important;
  margin-bottom: clamp(38px, 4.5vw, 64px) !important;
  gap: clamp(16px, 1.8vw, 24px) !important;
}

body.home-page .section-title {
  margin: 0 0 clamp(18px, 2vw, 28px) !important;
  text-wrap: balance !important;
}

body.home-page .home-awards-section {
  margin-top: clamp(44px, 5vw, 76px) !important;
  margin-bottom: clamp(34px, 4vw, 58px) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.home-page .home-awards-block {
  margin-top: clamp(44px, 5vw, 76px) !important;
  margin-bottom: clamp(36px, 4.2vw, 62px) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.home-page .home-awards-block .home-awards-head {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: clamp(18px, 3vw, 44px) !important;
  margin-bottom: clamp(18px, 2.2vw, 30px) !important;
}

body.home-page .home-awards-block .home-awards-head h2 {
  margin: 0 !important;
  font-size: clamp(42px, 4.6vw, 68px) !important;
  line-height: 1.02 !important;
}

body.home-page .home-awards-lede {
  max-width: 680px !important;
  margin-top: 12px !important;
  color: #3e464c !important;
  font-size: clamp(15px, 1vw, 18px) !important;
  line-height: 1.68 !important;
  font-weight: 700 !important;
  text-wrap: pretty !important;
}

body.home-page .home-awards-block .home-award-waterfall {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(18px, 1.8vw, 26px) !important;
  align-items: stretch !important;
}

body.home-page .home-awards-block .award-card,
body.home-page .home-awards-block .award-card.is-money {
  min-height: 0 !important;
  padding: clamp(24px, 2.4vw, 36px) !important;
  gap: clamp(12px, 1.1vw, 18px) !important;
  border-radius: 8px !important;
}

body.home-page .home-awards-block .award-card h3 {
  margin: 0 !important;
  font-size: clamp(30px, 2.8vw, 44px) !important;
  line-height: 1.08 !important;
  text-wrap: balance !important;
}

body.home-page .home-awards-block .award-name-prefix {
  margin-bottom: 5px !important;
  color: #596168 !important;
  font-size: .68em !important;
}

body.home-page .home-awards-block .award-card p {
  margin: 0 !important;
  color: #3d454b !important;
  font-size: clamp(15px, 1vw, 17px) !important;
  line-height: 1.68 !important;
  text-wrap: pretty !important;
}

body.home-page .home-awards-block .award-card dl {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  margin-top: auto !important;
  border-color: rgba(18, 24, 28, .18) !important;
  background: rgba(18, 24, 28, .18) !important;
}

body.home-page .home-awards-block .award-card dl div {
  min-height: 84px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 12px 14px !important;
}

body.home-page .home-awards-block .award-card dt {
  color: #657078 !important;
  font-size: 12px !important;
}

body.home-page .home-awards-block .award-card dd {
  margin-top: 7px !important;
  font-size: clamp(22px, 1.8vw, 30px) !important;
  line-height: 1.12 !important;
  white-space: normal !important;
  word-break: keep-all !important;
  overflow-wrap: break-word !important;
}

body.home-page .home-awards-block .award-card.is-growth {
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: minmax(260px, .46fr) minmax(420px, .54fr) !important;
  align-items: stretch !important;
  min-height: 0 !important;
  padding: clamp(24px, 2.4vw, 34px) !important;
  gap: clamp(18px, 2vw, 30px) !important;
}

body.home-page .home-awards-block .award-card.is-growth > span {
  width: max-content !important;
  align-self: start !important;
}

body.home-page .home-awards-block .award-card.is-growth > h3,
body.home-page .home-awards-block .award-card.is-growth > p {
  max-width: 520px !important;
}

body.home-page .home-awards-block .award-card.is-growth > dl {
  align-self: center !important;
  width: 100% !important;
  margin: 0 !important;
}

body.home-page .home-awards-block .award-card.is-growth dd {
  font-size: clamp(19px, 1.55vw, 26px) !important;
}

body.home-page .home-awards-block + .resource-grid,
body.home-page .resource-grid {
  margin-top: clamp(30px, 3.4vw, 52px) !important;
  margin-bottom: clamp(36px, 4vw, 60px) !important;
  gap: clamp(18px, 2vw, 28px) !important;
}

body.home-page .resource-grid > div {
  height: auto !important;
  min-height: clamp(260px, 21vw, 330px) !important;
  padding: clamp(24px, 2.4vw, 34px) !important;
  border-radius: 8px !important;
}

body.home-page .resource-grid .list-head h2 {
  font-size: clamp(34px, 3.6vw, 56px) !important;
  line-height: 1.05 !important;
  text-wrap: balance !important;
}

body.home-page .resource-grid + .section,
body.home-page .section:has(.process),
body.home-page #organizers {
  margin-top: clamp(42px, 5vw, 72px) !important;
  padding-top: 0 !important;
}

body.home-page .process {
  padding: clamp(18px, 2vw, 28px) !important;
}

body.home-page #organizers .org-band {
  margin-top: clamp(16px, 2vw, 28px) !important;
}

@media (max-width: 900px) {
  body.home-page .hero-kv-stage {
    max-width: calc(100vw - 28px) !important;
  }

  body.home-page .stat-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.home-page .home-awards-block .home-awards-head {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  body.home-page .home-awards-block .home-award-waterfall,
  body.home-page .home-awards-block .award-card.is-growth {
    grid-template-columns: 1fr !important;
  }

  body.home-page .home-awards-block .award-card.is-growth > h3,
  body.home-page .home-awards-block .award-card.is-growth > p {
    max-width: none !important;
  }
}

@media (max-width: 760px) {
  body.home-page .hero.hero-kv-full {
    padding-top: 10px !important;
    padding-bottom: 22px !important;
  }

  body.home-page .hero-kv-stage {
    max-width: calc(100vw - 20px) !important;
    gap: 12px !important;
  }

  body.home-page .hero-kv-video {
    border-radius: 6px !important;
  }

  body.home-page .hero-kv-actions {
    justify-content: stretch !important;
  }

  body.home-page .hero-kv-actions .btn {
    flex: 1 1 100% !important;
    min-height: 44px !important;
  }

  body.home-page .stat-row {
    grid-template-columns: 1fr !important;
    margin-top: 20px !important;
  }

  body.home-page #vision.section,
  body.home-page .shell.section,
  body.home-page #organizers.section,
  body.home-page .home-awards-section,
  body.home-page .home-awards-block,
  body.home-page .resource-grid {
    margin-top: 34px !important;
    margin-bottom: 34px !important;
  }

  body.home-page .home-priority {
    margin-top: 28px !important;
    margin-bottom: 34px !important;
  }

  body.home-page .home-awards-block .home-awards-head h2,
  body.home-page .resource-grid .list-head h2 {
    font-size: clamp(32px, 10vw, 42px) !important;
  }

  body.home-page .home-awards-lede {
    font-size: 15px !important;
    line-height: 1.62 !important;
  }

  body.home-page .home-awards-block .award-card,
  body.home-page .home-awards-block .award-card.is-money,
  body.home-page .home-awards-block .award-card.is-growth {
    padding: 18px !important;
    gap: 12px !important;
  }

  body.home-page .home-awards-block .award-card h3,
  body.home-page .home-awards-block .award-card.is-growth > h3 {
    font-size: clamp(26px, 8.5vw, 36px) !important;
  }

  body.home-page .home-awards-block .award-card dl {
    grid-template-columns: 1fr !important;
  }

  body.home-page .home-awards-block .award-card dl div {
    min-height: 68px !important;
    align-items: flex-start !important;
  }

  body.home-page .home-awards-block .award-card dd,
  body.home-page .home-awards-block .award-card.is-growth dd {
    font-size: 22px !important;
    white-space: normal !important;
  }

  body.home-page .resource-grid {
    grid-template-columns: 1fr !important;
  }

  body.home-page .resource-grid > div {
    min-height: 0 !important;
    padding: 18px !important;
  }
}

/* 20260616 r55: final direct-index overrides after legacy homepage blocks */
body.home-page .hero.hero-kv-full {
  padding: clamp(18px, 1.8vw, 28px) 0 clamp(26px, 3vw, 46px) !important;
  background:
    linear-gradient(180deg, rgba(244, 250, 255, .98), rgba(239, 247, 255, .74) 58%, rgba(250, 253, 252, 0)) !important;
}

body.home-page .hero-kv-stage {
  max-width: min(1500px, calc(100vw - 56px)) !important;
  gap: clamp(14px, 1.5vw, 22px) !important;
}

body.home-page .hero-kv-frame {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  aspect-ratio: 16 / 9 !important;
  border: 1px solid rgba(34, 137, 203, .22) !important;
  border-radius: 10px !important;
  background:
    url("kv-final/kv-soft-bg.png") center / cover no-repeat,
    linear-gradient(180deg, #f8fbff, #eef7ff) !important;
  box-shadow: 0 8px 8px rgba(18, 72, 112, .06) !important;
}

body.home-page .hero-kv-video {
  content: normal !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  object-position: center center !important;
  opacity: .34 !important;
  filter: saturate(.82) contrast(.92) brightness(1.08) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  mix-blend-mode: multiply !important;
}

body.home-page .hero-kv-wash {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 47% 36%, rgba(255, 255, 255, .42), rgba(255, 255, 255, .12) 34%, rgba(255, 255, 255, .04) 60%),
    linear-gradient(90deg, rgba(255, 255, 255, .38), rgba(255, 255, 255, .08) 46%, rgba(255, 255, 255, .24)) !important;
}

body.home-page .hero-kv-layer {
  position: absolute !important;
  z-index: 3 !important;
  display: block !important;
  max-width: none !important;
  pointer-events: none !important;
  user-select: none !important;
}

body.home-page .hero-kv-mountain {
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: .92 !important;
}

body.home-page .hero-kv-city {
  right: 1.5% !important;
  bottom: 11.2% !important;
  width: 63% !important;
  opacity: .78 !important;
}

body.home-page .hero-kv-flow {
  left: -1.5% !important;
  bottom: -1.5% !important;
  width: 104% !important;
  opacity: .78 !important;
}

body.home-page .hero-kv-title-word {
  left: 5.2% !important;
  top: 13.2% !important;
  width: 47.5% !important;
  opacity: .98 !important;
  filter: drop-shadow(0 3px 5px rgba(18, 77, 136, .08)) !important;
}

body.home-page .hero-audio-panel {
  position: absolute !important;
  right: clamp(14px, 1.6vw, 24px) !important;
  bottom: clamp(14px, 1.6vw, 24px) !important;
  z-index: 5 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 42px !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(8, 91, 155, .24) !important;
  border-radius: 6px !important;
  background: rgba(255, 255, 255, .86) !important;
  color: #074d83 !important;
  box-shadow: 0 8px 8px rgba(7, 54, 91, .08) !important;
  backdrop-filter: blur(10px) !important;
}

body.home-page .hero-audio-toggle {
  min-width: 54px !important;
  height: 30px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(8, 91, 155, .24) !important;
  border-radius: 5px !important;
  background: #0f8ed8 !important;
  color: #fff !important;
  font: inherit !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

body.home-page .hero-audio-toggle[aria-pressed="false"] {
  background: #f6fbff !important;
  color: #075b9b !important;
}

body.home-page .hero-volume-control {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #255d87 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

body.home-page .hero-volume-slider {
  width: 112px !important;
  accent-color: #158bd4 !important;
}

body.home-page .hero-volume-value {
  min-width: 34px !important;
  color: #1d5f8e !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-align: right !important;
}

body.home-page .home-awards-block .award-card,
body.home-page .home-awards-block .award-card.is-money {
  gap: 8px !important;
}

body.home-page .home-awards-block .award-card h3 {
  margin: 0 0 4px !important;
}

body.home-page .home-awards-block .award-card p {
  margin: 0 0 8px !important;
  line-height: 1.56 !important;
}

body.home-page .home-awards-block .award-card dl {
  margin-top: 0 !important;
}

body.home-page .home-awards-block .award-card dl div {
  min-height: 78px !important;
}

body.home-page .home-awards-block .award-card.is-growth {
  justify-items: center !important;
  text-align: center !important;
}

body.home-page .home-awards-block .award-card.is-growth > span {
  justify-self: center !important;
}

body.home-page .home-awards-block .award-card.is-growth > h3 {
  grid-column: 1 / -1 !important;
  justify-self: center !important;
  max-width: none !important;
  width: 100% !important;
  text-align: center !important;
  font-size: clamp(28px, 3.1vw, 46px) !important;
  line-height: 1.08 !important;
}

body.home-page .home-awards-block .award-name-inline {
  display: inline !important;
  white-space: nowrap !important;
}

body.home-page .home-awards-block .award-card.is-growth > p {
  justify-self: center !important;
  max-width: 760px !important;
  text-align: center !important;
}

body.home-page .home-awards-block .award-card.is-growth > dl {
  grid-column: 1 / -1 !important;
  max-width: 900px !important;
  justify-self: center !important;
}

@media (max-width: 900px) {
  body.home-page .hero-kv-title-word {
    left: 5% !important;
    top: 12% !important;
    width: 55% !important;
  }

  body.home-page .hero-kv-city {
    width: 70% !important;
  }

  body.home-page .hero-audio-panel {
    left: 14px !important;
    right: 14px !important;
    bottom: 14px !important;
    justify-content: center !important;
  }
}

@media (max-width: 760px) {
  body.home-page .hero-kv-frame {
    border-radius: 7px !important;
  }

  body.home-page .hero-kv-video {
    opacity: .28 !important;
  }

  body.home-page .hero-kv-title-word {
    left: 5.5% !important;
    top: 11% !important;
    width: 67% !important;
  }

  body.home-page .hero-kv-city {
    right: -7% !important;
    bottom: 17% !important;
    width: 83% !important;
    opacity: .68 !important;
  }

  body.home-page .hero-kv-flow {
    left: -18% !important;
    bottom: -4% !important;
    width: 128% !important;
    opacity: .7 !important;
  }

  body.home-page .hero-audio-panel {
    gap: 8px !important;
    min-height: 38px !important;
    padding: 7px 9px !important;
  }

  body.home-page .hero-volume-control span {
    display: none !important;
  }

  body.home-page .hero-volume-slider {
    width: min(38vw, 126px) !important;
  }

  body.home-page .home-awards-block .award-name-inline {
    white-space: normal !important;
  }
}

/* 20260616 r58: final mobile stat number/icon alignment */
@media (max-width: 760px) {
  body.home-page .stat-row {
    gap: 14px !important;
  }

  body.home-page .stat-card {
    grid-template-columns: 1fr !important;
    align-items: start !important;
    justify-items: start !important;
    gap: 14px !important;
    padding: 28px 28px 26px !important;
  }

  body.home-page .stat-card > .icon,
  body.home-page .stat-card > svg.icon {
    width: 44px !important;
    height: 44px !important;
    margin: 0 0 0 18px !important;
  }

  body.home-page .stat-card > div {
    width: 100% !important;
    min-width: 0 !important;
    margin-left: 18px !important;
    display: grid !important;
    justify-items: start !important;
    text-align: left !important;
  }

  body.home-page .stat-card strong {
    margin: 0 !important;
    font-size: clamp(46px, 16vw, 64px) !important;
    line-height: .94 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
  }

  body.home-page .stat-card b {
    margin-top: 8px !important;
    font-size: 18px !important;
    line-height: 1.18 !important;
    text-align: left !important;
  }

  body.home-page .stat-card p {
    margin-top: 12px !important;
    max-width: 24em !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
    text-align: left !important;
  }
}

/* 20260616 r59: finalist award card uses 1/3 copy and 2/3 standards table */
body.home-page .home-awards-block .award-card.is-growth,
body.home-page .home-award-waterfall .award-card.is-growth {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) !important;
  grid-template-areas:
    "label label"
    "title title"
    "copy stats" !important;
  align-items: center !important;
  column-gap: clamp(24px, 4vw, 54px) !important;
  row-gap: 16px !important;
  min-height: 0 !important;
  padding: clamp(30px, 4.4vw, 48px) clamp(30px, 5vw, 56px) !important;
  text-align: left !important;
}

body.home-page .home-awards-block .award-card.is-growth > span,
body.home-page .home-award-waterfall .award-card.is-growth > span {
  grid-area: label !important;
  justify-self: start !important;
  align-self: start !important;
  margin: 0 !important;
}

body.home-page .home-awards-block .award-card.is-growth > h3,
body.home-page .home-award-waterfall .award-card.is-growth > h3 {
  grid-area: title !important;
  justify-self: center !important;
  align-self: center !important;
  width: auto !important;
  max-width: 100% !important;
  margin: -6px 0 10px !important;
  text-align: center !important;
  line-height: 1.08 !important;
}

body.home-page .home-awards-block .award-card.is-growth .award-name-prefix,
body.home-page .home-award-waterfall .award-card.is-growth .award-name-prefix {
  display: inline !important;
  color: #596168 !important;
  font-size: clamp(20px, 2vw, 30px) !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
}

body.home-page .home-awards-block .award-card.is-growth .award-name-title,
body.home-page .home-award-waterfall .award-card.is-growth .award-name-title,
body.home-page .home-awards-block .award-card.is-growth .award-name-inline,
body.home-page .home-award-waterfall .award-card.is-growth .award-name-inline {
  display: inline !important;
  color: #0a3b72 !important;
  font-size: clamp(32px, 3.7vw, 48px) !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  line-height: 1.08 !important;
}

body.home-page .home-awards-block .award-card.is-growth > p,
body.home-page .home-award-waterfall .award-card.is-growth > p {
  grid-area: copy !important;
  justify-self: stretch !important;
  align-self: center !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  color: rgba(58, 71, 84, .92) !important;
  font-size: 17px !important;
  line-height: 1.72 !important;
  text-align: left !important;
  position: relative !important;
  z-index: 1 !important;
}

body.home-page .home-awards-block .award-card.is-growth > dl,
body.home-page .home-award-waterfall .award-card.is-growth > dl {
  grid-area: stats !important;
  justify-self: stretch !important;
  align-self: center !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  position: relative !important;
  z-index: 2 !important;
}

body.home-page .home-awards-block .award-card.is-growth > dl div,
body.home-page .home-award-waterfall .award-card.is-growth > dl div {
  min-width: 0 !important;
  padding: 18px 20px !important;
}

body.home-page .home-awards-block .award-card.is-growth > dl dd,
body.home-page .home-award-waterfall .award-card.is-growth > dl dd {
  white-space: normal !important;
  overflow-wrap: normal !important;
  font-size: clamp(22px, 2.35vw, 30px) !important;
  line-height: 1.18 !important;
}

body.home-page .home-awards-block .award-card.is-money > h3,
body.home-page .home-award-waterfall .award-card.is-money > h3 {
  margin-bottom: 14px !important;
}

body.home-page .home-awards-block .award-card.is-money > p,
body.home-page .home-award-waterfall .award-card.is-money > p {
  margin-top: 0 !important;
  margin-bottom: 22px !important;
}

@media (max-width: 900px) {
  body.home-page .home-awards-block .award-card.is-growth,
  body.home-page .home-award-waterfall .award-card.is-growth {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "label"
      "title"
      "copy"
      "stats" !important;
    row-gap: 14px !important;
  }

  body.home-page .home-awards-block .award-card.is-growth > h3,
  body.home-page .home-award-waterfall .award-card.is-growth > h3 {
    justify-self: start !important;
    text-align: left !important;
    margin: 0 !important;
  }

  body.home-page .home-awards-block .award-card.is-growth .award-name-title,
  body.home-page .home-award-waterfall .award-card.is-growth .award-name-title,
  body.home-page .home-awards-block .award-card.is-growth .award-name-inline,
  body.home-page .home-award-waterfall .award-card.is-growth .award-name-inline {
    white-space: normal !important;
  }
}

@media (max-width: 760px) {
  body.home-page .home-awards-block .award-card.is-growth > dl,
  body.home-page .home-award-waterfall .award-card.is-growth > dl {
    grid-template-columns: 1fr !important;
  }
}

/* 20260616 r61: compact money award rhythm and align finalist heading with its label */
@media (min-width: 901px) {
  body.home-page .home-awards-block .award-card.is-money,
  body.home-page .home-award-waterfall .award-card.is-money {
    min-height: 360px !important;
    justify-content: flex-start !important;
    gap: 0 !important;
  }

  body.home-page .home-awards-block .award-card.is-money > h3,
  body.home-page .home-award-waterfall .award-card.is-money > h3 {
    min-height: 0 !important;
    margin: 0 0 16px !important;
  }

  body.home-page .home-awards-block .award-card.is-money > p,
  body.home-page .home-award-waterfall .award-card.is-money > p {
    min-height: 0 !important;
    margin: 0 0 20px !important;
    max-width: none !important;
  }

  body.home-page .home-awards-block .award-card.is-money > dl,
  body.home-page .home-award-waterfall .award-card.is-money > dl {
    margin-top: 0 !important;
  }

  body.home-page .home-awards-block .award-card.is-growth,
  body.home-page .home-award-waterfall .award-card.is-growth {
    grid-template-areas:
      "label title"
      "copy stats" !important;
    row-gap: 28px !important;
    align-items: start !important;
  }

  body.home-page .home-awards-block .award-card.is-growth > span,
  body.home-page .home-award-waterfall .award-card.is-growth > span {
    align-self: center !important;
  }

  body.home-page .home-awards-block .award-card.is-growth > h3,
  body.home-page .home-award-waterfall .award-card.is-growth > h3 {
    justify-self: start !important;
    align-self: center !important;
    margin: 0 !important;
    text-align: left !important;
  }
}

/* 20260616 r63: final money award bottom spacing override */
@media (min-width: 901px) {
  body.home-page .home-awards-block .award-card.is-money,
  body.home-page .home-award-waterfall .award-card.is-money {
    min-height: 318px !important;
    padding-bottom: 22px !important;
  }

  body.home-page .home-awards-block .award-card.is-money > p,
  body.home-page .home-award-waterfall .award-card.is-money > p {
    margin-bottom: 14px !important;
  }

  body.home-page .home-awards-block .award-card.is-money > dl,
  body.home-page .home-award-waterfall .award-card.is-money > dl {
    margin: 0 !important;
  }
}

/* 20260616 r64: video-first hero with light transparent brand overlays */
body.home-page .hero-kv-frame {
  background: #f4fbff !important;
}

body.home-page .hero-kv-video {
  opacity: 1 !important;
  filter: saturate(1.06) contrast(1.02) brightness(1.01) !important;
}

body.home-page .hero-kv-wash {
  background:
    linear-gradient(90deg, rgba(246, 252, 255, .38) 0%, rgba(246, 252, 255, .12) 42%, rgba(246, 252, 255, .2) 100%) !important;
  opacity: .34 !important;
}

body.home-page .hero-kv-mountain,
body.home-page .hero-kv-city {
  display: none !important;
}

body.home-page .hero-kv-title-word {
  left: clamp(28px, 5vw, 76px) !important;
  top: clamp(26px, 5.2vw, 70px) !important;
  width: clamp(150px, 18vw, 260px) !important;
  max-width: 28% !important;
  opacity: .7 !important;
  filter: drop-shadow(0 10px 24px rgba(0, 91, 170, .14)) !important;
}

body.home-page .hero-kv-flow {
  left: auto !important;
  right: -9% !important;
  bottom: -12% !important;
  width: min(78%, 1050px) !important;
  opacity: .7 !important;
  transform: none !important;
  filter: saturate(1.05) drop-shadow(0 18px 36px rgba(0, 153, 220, .12)) !important;
}

body.home-page .hero-kv-event-title {
  position: absolute !important;
  left: clamp(30px, 5.2vw, 80px) !important;
  bottom: clamp(72px, 8vw, 118px) !important;
  z-index: 5 !important;
  display: grid !important;
  gap: 10px !important;
  color: #073a70 !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  letter-spacing: .08em !important;
  text-shadow: 0 2px 12px rgba(255, 255, 255, .72) !important;
  pointer-events: none !important;
}

body.home-page .hero-kv-event-title span {
  display: block !important;
  width: fit-content !important;
  font-size: clamp(24px, 3.4vw, 50px) !important;
}

body.home-page .hero-kv-event-title span + span {
  font-size: clamp(20px, 2.65vw, 40px) !important;
  color: #095a9f !important;
  letter-spacing: .1em !important;
}

@media (max-width: 900px) {
  body.home-page .hero-kv-title-word {
    left: 5% !important;
    top: 8% !important;
    width: 32% !important;
    max-width: 210px !important;
  }

  body.home-page .hero-kv-event-title {
    left: 5% !important;
    bottom: 86px !important;
    gap: 7px !important;
  }

  body.home-page .hero-kv-flow {
    right: -24% !important;
    bottom: -9% !important;
    width: 116% !important;
  }
}

@media (max-width: 760px) {
  body.home-page .hero-kv-video {
    opacity: 1 !important;
  }

  body.home-page .hero-kv-wash {
    opacity: .44 !important;
  }

  body.home-page .hero-kv-title-word {
    left: 6% !important;
    top: 8% !important;
    width: 42% !important;
  }

  body.home-page .hero-kv-event-title {
    left: 6% !important;
    right: 6% !important;
    bottom: 78px !important;
  }

  body.home-page .hero-kv-event-title span {
    font-size: clamp(20px, 7.2vw, 30px) !important;
  }

  body.home-page .hero-kv-event-title span + span {
    font-size: clamp(17px, 5.8vw, 24px) !important;
  }

  body.home-page .hero-kv-flow {
    right: -38% !important;
    bottom: -6% !important;
    width: 142% !important;
  }
}

/* 20260616 r65: video audio hero lockup, scene naming, focus/apply mobile refinements */
body.home-page .hero-kv-video {
  opacity: 1 !important;
  filter: saturate(1.05) contrast(1.03) brightness(.98) !important;
}

body.home-page .hero-kv-wash {
  background: linear-gradient(90deg, rgba(0, 36, 78, .5) 0%, rgba(0, 36, 78, .22) 38%, rgba(0, 36, 78, .04) 70%) !important;
  opacity: 1 !important;
}

body.home-page .hero-kv-flow,
body.home-page .hero-kv-title-word {
  display: none !important;
}

body.home-page .hero-kv-mountain,
body.home-page .hero-kv-city {
  display: block !important;
  position: absolute !important;
  z-index: 3 !important;
  opacity: .55 !important;
  pointer-events: none !important;
}

body.home-page .hero-kv-mountain {
  left: auto !important;
  top: auto !important;
  right: -6% !important;
  bottom: -8% !important;
  width: min(72%, 920px) !important;
}

body.home-page .hero-kv-city {
  left: auto !important;
  top: auto !important;
  right: -2% !important;
  bottom: 2% !important;
  width: min(58%, 780px) !important;
}

body.home-page .hero-kv-event-title {
  left: clamp(34px, 5.4vw, 86px) !important;
  top: clamp(42px, 6.6vw, 92px) !important;
  bottom: auto !important;
  z-index: 6 !important;
  display: grid !important;
  gap: 12px !important;
  color: #fff !important;
  letter-spacing: 0 !important;
  text-shadow: 0 4px 20px rgba(0, 28, 64, .52) !important;
}

body.home-page .hero-kv-event-title span {
  color: #fff !important;
  width: auto !important;
}

body.home-page .hero-kv-event-title .hero-kv-brand-text {
  font-size: clamp(48px, 7vw, 94px) !important;
  font-weight: 950 !important;
  line-height: .95 !important;
  letter-spacing: 0 !important;
}

body.home-page .hero-kv-event-title .hero-kv-program-text {
  font-size: clamp(24px, 3vw, 42px) !important;
  font-weight: 900 !important;
  line-height: 1.12 !important;
  letter-spacing: .05em !important;
}

body:not(.home-page) .apply-hero h1 span {
  display: block !important;
}

body:not(.home-page) .apply-hero h1 span + span {
  margin-top: .03em !important;
}

body.focus-page .page-hero.page-hero-focus {
  width: min(calc(100% - 64px), 1480px) !important;
  margin: 0 auto !important;
  min-height: 430px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 340px !important;
  align-items: center !important;
  gap: 40px !important;
  padding: 74px 0 50px !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: url("website-hero.png") center bottom / cover no-repeat !important;
  overflow: hidden !important;
}

body.focus-page .page-hero.page-hero-focus::before,
body.focus-page .page-hero.page-hero-focus::after {
  content: none !important;
}

body.focus-page .page-hero-content.shell {
  width: auto !important;
  max-width: 760px !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 900px) {
  body.home-page .hero-kv-event-title {
    left: 6% !important;
    top: 9% !important;
    right: 6% !important;
    gap: 8px !important;
  }

  body.home-page .hero-kv-event-title .hero-kv-brand-text {
    font-size: clamp(40px, 10vw, 70px) !important;
  }

  body.home-page .hero-kv-event-title .hero-kv-program-text {
    font-size: clamp(20px, 5vw, 34px) !important;
  }

  body.home-page .hero-kv-mountain {
    right: -18% !important;
    bottom: -7% !important;
    width: 105% !important;
  }

  body.home-page .hero-kv-city {
    right: -10% !important;
    bottom: 4% !important;
    width: 86% !important;
  }

  body.focus-page .page-hero.page-hero-focus {
    width: min(calc(100% - 32px), 1480px) !important;
    min-height: 380px !important;
    grid-template-columns: 1fr !important;
    padding: 54px 28px 44px !important;
  }
}

@media (max-width: 760px) {
  body.home-page .hero-kv-wash {
    background: linear-gradient(180deg, rgba(0, 37, 82, .44) 0%, rgba(0, 37, 82, .16) 48%, rgba(0, 37, 82, .04) 100%) !important;
  }

  body.home-page .hero-kv-event-title {
    top: 8% !important;
    bottom: auto !important;
    gap: 7px !important;
  }

  body.home-page .hero-kv-event-title .hero-kv-brand-text {
    font-size: clamp(34px, 12vw, 54px) !important;
  }

  body.home-page .hero-kv-event-title .hero-kv-program-text {
    font-size: clamp(18px, 5.8vw, 26px) !important;
    letter-spacing: .03em !important;
  }

  body.home-page .hero-kv-mountain {
    right: -34% !important;
    bottom: -5% !important;
    width: 138% !important;
  }

  body.home-page .hero-kv-city {
    right: -28% !important;
    bottom: 5% !important;
    width: 116% !important;
  }

  .apply-side-card .qr-box.light,
  .apply-side .qr-box.light {
    width: min(72vw, 230px) !important;
    min-height: 0 !important;
    margin: 18px auto 0 !important;
    padding: clamp(12px, 4vw, 18px) !important;
    aspect-ratio: 1 / 1 !important;
  }

  .apply-side-card .qr-box.light img,
  .apply-side .qr-box.light img {
    width: 100% !important;
    max-width: min(58vw, 168px) !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
  }
}

/* 20260617 r66: restore homepage hero to the approved static KV image */
body.home-page .hero-kv-frame {
  background: #fff !important;
}

body.home-page .hero-kv-image.hero-kv-static {
  content: normal !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

body.home-page .hero-kv-wash,
body.home-page .hero-kv-mountain,
body.home-page .hero-kv-city,
body.home-page .hero-kv-flow,
body.home-page .hero-kv-title-word,
body.home-page .hero-kv-event-title,
body.home-page .hero-audio-panel {
  display: none !important;
}

/* 20260617 r69: keep focus and awards heroes on the same connected shell and height as resources.html */
body.focus-page .page-hero.shell,
body.awards-page .page-hero.shell {
  width: min(1180px, calc(100% - 56px)) !important;
  max-width: 1180px !important;
  min-height: clamp(390px, 42vw, 520px) !important;
  margin: 0 auto !important;
  padding: clamp(64px, 6vw, 92px) 0 clamp(46px, 5vw, 70px) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 560px) minmax(280px, 1fr) !important;
  align-items: center !important;
  gap: clamp(28px, 6vw, 96px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background:
    linear-gradient(90deg, rgba(247, 251, 255, .98) 0%, rgba(247, 251, 255, .86) 34%, rgba(247, 251, 255, .30) 68%, rgba(247, 251, 255, .06) 100%),
    url("kv-final/new-youth-main.jpg") center bottom / min(1420px, 100vw) auto no-repeat !important;
  overflow: hidden !important;
}

body.focus-page .page-hero h1 span,
body.awards-page .page-hero h1 span {
  display: block !important;
}

/* 20260617 r70: remove coordinate label from public pages */
.footer-coord,
.hero-coordinate,
.page-hero-coordinate,
.coordinate-logo,
.refresh-footer .footer-coord,
.footer-cta > span,
.refresh-footer .footer-cta > span {
  display: none !important;
}

@media (max-width: 900px) {
  body.focus-page .page-hero.shell,
  body.awards-page .page-hero.shell {
    width: min(100% - 28px, 1180px) !important;
    max-width: calc(100% - 28px) !important;
    min-height: 430px !important;
    margin: 0 auto !important;
    padding: 28px 0 42px !important;
    grid-template-columns: 1fr !important;
    border-radius: 0 !important;
  }
}

/* 20260617 r70: global mobile polish across all pages */
@media (max-width: 760px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden !important;
  }

  .footer-coord,
  .hero-coordinate,
  .page-hero-coordinate,
  .coordinate-logo,
  .refresh-footer .footer-coord {
    display: none !important;
  }

  body:not(.home-page) main {
    padding-top: 0 !important;
  }

  body:not(.home-page) .page-hero.shell,
  body:not(.home-page) .page-hero,
  body:not(.home-page) .apply-hero.shell,
  body:not(.home-page) .simple-hero.public-detail-hero {
    width: 100% !important;
    max-width: 100% !important;
    min-height: auto !important;
    margin: 0 auto 14px !important;
    padding: 18px 12px !important;
    display: block !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background:
      linear-gradient(180deg, rgba(247, 251, 255, .74), rgba(247, 251, 255, .50)),
      url("kv-final/new-youth-main.jpg") center bottom / cover no-repeat !important;
    overflow: hidden !important;
  }

  body:not(.home-page) .page-hero-copy,
  body:not(.home-page) .page-hero .page-hero-copy,
  body:not(.home-page) .apply-hero > div:first-child,
  body:not(.home-page) .simple-hero.public-detail-hero {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 22px 20px 24px !important;
    border: 1px solid rgba(255, 255, 255, .78) !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, .72) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.06) !important;
    backdrop-filter: blur(16px) saturate(1.06) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .84), 0 14px 34px rgba(8, 56, 105, .10) !important;
  }

  body:not(.home-page) .page-hero .hero-kicker,
  body:not(.home-page) .page-hero .eyebrow {
    font-size: 14px !important;
    line-height: 1.25 !important;
    letter-spacing: .04em !important;
    white-space: normal !important;
  }

  body:not(.home-page) .page-hero h1,
  body:not(.home-page) .simple-hero h1,
  body:not(.home-page) .apply-hero h1 {
    font-size: clamp(36px, 12vw, 52px) !important;
    line-height: 1.05 !important;
    margin: 18px 0 14px !important;
    letter-spacing: 0 !important;
  }

  body:not(.home-page) .page-hero h1 span,
  body:not(.home-page) .resources-page .page-hero h1 span,
  body:not(.home-page) .focus-page .page-hero h1 span,
  body:not(.home-page) .awards-page .page-hero h1 span {
    display: inline !important;
  }

  body:not(.home-page) .page-hero p:not(.eyebrow),
  body:not(.home-page) .simple-hero p {
    max-width: 100% !important;
    font-size: 17px !important;
    line-height: 1.65 !important;
    margin: 0 0 18px !important;
  }

  .page-hero-actions,
  .hero-actions,
  .apply-hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .page-hero-actions .btn,
  .hero-actions .btn,
  .apply-hero-actions .btn {
    width: 100% !important;
    min-height: 46px !important;
    white-space: nowrap !important;
  }

  body:not(.home-page) .page-hero + .shell,
  body:not(.home-page) .page-hero + .section,
  body:not(.home-page) .page-hero + .overview-metrics,
  body:not(.home-page) .simple-hero + .shell,
  body:not(.home-page) .simple-hero + .section {
    margin-top: 12px !important;
  }

  .shell.section,
  .section.shell,
  .section-grid.shell,
  .focus-compact-section,
  .public-list-section {
    padding-top: 22px !important;
    padding-bottom: 26px !important;
  }

  .section-heading,
  .section-head,
  .list-head {
    margin-bottom: 14px !important;
  }

  .overview-metrics {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 12px !important;
    margin-bottom: 18px !important;
  }

  .overview-metrics article,
  .stat-card {
    min-height: 0 !important;
    padding: 16px 18px !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    grid-template-areas:
      "num title"
      "num copy" !important;
    align-items: center !important;
    column-gap: 14px !important;
    row-gap: 4px !important;
  }

  .overview-metrics article span,
  .stat-card strong {
    grid-area: num !important;
    font-size: clamp(34px, 11vw, 48px) !important;
    line-height: .95 !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  .overview-metrics article strong,
  .stat-card b {
    grid-area: title !important;
    font-size: 17px !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  .overview-metrics article p,
  .stat-card p {
    grid-area: copy !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  body.home-page .resource-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 18px !important;
    margin-bottom: 18px !important;
  }

  body.home-page .resource-grid > div {
    min-height: 0 !important;
    padding: 18px !important;
  }

  body.home-page .resource-grid .list-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
  }

  body.home-page .resource-grid .list-head h2 {
    font-size: clamp(28px, 9vw, 38px) !important;
    line-height: 1.05 !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  body.home-page .resource-grid .thumb-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    overflow-x: auto !important;
    padding: 0 0 6px !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  body.home-page .resource-grid .thumb-row::-webkit-scrollbar {
    display: none !important;
  }

  body.home-page .resource-grid .thumb {
    flex: 0 0 42vw !important;
    min-width: 132px !important;
    max-width: 172px !important;
  }

  body.home-page .resource-grid .thumb img {
    width: 100% !important;
    aspect-ratio: 4 / 3 !important;
    object-fit: cover !important;
  }

  body.home-page .resource-grid .thumb p {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.home-page .resource-grid .more {
    flex: 0 0 auto !important;
    align-self: center !important;
  }

  .process-line {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .process-line article {
    min-height: 0 !important;
    padding: 16px 18px !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    grid-template-areas: "num title" "copy copy" !important;
    column-gap: 12px !important;
    row-gap: 8px !important;
    align-items: center !important;
  }

  .process-line article b {
    grid-area: num !important;
    font-size: 24px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .process-line article strong {
    grid-area: title !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    margin: 0 !important;
  }

  .process-line article p {
    grid-area: copy !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  body.home-page .process {
    gap: 10px !important;
    padding: 16px !important;
  }

  body.home-page .process-step {
    min-height: 0 !important;
    padding: 12px 8px !important;
  }

  body.home-page .process-step .icon {
    width: 28px !important;
    height: 28px !important;
    margin-bottom: 6px !important;
  }

  body.home-page .process-step span {
    font-size: 14px !important;
    line-height: 1.25 !important;
  }

  .footer,
  .refresh-footer {
    padding-bottom: max(22px, env(safe-area-inset-bottom)) !important;
  }

  .footer-cta,
  .refresh-footer .footer-cta {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 22px 0 16px !important;
  }

  .footer-cta .btn,
  .refresh-footer .footer-cta .btn {
    width: 100% !important;
    max-width: none !important;
    justify-content: center !important;
  }

  .footer-inner,
  .refresh-footer .footer-inner {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 14px 0 24px !important;
    text-align: left !important;
  }

  .footer-inner nav,
  .refresh-footer .footer-inner nav,
  .footer-nav {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 8px !important;
    padding: 4px 0 8px !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  .footer-inner nav::-webkit-scrollbar,
  .refresh-footer .footer-inner nav::-webkit-scrollbar,
  .footer-nav::-webkit-scrollbar {
    display: none !important;
  }

  .footer-inner nav a,
  .refresh-footer .footer-inner nav a,
  .footer-nav a {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 34px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(255, 255, 255, .20) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .08) !important;
    color: rgba(255, 255, 255, .84) !important;
    white-space: nowrap !important;
    font-size: 13px !important;
  }

  .footer-inner p,
  .refresh-footer .footer-inner p {
    font-size: 12px !important;
    line-height: 1.55 !important;
    opacity: .72 !important;
  }
}

/* 20260617 r71: mobile readability fixes across all pages */
@media (max-width: 760px) {
  body.home-page .stat-card {
    grid-template-columns: 52px minmax(0, 1fr) !important;
    grid-template-areas: "icon copy" !important;
    align-items: center !important;
    min-height: 104px !important;
    padding: 16px 18px !important;
    column-gap: 14px !important;
  }

  body.home-page .stat-card .icon {
    grid-area: icon !important;
    width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
  }

  body.home-page .stat-card > div {
    grid-area: copy !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 5px !important;
    min-width: 0 !important;
    align-content: center !important;
  }

  body.home-page .stat-card > div strong,
  body.home-page .stat-card > div b,
  body.home-page .stat-card > div p {
    position: static !important;
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    transform: none !important;
    text-align: left !important;
  }

  body.home-page .stat-card > div strong {
    font-size: clamp(32px, 10vw, 44px) !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
  }

  body.home-page .stat-card > div b {
    font-size: 18px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
  }

  body.home-page .stat-card > div p {
    font-size: 14px !important;
    line-height: 1.45 !important;
    color: rgba(5, 42, 86, .72) !important;
  }

  body.home-page .home-priority {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 14px !important;
    margin-bottom: 18px !important;
  }

  body.home-page .priority-card {
    min-height: 0 !important;
    padding: 18px !important;
    overflow: hidden !important;
  }

  body.home-page .priority-card strong {
    font-size: clamp(23px, 6.6vw, 31px) !important;
    line-height: 1.15 !important;
    margin: 8px 0 8px !important;
    white-space: normal !important;
  }

  body.home-page .priority-card p {
    font-size: 14px !important;
    line-height: 1.55 !important;
    margin: 0 !important;
  }

  body.home-page .priority-photo {
    color: #fff !important;
  }

  body.home-page .priority-photo strong,
  body.home-page .priority-photo p,
  body.home-page .priority-photo span {
    color: #fff !important;
    text-shadow: 0 2px 10px rgba(0, 28, 64, .28) !important;
  }

  .resources-page .overview-metrics article {
    grid-template-columns: minmax(96px, 32%) minmax(0, 1fr) !important;
    grid-template-areas:
      "num title"
      "num copy" !important;
    min-height: 118px !important;
    padding: 18px 20px !important;
    align-items: center !important;
    column-gap: 16px !important;
  }

  .resources-page .overview-metrics article span {
    grid-area: num !important;
    font-size: clamp(40px, 12.5vw, 56px) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .resources-page .overview-metrics article strong {
    grid-area: title !important;
    font-size: 20px !important;
    line-height: 1.22 !important;
    white-space: normal !important;
  }

  .resources-page .overview-metrics article p {
    grid-area: copy !important;
    font-size: 14px !important;
    line-height: 1.48 !important;
    margin-top: 2px !important;
  }

  .footer-inner nav,
  .refresh-footer .footer-inner nav,
  .footer-nav {
    display: none !important;
  }

  .footer-inner,
  .refresh-footer .footer-inner {
    gap: 8px !important;
    padding-bottom: 28px !important;
  }
}

/* 20260617 r72: fix homepage mobile stat card text stacking */
@media (max-width: 760px) {
  body.home-page .stat-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 14px !important;
  }

  body.home-page .stat-row .stat-card {
    display: grid !important;
    grid-template-columns: 64px minmax(0, 1fr) !important;
    grid-template-areas: "icon copy" !important;
    min-height: 112px !important;
    padding: 18px !important;
    column-gap: 16px !important;
    align-items: center !important;
    overflow: hidden !important;
  }

  body.home-page .stat-row .stat-card > .icon,
  body.home-page .stat-row .stat-card > svg.icon {
    grid-area: icon !important;
    width: 46px !important;
    height: 46px !important;
    margin: 0 auto !important;
    align-self: center !important;
  }

  body.home-page .stat-row .stat-card > div {
    grid-area: copy !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 4px !important;
    min-width: 0 !important;
  }

  body.home-page .stat-row .stat-card > div strong,
  body.home-page .stat-row .stat-card > div b,
  body.home-page .stat-row .stat-card > div p {
    grid-area: auto !important;
    position: static !important;
    transform: none !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    text-align: left !important;
  }

  body.home-page .stat-row .stat-card > div b {
    order: 1 !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    color: var(--ink-strong) !important;
    white-space: normal !important;
  }

  body.home-page .stat-row .stat-card > div strong {
    order: 2 !important;
    font-size: clamp(30px, 9vw, 42px) !important;
    line-height: 1.05 !important;
    color: var(--signal-dark) !important;
    white-space: normal !important;
    word-break: keep-all !important;
  }

  body.home-page .stat-row .stat-card > div p {
    order: 3 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    color: rgba(5, 42, 86, .72) !important;
    white-space: normal !important;
  }
}

/* 20260618 final local override: homepage vision video block */
body.home-page #vision .vision-feature {
  display: grid !important;
  grid-template-columns: minmax(300px, .34fr) minmax(460px, .66fr) !important;
  align-items: center !important;
  gap: clamp(72px, 8.8vw, 136px) !important;
  margin: 0 0 clamp(18px, 2.6vw, 34px) !important;
}

body.home-page #vision .vision-copy {
  display: flex !important;
  justify-content: flex-start !important;
  min-width: 0 !important;
}

body.home-page #vision .vision-copy .section-title-split {
  display: block !important;
  width: min(100%, 520px) !important;
  text-align: left !important;
  margin: 0 !important;
  font-size: clamp(42px, 4.4vw, 70px) !important;
  line-height: 1.14 !important;
  letter-spacing: 0 !important;
}

body.home-page #vision .vision-copy .section-title-split span {
  display: block !important;
}

body.home-page #vision .vision-video-card {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  border: 1px solid rgba(138, 194, 237, .58) !important;
  background: rgba(255, 255, 255, .72) !important;
  box-shadow: 0 22px 54px rgba(20, 86, 145, .16) !important;
}

body.home-page #vision .vision-video-player {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border: 0 !important;
  background: #dfeef9 !important;
}

body.home-page #vision .panel {
  margin-top: 0 !important;
}

@media (max-width: 900px) {
  body.home-page #vision .vision-feature {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    margin-bottom: 16px !important;
  }

  body.home-page #vision .vision-copy {
    display: block !important;
  }

  body.home-page #vision .vision-copy .section-title-split {
    width: 100% !important;
    text-align: left !important;
    font-size: clamp(32px, 9.2vw, 46px) !important;
    line-height: 1.12 !important;
  }

  body.home-page #vision .vision-video-card {
    border-radius: 14px !important;
  }
}