/* OFB-F007 — production-readiness fixes for public indexing surfaces. */

.editorial-article h2 { overflow-wrap: anywhere; }

/* OFB-F008 — visible freshness, evidence and content-journey context. */
.authority-context {
  margin-top: var(--space-9);
  padding: var(--space-6);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  background: var(--color-surface-subtle);
}
.authority-context__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 0.55fr);
  gap: var(--space-6);
  align-items: start;
}
.authority-context__grid p { margin-bottom: 0; color: var(--color-text-muted); }
.authority-context__actions { display: grid; gap: var(--space-3); }
.authority-context__actions > a:not(.button) { font-weight: var(--font-weight-medium); }
.content-meta { margin-top: var(--space-8); padding-top: var(--space-7); border-top: 1px solid var(--color-border); }
.content-meta .definition-grid { margin-bottom: var(--space-7); }

@media (max-width: 760px) {
  .site-header__inner {
    min-height: auto;
    padding-block: var(--space-4) var(--space-3);
    align-items: stretch;
    flex-direction: column;
    gap: var(--space-3);
  }
  .site-header__brand { align-self: flex-start; }
  .site-header nav { width: 100%; min-width: 0; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .site-header nav::-webkit-scrollbar { display: none; }
  .site-header__nav { width: max-content; min-width: 100%; justify-content: flex-start; gap: var(--space-1); }
  .site-header__nav a { min-height: 36px; padding-inline: 10px; white-space: nowrap; font-size: 0.78rem; }
  .site-header__nav .site-header__cta { margin-left: var(--space-1); }
  main { padding-top: var(--space-7); }
  .editorial-article h1 { font-size: clamp(2.15rem, 11vw, 3rem); line-height: 1.02; }
  .editorial-article h2 { margin-top: var(--space-8); font-size: clamp(1.65rem, 7.6vw, 2.15rem); line-height: 1.12; letter-spacing: -0.035em; }
  .editorial-article h3 { font-size: clamp(1.25rem, 5.8vw, 1.55rem); line-height: 1.2; }
  .editorial-article p, .editorial-article li { font-size: 1rem; line-height: 1.68; }
  .article-summary, .article-toc, .article-callout, .article-product-bridge { padding: var(--space-5); }
  .authority-context { padding: var(--space-5); }
  .authority-context__grid { grid-template-columns: 1fr; gap: var(--space-5); }
}

@media (max-width: 420px) {
  .site-header__brand { font-size: 0.96rem; }
  .site-header__brand-mark { width: 32px; height: 32px; }
  .site-header__nav a { padding-inline: 9px; }
}