.section-nav {
  overflow-x: auto;
  padding: var(--space-2) 0;
  background: rgba(255, 250, 242, .96);
  box-shadow: 0 12px 30px rgba(76, 43, 40, .06);
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.section-nav::-webkit-scrollbar { display: none; }

.section-nav-inner {
  display: flex;
  min-width: max-content;
  align-items: center;
  gap: var(--space-2);
}

.section-nav a {
  display: inline-flex;
  min-height: var(--control-height-compact);
  align-items: center;
  padding: 0 var(--space-5);
  border-radius: var(--button-radius);
  color: var(--ink);
  font-size: var(--fs-support);
  font-weight: var(--fw-semibold);
  transition: background .2s ease, color .2s ease;
}

.section-nav a:hover,
.section-nav a:focus-visible {
  background: rgba(156, 63, 53, .12);
  color: var(--lacquer-deep);
}

.section-nav a[aria-current="location"] {
  background: var(--lacquer);
  color: #fff;
}

.fields-banner {
  padding: var(--space-6) 0;
  background:
    radial-gradient(circle at 86% 14%, rgba(75, 55, 99, .11), transparent 30%),
    linear-gradient(112deg, rgba(156, 63, 53, .10), transparent 46%),
    var(--paper);
}

.fields-page main > .fields-banner + section {
  padding-top: var(--space-7);
}

.breadcrumb {
  margin: 0 0 var(--space-5);
  color: var(--muted);
  font-size: var(--fs-meta);
  line-height: var(--lh-support);
}

.breadcrumb a {
  color: var(--lacquer);
  font-weight: var(--fw-semibold);
}

.fields-banner-copy {
  max-width: 920px;
}

.page-title {
  margin: 0;
  color: var(--lacquer-deep);
  font-size: var(--fs-title);
  font-weight: var(--fw-bold);
  line-height: var(--lh-tight);
}

.page-deck {
  margin: var(--space-3) 0 0;
  color: var(--ink);
  font-size: var(--fs-heading-small);
  font-weight: var(--fw-medium);
  line-height: var(--lh-deck);
}

.fields-lead,
.field-directory-section,
.culture-opening,
.culture-scope-section,
.culture-continuity-section,
.sports-opening,
.sports-observation-section,
.sports-public-section,
.arts-opening,
.arts-branches-section,
.arts-professional-section,
.cross-opening,
.cross-themes-section,
.cross-boundary-section {
  padding: var(--space-section) 0;
}

.fields-lead-grid,
.culture-opening-grid,
.arts-opening-grid,
.cross-opening-grid {
  display: grid;
  align-items: start;
  gap: var(--space-8);
}

.fields-lead-grid { grid-template-columns: minmax(0, 1.08fr) minmax(380px, .92fr); }
.culture-opening-grid { grid-template-columns: minmax(380px, .9fr) minmax(0, 1.1fr); }
.arts-opening-grid { grid-template-columns: minmax(0, 1.04fr) minmax(420px, .96fr); }
.cross-opening-grid { grid-template-columns: minmax(360px, .88fr) minmax(0, 1.12fr); }

.section-deck {
  max-width: 900px;
  margin: var(--space-3) 0 0;
  color: var(--ink);
  font-size: var(--fs-heading-small);
  font-weight: var(--fw-medium);
  line-height: var(--lh-deck);
}

.fields-lead-copy .prose,
.culture-opening-copy .prose,
.arts-opening-copy .prose,
.cross-opening-copy .prose { margin-top: var(--space-5); }

.fields-lead-visual,
.culture-visual,
.sports-wide-visual,
.arts-visual,
.cross-visual {
  margin: 0;
  overflow: hidden;
  background: rgba(75, 55, 99, .08);
  box-shadow: var(--shadow);
}

.fields-lead-visual { aspect-ratio: 4 / 3; }
.culture-visual { height: 590px; }
.sports-wide-visual { height: 480px; }
.arts-visual { height: 520px; }
.cross-visual { height: 570px; }

.fields-overview-visual img { object-position: center; }
.culture-visual img { object-position: center; }
.sports-wide-visual img { object-position: center 44%; }
.arts-visual img { object-position: center; filter: brightness(1.18) saturate(1.03); }
.cross-visual img { object-position: center; }

.fields-section-heading {
  margin-bottom: var(--space-7);
}

.field-directory-section,
.culture-scope-section,
.arts-branches-section,
.cross-themes-section { background: var(--paper); }

.field-directory-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
}

