/* Final resets after legacy global article styles. */
.steady-inner .resources-page > .container,
.steady-inner .resource-library-hero > .container,
.steady-inner main.resource-library.container {
  width: min(1180px, calc(100% - 40px));
  max-width: none;
  margin-inline: auto;
  padding-inline: 0;
}

.steady-inner .resources-page .content-breadcrumbs {
  width: 100%;
  max-width: none;
  padding-inline: 0;
}

.steady-inner .resource-library-hero {
  color: var(--ui-page-text);
}

.steady-inner .resource-library-cta {
  color: var(--ui-page-text) !important;
}

.steady-inner .resource-library-cta h2 {
  color: var(--ui-title) !important;
}

.steady-inner .resource-library-cta p {
  color: var(--ui-copy) !important;
}

.steady-inner .resource-library-cta .article-cta-kicker {
  color: var(--ui-link) !important;
}

.steady-inner .resource-library-cta .article-cta-actions a {
  min-height: 44px;
  padding: 0 15px;
  border-radius: 12px;
}

.steady-inner .resource-library-cta .article-cta-actions a:first-child {
  border: 1px solid transparent;
  color: var(--ui-action-text) !important;
  background: var(--ui-action-bg) !important;
}

.steady-inner .resource-library-cta .article-cta-actions a:last-child {
  border: 1px solid var(--ui-panel-border);
  color: var(--ui-title) !important;
  background: var(--ui-panel-bg-soft);
}

.steady-inner .resources-console strong,
.steady-inner .resource-library-console strong {
  color: var(--ui-title);
}

.steady-inner .resource-package h2,
.steady-inner .resources-related h2 {
  color: var(--ui-title) !important;
}

.steady-inner .resource-package p,
.steady-inner .resources-related p {
  color: var(--ui-copy) !important;
}

/* The legacy directory compatibility layer is dark-first. Restore light-mode
   foregrounds after the shared refresh turns these surfaces white. */
.ui-classic .directory-kicker,
.ui-classic .advantage-directory-category {
  color: #1d4ed8 !important;
}

.ui-classic .advantages-directory-toolbar > span {
  color: #1f2937 !important;
}

.ui-classic .advantages-directory-toolbar a,
.ui-classic .advantage-directory-tags span,
.ui-classic .advantage-directory-meta span {
  border-color: rgba(37, 99, 235, .18) !important;
  color: #1e40af !important;
  background: #eaf3ff !important;
}

.ui-classic .advantages-directory-toolbar a:hover,
.ui-classic .advantages-directory-toolbar a:focus-visible {
  border-color: #2563eb !important;
  color: #fff !important;
  background: #2563eb !important;
}

.ui-classic .advantage-outcomes span {
  border-left-color: #2563eb !important;
  color: #1f2937 !important;
  background: #fff !important;
}

/* Code examples intentionally stay dark in both UI modes. This selector must
   outrank the general Classic article-paragraph color. */
.ui-classic .article-body .content-example-head p {
  color: #cbd5e1 !important;
}

@media (max-width: 760px) {
  .steady-inner .resources-page > .container,
  .steady-inner .resource-library-hero > .container,
  .steady-inner main.resource-library.container {
    width: min(100% - 28px, 1180px);
  }
}