/*
 * Industrial-theme fallbacks; active colours come from site-palette.css.
 * Component aliases intentionally point to the four shared palette values.
 */

:root {
  --color-ink: var(--site-palette-dark, #434343);
  --color-ink-soft: var(--site-palette-dark, #434343);
  --color-ink-muted: var(--site-palette-dark, #434343);
  --color-bg: var(--site-palette-background, #f8f8f8);
  --color-surface: var(--site-palette-background, #f8f8f8);
  --color-surface-warm: var(--site-palette-secondary, #faebcd);
  --color-line: var(--site-palette-secondary, #faebcd);
  --color-accent: var(--site-palette-accent, #f7c873);
  --color-accent-strong: var(--site-palette-dark, #434343);
  --shadow-soft:
    0 18px 42px rgba(17, 16, 14, 0.09), 0 5px 14px rgba(17, 16, 14, 0.05);

  --test-black: var(--site-palette-dark, #434343);
  --test-charcoal: var(--site-palette-dark, #434343);
  --test-white: var(--site-palette-background, #f8f8f8);
  --test-light-ink: var(--site-palette-background, #f8f8f8);
  --test-light-ink-muted: var(--site-palette-secondary, #faebcd);
  --test-canvas: var(--site-palette-background, #f8f8f8);
  --test-muted-surface: var(--site-palette-secondary, #faebcd);
  --test-line: var(--site-palette-secondary, #faebcd);
  --test-control-border: var(--site-palette-dark, #434343);
  --test-ochre: var(--site-palette-accent, #f7c873);
  --test-ochre-text: var(--site-palette-dark, #434343);
  --test-gold: var(--site-palette-accent, #f7c873);
  --test-gold-light: var(--site-palette-accent, #f7c873);
  --test-gold-pale: var(--site-palette-secondary, #faebcd);
}

html {
  color-scheme: light;
  background: var(--test-canvas);
}

body[data-page] {
  background: var(--test-canvas);
  color: var(--color-ink-soft);
}

body[data-page] main,
body[data-page] .section-stack,
body[data-page] .page-stack {
  background: var(--test-canvas);
}

body[data-page] ::selection {
  background: var(--test-gold-pale);
  color: var(--test-black);
}

body[data-page] a,
body[data-page] button,
body[data-page] input,
body[data-page] select,
body[data-page] textarea {
  accent-color: var(--test-ochre);
}

body[data-page] :where(a, button, input, select, textarea):focus-visible {
  outline: 3px solid var(--test-ochre-text);
  outline-offset: 3px;
}

/* Header and navigation */
body[data-page] header {
  border-bottom: 1px solid rgba(214, 181, 111, 0.34);
  background: rgba(17, 16, 14, 0.88);
  color: var(--test-light-ink);
  box-shadow: 0 12px 28px rgba(17, 16, 14, 0.18);
}

body[data-page] header .logo,
body[data-page] header .nav-links a {
  color: var(--test-light-ink);
}

body[data-page] header .nav-links a {
  position: relative;
  opacity: 0.92;
}

body[data-page] header .nav-links a::after {
  position: absolute;
  right: 0;
  bottom: 0.08rem;
  left: 0;
  height: 2px;
  background: var(--test-gold-light);
  content: '';
  opacity: 0;
  transform: scaleX(0.35);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

body[data-page] header .nav-links a:hover,
body[data-page] header .nav-links a[aria-current='page'] {
  color: var(--test-gold-light);
  opacity: 1;
}

body[data-page] header .nav-links a:hover::after,
body[data-page] header .nav-links a[aria-current='page']::after {
  opacity: 1;
  transform: scaleX(1);
}

body[data-page] header :where(a, button):focus-visible {
  outline-color: var(--test-gold-light);
}

body[data-page] header .menu-toggle {
  border: 1px solid rgba(214, 181, 111, 0.5);
  border-radius: 8px;
}

/* Light canvas and common content surfaces */
body[data-page] .data-kicker,
body[data-page] .about-title,
body[data-page] .about-block-title,
body[data-page] section h2 {
  color: var(--color-ink);
}

body[data-page] .section-subtitle,
body[data-page] section p,
body[data-page] .about-copy p,
body[data-page] .about-block-lead,
body[data-page] .about-list-text {
  color: var(--color-ink-muted);
}

body[data-page] .data-wrap,
body[data-page] .listings-wrap,
body[data-page] .info-wrap {
  background: transparent;
}

body[data-page] .section-stack .data-wrap {
  border-top-color: var(--test-line);
}

body[data-page] .view-all-btn {
  border-color: var(--test-black);
  background: var(--test-white);
  color: var(--test-black);
  box-shadow: 0 8px 18px rgba(17, 16, 14, 0.08);
}

body[data-page] .view-all-btn:hover {
  border-color: var(--test-black);
  background: var(--test-black);
  color: var(--test-light-ink);
}

body[data-page='home'] .data-header .view-all-btn {
  position: relative;
  min-width: 0;
  min-height: 2.75rem;
  margin: 0;
  padding: 0.45rem 0;
  gap: 0.48rem;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--test-black);
  font-size: 1.02rem;
  font-weight: 900;
  letter-spacing: -0.015em;
  line-height: 1;
  white-space: nowrap;
  transform: none;
}

body[data-page='home'] .data-header .view-all-btn::before {
  content: '';
  position: absolute;
  right: 1.55rem;
  bottom: 0.35rem;
  left: 0;
  height: 1px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.18s ease;
}

body[data-page='home'] .data-header .view-all-btn::after {
  content: '→';
  flex: 0 0 auto;
  color: var(--test-ochre);
  font-size: 1.12rem;
  font-weight: 700;
  line-height: 1;
  transition: transform 0.18s ease;
}

body[data-page='home'] .data-header .view-all-btn:hover {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  color: var(--test-ochre-text);
  transform: none;
}

body[data-page='home'] .data-header .view-all-btn:hover::before {
  transform: scaleX(1);
}

body[data-page='home'] .data-header .view-all-btn:hover::after {
  transform: translateX(2px);
}

body[data-page='home'] .data-header .view-all-btn:active {
  border-color: transparent;
  background: transparent;
  color: var(--test-ochre-text);
  transform: none;
}

/* Home hero and property cards */
body[data-page='home'] .hero-overlay {
  background: linear-gradient(
    180deg,
    rgba(17, 16, 14, 0.66) 0%,
    rgba(17, 16, 14, 0.4) 54%,
    rgba(17, 16, 14, 0.82) 100%
  );
}

body[data-page='home'] .hero-divider {
  background: var(--test-gold-light);
  box-shadow: 0 0 8px rgba(214, 181, 111, 0.38);
}

body[data-page='home'] .hero .hero-description {
  color: var(--test-light-ink-muted);
}

body[data-page] #data.data,
body[data-page] #data.data .data-wrap,
body[data-page] #data #property-container.property-grid,
body[data-page]
  #data
  #property-container.property-grid
  .property-slider-viewport,
body[data-page] #data #property-container.property-grid .property-slider-track,
body[data-page] #data #property-container.property-grid .property-slide {
  background-color: var(--test-canvas);
}

body[data-page] #property-container.property-grid .property-slider-indicator {
  border: 1px solid var(--test-control-border);
  background: transparent;
}

body[data-page]
  #property-container.property-grid
  .property-slider-indicator:hover {
  background: var(--test-gold-pale);
}

body[data-page]
  #property-container.property-grid
  .property-slider-indicator.is-active {
  border-color: var(--test-ochre);
  background: var(--test-ochre);
}

body[data-page] .property-card {
  border: 1px solid rgba(197, 155, 82, 0.38);
  background: var(--test-black);
  box-shadow: none;
}

/* Test preview cards intentionally omit the Mieum logo overlay. */
body[data-page='home'] .property-card-logo-wrap,
body[data-page='listings'] .property-card-logo-wrap {
  display: none !important;
}

body[data-page] .property-card:hover {
  border-color: rgba(197, 155, 82, 0.72);
  box-shadow: none;
}

body[data-page] .property-card--no-image {
  background: linear-gradient(145deg, #151921 0%, #101318 100%);
}

body[data-page] .property-card--no-image .property-overlay,
body[data-page] .property-overlay {
  background: linear-gradient(
    to top,
    rgba(17, 16, 14, 0.97) 0%,
    rgba(17, 16, 14, 0.76) 52%,
    rgba(17, 16, 14, 0.06) 100%
  );
}

body[data-page] .property-card--no-image .property-overlay {
  background: linear-gradient(
    to top,
    rgba(16, 19, 24, 0.98) 0%,
    rgba(21, 25, 33, 0.88) 54%,
    rgba(21, 25, 33, 0.64) 100%
  );
}

body[data-page] .property-price,
body[data-page] .property-card--no-image .property-price {
  color: var(--test-gold-light);
}

body[data-page='home'] .property-meta,
body[data-page='home'] .property-summary,
body[data-page='listings'] .property-meta,
body[data-page='listings'] .property-summary,
body[data-page] .property-card--no-image .property-meta {
  color: var(--test-light-ink);
  opacity: 1;
}

body[data-page] .property-status.status-selling {
  border-color: rgba(255, 255, 255, 0.48);
  background: var(--test-gold);
  color: var(--test-black);
}

body[data-page] .property-card :where(a, button):focus-visible {
  outline-color: var(--test-gold-light);
}

/* About section: original split colors with test-theme divider lines */
body[data-page='home'] .about-highlight {
  background: #101318;
}

body[data-page='home'] .about-highlight-pane--left::before {
  background: linear-gradient(
    180deg,
    rgba(17, 19, 24, 0.35) 0%,
    rgba(17, 19, 24, 0.2) 55%,
    rgba(17, 19, 24, 0.7) 100%
  );
}

body[data-page='home'] .about-highlight-pane--right {
  background: #151921;
  box-shadow: none;
}

body[data-page='home'] .about-highlight-pane--right::before {
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: -24px;
  width: 24px;
  background: linear-gradient(
    90deg,
    rgba(16, 19, 24, 0) 0%,
    rgba(21, 25, 33, 0.48) 48%,
    #151921 100%
  );
  content: '';
  pointer-events: none;
}

body[data-page='home'] .about-highlight-content {
  color: var(--test-light-ink);
}

body[data-page='home'] .about-highlight-point,
body[data-page='home'] .about-highlight-desc {
  color: var(--test-light-ink);
}

body[data-page='home'] .about-highlight-list p {
  color: var(--test-light-ink-muted);
}

body[data-page='home'] .about-highlight-kicker {
  color: var(--test-light-ink-muted);
}

body[data-page='home'] .about-highlight-list li {
  border-color: rgba(214, 181, 111, 0.28);
}

body[data-page='home'] .about-highlight-divider {
  background: rgba(214, 181, 111, 0.28);
}

body[data-page='home']
  .about-highlight-footer
  .about-tags.about-tags--light
  span {
  border: 1px solid rgba(184, 143, 72, 0.68);
  border-radius: 999px;
  background: #f4e8d8;
  background-image: none;
  box-shadow: none;
  color: #2b2b2b;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 1.7rem;
  padding: 0 0.65rem;
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1;
  text-shadow: none;
}

body[data-page='home']
  .about-highlight-footer
  .about-tags.about-tags--light
  span:nth-child(2) {
  border-color: rgba(143, 132, 91, 0.62);
}

body[data-page='home']
  .about-highlight-footer
  .about-tags.about-tags--light
  span:nth-child(3) {
  border-color: rgba(166, 119, 88, 0.62);
}

@media (max-width: 980px) {
  body[data-page='home'] .about-highlight-pane--right::before {
    top: -24px;
    right: 0;
    bottom: auto;
    left: 0;
    width: auto;
    height: 24px;
    background: linear-gradient(
      180deg,
      rgba(16, 19, 24, 0) 0%,
      rgba(21, 25, 33, 0.48) 48%,
      #151921 100%
    );
  }
}

body[data-page='home'] .about-block,
body[data-page='home'] .about-merge-section {
  border-color: var(--test-line);
  background: var(--test-white);
  box-shadow: var(--shadow-soft);
}

body[data-page='home'] .about-merge-section {
  background: var(--test-canvas);
  box-shadow: none;
}

body[data-page='home'] .about-block.about-request {
  border-color: rgba(138, 94, 26, 0.28);
  background: var(--test-white);
  box-shadow: 0 18px 42px rgba(17, 16, 14, 0.1);
}

body[data-page='home'] .about-request .about-block-title {
  color: var(--color-ink);
}

body[data-page='home'] .about-request-btn,
body[data-page] .request-submit {
  border: 1px solid var(--test-ochre);
  background: var(--test-ochre);
  color: var(--test-light-ink);
  box-shadow: 0 10px 22px rgba(112, 72, 21, 0.22);
}

body[data-page='home'] .about-request-btn:hover,
body[data-page] .request-submit:hover {
  border-color: var(--test-black);
  background: var(--test-black);
  color: var(--test-light-ink);
}

body[data-page='home'] .about-request--sidebar {
  position: relative;
  isolation: isolate;
  gap: 1rem;
  overflow: hidden;
  padding: clamp(1.25rem, 3vw, 1.6rem);
}

body[data-page='home']
  .about-request--sidebar[data-placement='about-inline']::before {
  display: none;
}

body[data-page='home'] .about-request--sidebar[data-placement='about-inline'] {
  overflow: visible;
  border: 1px solid var(--test-line);
  border-radius: 16px;
  background: var(--test-white);
  box-shadow: 0 14px 34px rgba(17, 16, 14, 0.08);
}

body[data-page='home'] .about-career-block,
body[data-page='home'] #service-regions,
body[data-page='home'] .about-request--sidebar[data-placement='about-inline'] {
  padding: 1.35rem 1.5rem;
  border: 1px solid rgba(17, 19, 24, 0.08);
  border-radius: 14px;
  background: var(--color-surface);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
}

body[data-page='home'] .about-request-header {
  display: grid;
  align-content: start;
  gap: 0.48rem;
}

body[data-page='home'] .about-request-main {
  display: contents;
}

body[data-page='home'] .about-request-header .about-block-title {
  padding-top: 0.08rem;
  font-size: clamp(1.35rem, 2.4vw, 1.58rem);
}

body[data-page='home'] .about-request-header .about-request-text {
  margin: 0;
  color: var(--color-ink-muted);
  font-size: 0.98rem;
  font-weight: 600;
  line-height: 1.7;
}

body[data-page='home'] .about-request--sidebar .about-request-actions {
  display: grid;
  padding: 0.85rem 0;
  border: 0;
  border-top: 1px solid var(--test-line);
  border-bottom: 1px solid var(--test-line);
  border-radius: 0;
  background: transparent;
  gap: 0.65rem;
}

body[data-page='home'] .about-request-field-label {
  margin: 0;
  color: var(--test-ochre-text);
  font-size: 0.88rem;
  font-weight: 800;
  letter-spacing: 0.08em;
}

body[data-page='home'] .about-request-field-list {
  display: grid;
  padding: 0;
  margin: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.45rem;
  list-style: none;
}

body[data-page='home'] .about-request-field-list li {
  position: relative;
  display: flex;
  min-height: 38px;
  align-items: center;
  padding: 0.4rem 0.45rem 0.4rem 1.15rem;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--color-ink);
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.35;
  word-break: keep-all;
}

body[data-page='home'] .about-request-field-list li::before {
  position: absolute;
  left: 0.25rem;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--test-ochre);
  content: '';
}

body[data-page='home'] .about-request--sidebar .about-request-btn {
  width: 100%;
  min-height: 54px;
  box-sizing: border-box;
  border-radius: 10px;
  margin-top: 0.05rem;
  font-size: 1rem;
}

body[data-page='home'] .about-request--sidebar .about-request-btn::after {
  margin-left: 0.45rem;
  content: '→';
  transition: transform 0.2s ease;
}

body[data-page='home'] .about-request--sidebar .about-request-btn:hover::after {
  transform: translateX(3px);
}

body[data-page='home'] .about-request-notes {
  display: grid;
  padding: 0.85rem 0 0 0.9rem;
  border-top: 1px solid rgba(112, 72, 21, 0.2);
  border-left: 3px solid var(--test-gold);
  gap: 0.45rem;
}

body[data-page='home'] .about-request-notes .about-request-note {
  margin: 0;
  color: var(--color-ink-muted);
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 1.6;
}

body[data-page='home'] .about-request--sidebar[data-placement='property-rail'] {
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  gap: 0.8rem;
}

body[data-page='home']
  .about-request--sidebar[data-placement='property-rail']
  .about-request-main {
  display: grid;
  overflow: hidden;
  border: 1px solid rgba(214, 181, 111, 0.22);
  border-radius: 18px;
  background: #24221e;
  box-shadow:
    0 18px 42px rgba(17, 16, 14, 0.14),
    0 6px 14px rgba(17, 16, 14, 0.06);
  gap: 0;
}

body[data-page='home']
  .about-request--sidebar[data-placement='property-rail']
  .about-request-header {
  padding: 1.35rem 1.25rem 1.2rem;
  border-bottom: 1px solid rgba(214, 181, 111, 0.2);
  background: linear-gradient(145deg, #302d27 0%, #24221e 100%);
  gap: 0.52rem;
}

body[data-page='home']
  .about-request--sidebar[data-placement='property-rail']
  .about-block-title {
  color: var(--test-light-ink);
  font-size: 1.25rem;
}

body[data-page='home']
  .about-request--sidebar[data-placement='property-rail']
  .about-block-title::after {
  background: #c7ad7a;
  opacity: 0.72;
}

body[data-page='home']
  .about-request--sidebar[data-placement='property-rail']
  .about-request-text {
  color: var(--test-light-ink-muted);
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.68;
}

body[data-page='home']
  .about-request--sidebar[data-placement='property-rail']
  .about-request-actions {
  padding: 1.05rem 1.15rem 0.9rem;
  border: 0;
  border-bottom: 1px solid rgba(214, 181, 111, 0.22);
  border-radius: 0;
  background: #24221e;
  gap: 0.68rem;
}

body[data-page='home']
  .about-request--sidebar[data-placement='property-rail']
  .about-request-field-label {
  color: #cbb88f;
  font-size: 0.88rem;
}

body[data-page='home']
  .about-request--sidebar[data-placement='property-rail']
  .about-request-field-list {
  gap: 0.1rem 0.55rem;
}

body[data-page='home']
  .about-request--sidebar[data-placement='property-rail']
  .about-request-field-list
  li {
  min-height: 38px;
  padding: 0.42rem 0.1rem 0.42rem 1rem;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--test-light-ink);
  font-size: 0.9rem;
}

body[data-page='home']
  .about-request--sidebar[data-placement='property-rail']
  .about-request-field-list
  li::before {
  left: 0.1rem;
  background: #c7ad7a;
}

body[data-page='home']
  .about-request--sidebar[data-placement='property-rail']
  .about-request-btn {
  width: calc(100% - 2.3rem);
  margin: 1.05rem 1.15rem 1.15rem;
  border-color: #9b8053;
  border-radius: 9px;
  background: #896a38;
  box-shadow: 0 8px 18px rgba(12, 11, 9, 0.2);
}

body[data-page='home']
  .about-request--sidebar[data-placement='property-rail']
  .about-request-btn:hover {
  border-color: #957a50;
  background: #85683a;
  box-shadow: 0 10px 20px rgba(12, 11, 9, 0.24);
}

body[data-page='home'] .about-trust-section {
  padding: 0.15rem 0;
  background: transparent;
}

body[data-page='home']
  .about-trust-section
  .about-request-notes[data-placement='trust-section'] {
  padding: 0.1rem 0 0.1rem 1rem;
  border: 0;
  border-left: 2px solid rgba(138, 94, 26, 0.42);
  gap: 0.6rem;
}

body[data-page='home'] .about-trust-section .about-request-note {
  padding: 0;
  border: 0;
  color: var(--color-ink-muted);
  font-size: 0.98rem;
  font-weight: 600;
  line-height: 1.72;
}

body[data-page='home']
  .about-wrap
  > .about-request--sidebar[data-placement='about-inline']
  + .about-trust-section[data-placement='after-request'] {
  width: 100%;
  box-sizing: border-box;
  margin-top: -1rem;
}

@media (min-width: 1041px) and (max-width: 1879px) {
  body[data-page='home']
    .about-request--sidebar[data-placement='about-inline'] {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 1rem;
  }

  body[data-page='home']
    .about-request--sidebar[data-placement='about-inline']
    .about-request-field-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  body[data-page='home']
    .about-request--sidebar[data-placement='about-inline']
    .about-request-btn {
    width: 100%;
  }
}

@media (min-width: 1880px) {
  body[data-page='home'] .section-stack {
    width: 1520px;
    max-width: none;
    margin-right: auto;
    margin-left: calc((100% - 1200px) / 2);
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    grid-template-areas:
      'properties request'
      'about request';
    column-gap: 20px;
    row-gap: 0;
    align-items: start;
  }

  body[data-page='home'] .section-stack > #data {
    min-width: 0;
    grid-area: properties;
  }

  body[data-page='home'] .section-stack > #about {
    min-width: 0;
    grid-area: about;
  }

  body[data-page='home'] .section-stack > .about-request--sidebar {
    grid-area: request;
    align-self: start;
    z-index: 5;
  }
}

@media (min-width: 1880px) and (min-height: 860px) {
  body[data-page='home'] .section-stack > .about-request--sidebar {
    position: sticky;
    top: 96px;
  }
}

@media (max-width: 600px) {
  body[data-page='home']
    .about-request--sidebar[data-placement='about-inline']
    .about-request-field-list {
    grid-template-columns: 1fr;
  }

  body[data-page='home']
    .about-request--sidebar[data-placement='about-inline']
    .about-request-btn {
    min-height: 56px;
  }
}

/* Listings and filter controls */
body[data-page='listings'] .listings-filters {
  padding: clamp(1rem, 2.5vw, 1.35rem);
  border: 1px solid var(--test-line);
  border-radius: 14px;
  background: var(--test-white);
  box-shadow: 0 10px 24px rgba(17, 16, 14, 0.06);
}

body[data-page='listings'] .filter-label {
  color: var(--color-ink-soft);
}

body[data-page='listings'] .filter-tag {
  border-color: var(--test-control-border);
  background: var(--test-white);
  color: var(--color-ink-soft);
}

body[data-page='listings'] .filter-tag:hover {
  border-color: var(--test-ochre);
  background: var(--test-gold-pale);
  color: var(--test-black);
}

body[data-page='listings'] .filter-tag.is-active {
  border-color: var(--test-black);
  background: var(--test-black);
  color: var(--test-light-ink);
  box-shadow: 0 6px 14px rgba(17, 16, 14, 0.18);
}

/* Information cards: remove the legacy navy palette */
body[data-page='info'] .post-card {
  border: 1px solid var(--test-line);
  background: var(--test-white);
  box-shadow: 0 14px 30px rgba(17, 16, 14, 0.1);
}

body[data-page='info'] .post-card:hover {
  border-color: rgba(138, 94, 26, 0.48);
  box-shadow: 0 20px 38px rgba(17, 16, 14, 0.15);
}

body[data-page='info'] .post-card-image {
  background-color: var(--test-muted-surface);
}

body[data-page='info'] .post-card-image::after {
  background: linear-gradient(
    to bottom,
    rgba(17, 16, 14, 0.02) 18%,
    rgba(17, 16, 14, 0.16) 64%,
    rgba(17, 16, 14, 0.42) 100%
  );
}

body[data-page='info'] .post-card-image--empty {
  background: linear-gradient(145deg, #292620 0%, var(--test-black) 100%);
}

body[data-page='info'] .post-card-empty-text {
  border-left-color: rgba(214, 181, 111, 0.72);
  color: var(--test-gold-light);
}

body[data-page='info'] .post-card-body {
  border-top: 3px solid var(--test-gold);
  background: var(--test-white);
}

body[data-page='info'] .post-card-body::before {
  display: none;
}

body[data-page='info'] .post-card-title {
  color: var(--test-black);
}

body[data-page='info'] .post-card-date {
  color: var(--test-ochre-text);
}

body[data-page='info'] .post-card-excerpt {
  color: var(--color-ink-muted);
}

/* Industrial-complex page: keep every middle section light */
.eogok-page {
  --black: var(--test-black);
  --ink: var(--color-ink);
  --ink-soft: var(--color-ink-muted);
  --line: var(--test-line);
  --line-dark: #453f35;
  --paper: var(--test-white);
  --ivory: var(--test-canvas);
  --ivory-deep: var(--test-muted-surface);
  --gold: var(--test-gold);
  --gold-bright: var(--test-gold-light);
  --gold-dark: var(--test-ochre-text);
  --shadow: var(--shadow-soft);
  --eogok-muted: var(--color-ink-muted);
  --eogok-gold-pale: var(--test-gold-light);
}

.eogok-page main,
.eogok-page main > section,
.eogok-page .eogok-summary,
.eogok-page .eogok-vision,
.eogok-page .eogok-land-use,
.eogok-page .eogok-industries,
.eogok-page .eogok-consultation {
  background-color: var(--test-canvas);
}

.eogok-page .eogok-hero {
  background:
    linear-gradient(
      90deg,
      rgba(17, 16, 14, 0.94) 0%,
      rgba(17, 16, 14, 0.78) 58%,
      rgba(17, 16, 14, 0.62) 100%
    ),
    var(--industrial-complex-hero-image, url('/uploads/1_2.jpg'))
      var(--industrial-complex-hero-position, center 12%) / cover no-repeat;
}

.eogok-page .eogok-hero__badges span,
.eogok-page .eogok-hero-card {
  border-color: rgba(214, 181, 111, 0.38);
  background: rgba(17, 16, 14, 0.91);
}

.eogok-page .eogok-hero__lead {
  color: var(--test-light-ink-muted);
}

.eogok-page .button--gold {
  border-color: var(--test-gold);
  background: var(--test-gold);
  color: var(--test-black);
}

.eogok-page .button--gold:hover {
  border-color: var(--test-ochre);
  background: var(--test-ochre);
  color: var(--test-light-ink);
}

.eogok-page .text-link,
.eogok-page .eyebrow--dark {
  color: var(--test-ochre-text);
}

.eogok-page .eogok-keyfacts,
.eogok-page .eogok-section-nav,
.eogok-page .eogok-project-table-wrap,
.eogok-page .eogok-vision__figure,
.eogok-page .eogok-infrastructure,
.eogok-page .eogok-plan-figure,
.eogok-page .eogok-industry-card,
.eogok-page .eogok-code-notice,
.eogok-page .eogok-industry-conditions,
.eogok-page .eogok-checklist li,
.eogok-page .eogok-confirmed,
.eogok-page .eogok-to-confirm,
.eogok-page .eogok-source-panel {
  border-color: var(--test-line);
}

.eogok-page .eogok-keyfacts__grid > div,
.eogok-page .eogok-section-nav,
.eogok-page .eogok-project-table-wrap,
.eogok-page .eogok-vision__figure,
.eogok-page .eogok-infrastructure,
.eogok-page .eogok-plan-figure,
.eogok-page .eogok-industry-card,
.eogok-page .eogok-checklist li,
.eogok-page .eogok-confirmed,
.eogok-page .eogok-source-panel {
  background: var(--test-white);
}

.eogok-page .eogok-update-card,
.eogok-page .eogok-industry-card--featured,
.eogok-page .eogok-to-confirm {
  border-color: rgba(214, 181, 111, 0.4);
  background: var(--test-black);
  color: var(--test-light-ink);
}

.eogok-page .eogok-update-card > p:not(.eogok-update-card__date),
.eogok-page .eogok-industry-card--featured p,
.eogok-page .eogok-to-confirm p,
.eogok-page .eogok-to-confirm li {
  color: #d8d0c2;
}

.eogok-page .eogok-update-card__status,
.eogok-page .eogok-update-card__date,
.eogok-page .eogok-update-card > a,
.eogok-page .eogok-industry-card--featured .eogok-industry-card__code,
.eogok-page .eogok-to-confirm strong {
  color: var(--test-gold-light);
}

.eogok-page .eogok-vision__figure figcaption {
  border-top-color: var(--test-line);
  background: var(--test-white);
  color: var(--color-ink);
}

.eogok-page .eogok-code-notice,
.eogok-page .eogok-industry-conditions,
.eogok-page .eogok-source-panel__footnote {
  background: var(--test-muted-surface);
}

.eogok-page .eogok-section-nav a:hover {
  background: var(--test-black);
  color: var(--test-gold-light);
}

.eogok-page .eogok-ratio__industry,
.eogok-page .eogok-dot--industry {
  background: var(--test-gold);
  color: var(--test-black);
}

.eogok-page .eogok-ratio__public,
.eogok-page .eogok-dot--public {
  background: #746a5b;
  color: var(--test-light-ink);
}

.eogok-page .eogok-ratio__support,
.eogok-page .eogok-dot--support {
  background: var(--test-black);
}

@media (max-width: 768px) {
  body[data-page='home'] #data .data-header {
    width: 100%;
    max-width: calc(100vw - 2.5rem);
    box-sizing: border-box;
  }

  body[data-page='home'] .data-header .view-all-btn {
    min-width: 0;
    padding-right: 0;
    padding-left: 0;
    gap: 0.45rem;
  }

  body[data-page] header .nav-links {
    border-top: 1px solid rgba(214, 181, 111, 0.28);
    background: rgba(17, 16, 14, 0.92);
  }

  body[data-page] .property-card:hover,
  body[data-page='info'] .post-card:hover {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-page] header .nav-links a::after,
  body[data-page='home'] .about-request--sidebar .about-request-btn::after,
  body[data-page='home'] .data-header .view-all-btn::before,
  body[data-page='home'] .data-header .view-all-btn::after {
    transition: none;
  }
}

/* Industrial page: plain white content canvas. */
body.eogok-page,
body.eogok-page main,
body.eogok-page main > :not(.eogok-hero) {
  background: var(--test-canvas);
}

body.eogok-page main > .eogok-hero {
  background-color: var(--test-black);
}

/* Listing detail: retain the public layout with TEST black/white/gold contrast. */
body[data-page='listings'] .listing-detail-card > .listing-detail-card-body {
  background: linear-gradient(180deg, var(--test-charcoal), var(--test-black));
  color: var(--test-white);
}

body[data-page='listings']
  .listing-detail-card
  :is(
    .listing-detail-card-hero-content,
    .listing-detail-card-hero h1,
    .listing-detail-card-price,
    .listing-detail-card-section-header h2,
    .listing-detail-card-description h2,
    .listing-detail-card-actions a,
    .listing-detail-card-specs .detail-value,
    .listing-detail-card-contact-title
  ) {
  color: var(--test-white);
}

body[data-page='listings']
  .listing-detail-card
  :is(
    .listing-detail-card-badges span,
    .listing-detail-card-summary,
    .listing-detail-card-specs .detail-label,
    .listing-detail-card-empty,
    .listing-detail-card-description p,
    .listing-detail-card-contact,
    .listing-detail-card-status-notice
  ) {
  color: #dedede;
}

body[data-page='listings']
  .listing-detail-card
  :is(.listing-detail-card-kicker, .listing-detail-card-photo-note) {
  color: var(--test-gold-light);
}

body[data-page='listings']
  .listing-detail-card
  :is(
    .listing-detail-card-specs .detail-row,
    .listing-detail-card-description,
    .listing-detail-card-contact
  ) {
  border-color: rgba(214, 181, 111, 0.24);
}

body[data-page='listings'] .listing-detail-card .listing-detail-card-contact,
body[data-page='listings']
  .listing-detail-card
  .listing-detail-card-contact
  :is(p, strong, a) {
  color: var(--test-white);
}

body[data-page='listings']
  .listing-detail-card
  .listing-detail-card-contact
  a:hover,
body[data-page='listings']
  .listing-detail-card
  .listing-detail-card-contact
  a:focus-visible {
  color: var(--test-gold-light);
}