.field-directory-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: start;
  gap: var(--space-4);
  min-height: 290px;
  padding: var(--space-6);
  background: rgba(75, 55, 99, .055);
  transition: color .2s ease, background .2s ease, transform .2s ease;
}

.field-directory-row:nth-child(2),
.field-directory-row:nth-child(3) { background: rgba(156, 63, 53, .055); }

.field-directory-row:hover,
.field-directory-row:focus-visible {
  color: var(--lacquer-deep);
  background: rgba(156, 63, 53, .09);
  transform: translateY(-4px);
}

.field-directory-row .number-label {
  color: var(--lacquer-deep);
  font-size: var(--fs-heading-small);
  line-height: var(--lh-heading);
}

.field-directory-row .number-label span { font-weight: var(--fw-heavy); }
.field-directory-row .number-label strong { font-weight: var(--fw-bold); }

.field-directory-row > p {
  margin: 0;
  color: var(--ink);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
}

.field-directory-row ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-4);
  align-self: end;
  margin: auto 0 0;
  padding: 0;
  color: var(--muted);
  font-size: var(--fs-support);
  line-height: var(--lh-support);
  list-style: none;
}

.fields-common-section {
  padding: var(--space-section) 0;
  background: rgba(75, 55, 99, .07);
}

.fields-common-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-8);
}

.fields-common-copy h3,
.sports-observation-grid h3,
.arts-branch-grid h3,
.arts-professional-grid h3,
.cross-theme-grid h3,
.cross-boundary-grid h3 {
  margin: 0;
  color: var(--indigo);
  font-size: var(--fs-heading-small);
  font-weight: var(--fw-bold);
  line-height: var(--lh-heading);
}

.fields-common-copy p,
.sports-public-grid p,
.sports-observation-grid p,
.arts-branch-grid p,
.arts-professional-grid p,
.cross-theme-grid p,
.cross-boundary-grid p {
  margin: var(--space-2) 0 0;
  color: var(--muted);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
}

.sports-public-grid h3 {
  margin: 0;
  color: var(--indigo);
  font-size: var(--fs-heading-small);
  font-weight: var(--fw-bold);
  line-height: var(--lh-heading);
}

.scope-definition-list { margin: 0; }

.scope-definition-list > div {
  display: grid;
  grid-template-columns: minmax(260px, 360px) minmax(0, 1fr);
  gap: var(--space-8);
  padding: var(--space-5) 0;
  border-top: 1px solid var(--line);
}

.scope-definition-list > div:first-child { border-top-color: var(--indigo); }

.scope-definition-list dt {
  color: var(--indigo);
  font-size: var(--fs-heading-small);
  line-height: var(--lh-heading);
}

.scope-definition-list dt span { font-weight: var(--fw-heavy); }
.scope-definition-list dt strong { font-weight: var(--fw-bold); }

.scope-definition-list dd {
  margin: 0;
  color: var(--ink);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
}

.culture-continuity-section { background: rgba(156, 63, 53, .055); }

.fields-two-column-copy {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-8);
  align-items: start;
}

.sports-opening-heading {
  margin-top: var(--space-7);
}

.sports-observation-section { background: rgba(75, 55, 99, .055); }

.sports-observation-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
}

.sports-observation-grid article {
  min-height: 250px;
  padding: var(--space-6);
  background: rgba(255, 250, 242, .82);
  box-shadow: 0 14px 40px rgba(76, 43, 40, .07);
}

.sports-observation-grid article:nth-child(even) { transform: translateY(var(--space-4)); }

.arts-branch-grid {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  align-items: start;
  gap: var(--space-5);
}

.arts-branch-grid article {
  padding: var(--space-6);
  background: rgba(75, 55, 99, .055);
}

.arts-branch-grid article:first-child,
.arts-branch-grid article:last-child {
  background: rgba(156, 63, 53, .055);
}

