/* Editorial — paper, ink and generous pill controls.
   It reuses Direction B's complete page/component markup and only changes the visual language. */
.directory-theme--editorial {
  --navy-900: #171514;
  --navy-800: #1d1b1a;
  --navy-700: #252220;
  --navy-600: #383432;
  --navy-500: #575351;
  --navy-400: #77716e;
  --navy-100: #eaeae7;
  --navy-050: #f3f3f1;
  --turq-700: #197b66;
  --turq-600: #21977f;
  --turq-500: #2bb79a;
  --turq-300: #8dd9c9;
  --turq-100: #dff4ee;
  --turq-050: #eef9f6;
  --brand: #252220;
  --brand-strong: #1d1b1a;
  --brand-soft: #f3f3f1;
  --accent: #2bb79a;
  --accent-strong: #197b66;
  --accent-soft: #eaeae7;
  --action: #252220;
  --action-hover: #383432;
  --action-press: #171514;
  --action-fg: #fff;
  --text-strong: #252220;
  --text-body: #575351;
  --text-muted: #66615e;
  --text-soft: #8b8581;
  --text-on-brand: #fff;
  --text-on-brand-muted: #d7d2cf;
  --text-link: #252220;
  --text-link-hover: #197b66;
  --surface-page: #fff;
  --surface-alt: #f3f3f1;
  --surface-card: #f3f3f1;
  --surface-sunken: #eaeae7;
  --surface-brand: #252220;
  --surface-brand-deep: #1d1b1a;
  --border: #ddddda;
  --border-strong: #c9c8c3;
  --border-brand: #252220;
  --radius-xs: 12px;
  --radius-sm: 16px;
  --radius-md: 22px;
  --radius-lg: 28px;
  background: #fff;
  color: #575351;
}

.directory-theme--editorial .ds-site-header {
  position: sticky;
  top: 0;
  z-index: 40;
  padding-block: 16px;
  background: rgba(255, 255, 255, .94);
  border-bottom: 1px solid var(--border);
  color: var(--text-strong);
  backdrop-filter: blur(18px);
}

.directory-theme--editorial .ds-site-brand,
.directory-theme--editorial .ds-site-brand:hover { color: var(--text-strong); }
.directory-theme--editorial .ds-site-mark { border-radius: 50%; background: var(--text-strong); color: #fff; }
.directory-theme--editorial .ds-site-nav a { color: var(--text-muted); }
.directory-theme--editorial .ds-site-nav a:hover,
.directory-theme--editorial .ds-site-nav a.active { color: var(--text-strong); }
.directory-theme--editorial a.ds-btn--on-brand,
.directory-theme--editorial a.ds-btn--on-brand:hover { border-color: var(--border); color: var(--text-strong); }

.directory-theme--editorial .ds-hero {
  margin: 18px var(--gutter-web) 0;
  padding-block: 64px 72px;
  padding-inline: clamp(28px, 5vw, 72px);
  border-radius: 32px;
  background: var(--surface-brand);
}

.directory-theme--editorial .ds-hero__veil {
  background: linear-gradient(180deg, rgba(30, 27, 25, .72), rgba(30, 27, 25, .9));
}

.directory-theme--editorial .ds-hero__content {
  width: min(100%, 1100px);
  max-width: none;
  margin-inline: auto;
  text-align: center;
}

.directory-theme--editorial .ds-hero__lede,
.directory-theme--editorial .ds-hero__search { margin-inline: auto; }
.directory-theme--editorial .ds-hero__stats { margin-top: 44px; }

.directory-theme--editorial .ds-hero__search { border-radius: 28px; }
.directory-theme--editorial .ds-hero__field { border-radius: 20px; }
.directory-theme--editorial .ds-btn,
.directory-theme--editorial .ds-chip,
.directory-theme--editorial .ds-slot { border-radius: 999px; }
.directory-theme--editorial .ds-card,
.directory-theme--editorial .ds-plan,
.directory-theme--editorial .ds-appt,
.directory-theme--editorial .ds-empty { border: 0; border-radius: 22px; background: var(--surface-card); }
.directory-theme--editorial .ds-spec-grid { gap: 12px; border: 0; }
.directory-theme--editorial .ds-spec-grid > * { border: 0; border-radius: 20px; background: var(--surface-alt); }
.directory-theme--editorial .ds-doc-list { display: grid; gap: 10px; border: 0; }
.directory-theme--editorial .ds-doc-row { padding: 20px; border: 0; border-radius: 20px; background: var(--surface-alt); }
.directory-theme--editorial .ds-doc-row:hover { background: var(--surface-sunken); }
.directory-theme--editorial .ds-plan--featured { outline: 2px solid var(--text-strong); }
.directory-theme--editorial .ds-steps { border-color: var(--text-strong); }
.directory-theme--editorial .ds-site-footer { margin-top: 24px; background: var(--text-strong); }

@media (max-width: 700px) {
  .directory-theme--editorial .ds-hero {
    margin-inline: 12px;
    padding-block: 44px 52px;
    border-radius: 24px;
  }
}