/*
 * LDG ESG V5.3.9 - Runtime Stability, Golden Demo & Certification Closure
 * First-paint contract only: no JS style rewrite, no navigation pending animation.
 */
.ldg40-root.ldg539-runtime-stable,
.ldg40-root.ldg539-runtime-stable * {
  animation: none !important;
  transition: none !important;
}

.ldg40-root.ldg539-runtime-stable {
  --ldg539-operational-font: 13px;
  --ldg539-secondary-font: 12.5px;
  contain: style;
}

.ldg40-root.ldg539-runtime-stable .ldg40-layout {
  align-items: stretch;
}

.ldg40-root.ldg539-runtime-stable .ldg40-sidebar {
  flex: 0 0 var(--ldg-sidebar-width, 268px);
  width: var(--ldg-sidebar-width, 268px);
  min-width: var(--ldg-sidebar-width, 268px);
}

.ldg40-root.ldg539-runtime-stable main {
  min-width: 0;
  overflow-x: clip;
}

.ldg40-root.ldg539-runtime-stable .ldg40-sidebar nav a,
.ldg40-root.ldg539-runtime-stable .ldg40-sidebar nav a strong,
.ldg40-root.ldg539-runtime-stable .ldg40-content button,
.ldg40-root.ldg539-runtime-stable .ldg40-content input,
.ldg40-root.ldg539-runtime-stable .ldg40-content select,
.ldg40-root.ldg539-runtime-stable .ldg40-content textarea,
.ldg40-root.ldg539-runtime-stable .ldg40-content label,
.ldg40-root.ldg539-runtime-stable .ldg40-content table,
.ldg40-root.ldg539-runtime-stable .ldg40-content p,
.ldg40-root.ldg539-runtime-stable .ldg40-content li {
  font-size: max(var(--ldg539-operational-font), 0.8125rem);
  line-height: 1.45;
}

.ldg40-root.ldg539-runtime-stable .ldg40-sidebar nav small,
.ldg40-root.ldg539-runtime-stable .ldg40-content small,
.ldg40-root.ldg539-runtime-stable .ldg40-content .meta,
.ldg40-root.ldg539-runtime-stable .ldg40-content [class*="meta"] {
  font-size: max(var(--ldg539-secondary-font), 0.78125rem);
  line-height: 1.35;
}

/* State markers are always legible on dark sidebar surfaces. */
.ldg40-root.ldg539-runtime-stable .ldg40-sidebar nav a em,
.ldg40-root.ldg539-runtime-stable .ldg40-sidebar nav a.active em,
.ldg40-root.ldg539-runtime-stable .ldg40-sidebar nav a.is-active em,
.ldg40-root.ldg539-runtime-stable .ldg40-sidebar nav a[class*="active"] em {
  color: #fff !important;
  opacity: 1 !important;
}

/* Native navigation only. Historical pending classes must have no visual effect. */
.ldg40-root.ldg539-runtime-stable.ldg5212b-navigating,
.ldg40-root.ldg539-runtime-stable .ldg5212b-pending {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}

.ldg539-demo-banner {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 18px;
  padding: 12px 16px;
  border: 1px solid #bd8a1d;
  border-radius: 12px;
  background: #fff8df;
  color: #493500;
}
.ldg539-demo-banner strong { font-size: 13px; letter-spacing: .035em; }
.ldg539-demo-banner span { font-size: 13px; font-weight: 600; }

.ldg539-demo-manager {
  margin: 0 0 22px;
  padding: 20px;
  border: 1px solid #c7dbe8;
  border-radius: 16px;
  background: #f7fbfd;
  color: #0a263d;
}
.ldg539-demo-manager header {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  justify-content: space-between;
}
.ldg539-demo-manager header span {
  display: block;
  margin-bottom: 4px;
  font-size: 12.5px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #315d78;
}
.ldg539-demo-manager header h2 { margin: 0 0 6px; font-size: 24px; color: #073b63; }
.ldg539-demo-manager header p { margin: 0; max-width: 820px; }
.ldg539-demo-manager header > strong {
  flex: 0 0 auto;
  padding: 7px 11px;
  border-radius: 999px;
  background: #704f00;
  color: #fff;
  font-size: 12.5px;
  letter-spacing: .06em;
}
.ldg539-demo-state { margin: 14px 0 8px; }
.ldg539-demo-actions { display: flex; flex-wrap: wrap; gap: 9px; margin: 12px 0; }
.ldg539-demo-actions form { margin: 0; }
.ldg539-demo-actions button,
.ldg539-open-demo {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 9px 13px;
  border: 1px solid #0b5f94;
  border-radius: 9px;
  background: #0b5f94;
  color: #fff !important;
  font: inherit;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}
.ldg539-demo-actions button:focus-visible,
.ldg539-open-demo:focus-visible { outline: 3px solid #f0b429; outline-offset: 2px; }
.ldg539-demo-notice { margin: 12px 0; padding: 10px 12px; border-radius: 8px; background: #e8f6ee; font-weight: 700; }
.ldg539-demo-notice.is-error { background: #fff0ed; color: #7a2518; }

.ldg539-example {
  margin: 0 0 18px;
  padding: 16px 18px;
  border-left: 4px solid #1485b5;
  border-radius: 10px;
  background: #f2f8fb;
  color: #163b51;
}
.ldg539-example > span {
  display: block;
  margin-bottom: 3px;
  font-size: 12.5px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: #0b5f94;
}
.ldg539-example h3 { margin: 0 0 7px; font-size: 17px; color: #073b63; }
.ldg539-example p { margin: 0 0 6px; }
.ldg539-example small { display: block; margin-top: 8px; color: #496779; }

.ldg40-root.ldg539-runtime-stable .ldg40-table-wrap,
.ldg40-root.ldg539-runtime-stable .ldg451-table-wrap,
.ldg40-root.ldg539-runtime-stable .ldg44-table-wrap,
.ldg40-root.ldg539-runtime-stable .table-responsive {
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
}

@media (max-width: 1100px) {
  .ldg40-root.ldg539-runtime-stable { contain: style; }
  .ldg40-root.ldg539-runtime-stable .ldg40-sidebar {
    width: 100%;
    min-width: 0;
    flex-basis: auto;
  }
  .ldg539-demo-manager header,
  .ldg539-demo-banner { align-items: flex-start; flex-direction: column; }
}