.arts-branch-grid article:nth-child(2) { margin-top: var(--space-7); }
.arts-branch-grid article:nth-child(3) { margin-top: calc(-1 * var(--space-7)); }

.cross-theme-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-6);
  align-items: start;
}

.cross-theme-grid article {
  padding: var(--space-5) 0;
}

.cross-theme-grid article:nth-child(even) { padding-top: var(--space-8); }

.sports-observation-grid .number-label,
.arts-branch-grid .number-label,
.cross-theme-grid .number-label {
  align-items: start;
  color: var(--lacquer);
  font-size: var(--fs-heading-small);
  line-height: var(--lh-heading);
}

.sports-observation-grid .number-label span,
.arts-branch-grid .number-label span,
.cross-theme-grid .number-label span { font-weight: var(--fw-heavy); }

.sports-public-section { background: var(--paper); }

.sports-public-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: var(--space-8);
}

.arts-professional-section { background: rgba(156, 63, 53, .055); }

.arts-professional-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-8);
}

.cross-boundary-section { background: rgba(75, 55, 99, .065); }

.cross-boundary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: var(--space-8);
}

@media (max-width: 1080px) {
  .fields-lead-grid,
  .culture-opening-grid,
  .arts-opening-grid,
  .cross-opening-grid { grid-template-columns: 1fr 1fr; }

  .fields-common-grid,
  .sports-public-grid,
  .arts-professional-grid,
  .cross-boundary-grid { gap: var(--space-6); }
}

@media (max-width: 820px) {
  .fields-lead-grid,
  .culture-opening-grid,
  .arts-opening-grid,
  .cross-opening-grid { grid-template-columns: 1fr; }

  .culture-visual,
  .arts-visual,
  .cross-visual { height: 440px; }

  .sports-wide-visual { height: 390px; }

  .field-directory-list { grid-template-columns: 1fr; }
  .field-directory-row { min-height: 0; }
  .cross-theme-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .arts-branch-grid article:nth-child(2),
  .arts-branch-grid article:nth-child(3) { margin-top: 0; }

  .fields-common-grid,
  .sports-public-grid,
  .arts-professional-grid,
  .cross-boundary-grid { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .fields-banner { padding: var(--space-5) 0; }

  .fields-lead,
  .field-directory-section,
  .culture-opening,
  .culture-scope-section,
  .culture-continuity-section,
  .sports-opening,
  .sports-observation-section,
  .sports-public-section,
  .arts-opening,
  .arts-branches-section,
  .arts-professional-section,
  .cross-opening,
  .cross-themes-section,
  .cross-boundary-section { padding: var(--space-8) 0; }

  .fields-page main > .fields-banner + section {
    padding-top: var(--space-6);
  }

  .field-directory-row,
  .scope-definition-list > div,
  .fields-two-column-copy,
  .sports-observation-grid,
  .arts-branch-grid,
  .cross-theme-grid { grid-template-columns: 1fr; }

  .field-directory-row {
    gap: var(--space-3);
    padding: var(--space-5);
  }
  .field-directory-row ul { grid-column: auto; }
  .scope-definition-list > div { gap: var(--space-3); }

  .sports-observation-grid article {
    min-height: 0;
    padding: var(--space-5);
  }
  .sports-observation-grid article:nth-child(even) { transform: none; }
  .arts-branch-grid article { min-height: 0; padding: var(--space-5); }
  .cross-theme-grid article,
  .cross-theme-grid article:nth-child(even) { padding: var(--space-5) 0; }

}

@media (max-width: 480px) {
  .culture-visual,
  .arts-visual,
  .cross-visual { height: 330px; }

  .sports-wide-visual { height: 300px; }
}

/* Compact field-page rhythm; page type differences remain in the internal grids. */
.fields-page main > section {
  padding-top: var(--space-8);
  padding-bottom: var(--space-8);
}

.fields-page main > .fields-banner + section {
  padding-top: var(--space-7);
}

@media (max-width: 760px) {
  .fields-page main > section {
    padding-top: var(--space-7);
    padding-bottom: var(--space-7);
  }

  .fields-page main > .fields-banner + section {
    padding-top: var(--space-6);
  }
}