html,
body[data-editorial-family] { overflow-x: clip; }

.editorial-nav {
  border-bottom: 1px solid var(--border, #222230);
  background: var(--bg-secondary, #0d0d16);
  overflow: hidden;
}
.editorial-nav-inner {
  width: min(100% - 48px, var(--shell-standard, 1120px));
  max-width: calc(100% - 48px);
  margin-inline: auto;
  min-height: 48px;
  display: flex;
  align-items: center;
  gap: 22px;
  overflow-x: auto;
  contain: inline-size;
  scrollbar-width: thin;
}
.editorial-nav-label {
  color: var(--text-primary, #eee);
  font-weight: 750;
  white-space: nowrap;
}
.editorial-nav a {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  color: var(--text-secondary, #aaa);
  font-size: .88rem;
  text-decoration: none;
  white-space: nowrap;
}
.editorial-nav a:hover,
.editorial-nav a[aria-current="page"] { color: var(--accent, #d4982c); }

.editorial-breadcrumb {
  width: min(100% - 48px, 760px);
  margin: 24px auto 0;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--text-muted, #777);
  font-size: .82rem;
  line-height: 1.45;
}
.editorial-breadcrumb a { color: var(--text-secondary, #aaa); text-decoration: none; }
.editorial-breadcrumb a:hover { color: var(--accent, #d4982c); }
.editorial-breadcrumb span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

body[data-editorial-family="article"] :is(.blog-content, .blog-article, article#main-content) {
  max-width: 760px;
  margin-inline: auto;
}
body[data-editorial-family="article"] :is(.blog-content, .blog-article, article#main-content) :is(table, pre) {
  max-width: 100%;
  overflow-x: auto;
}
body[data-editorial-family="article"] :is(.blog-content, .blog-article, article#main-content) table {
  display: block;
  width: 100%;
}
body[data-editorial-family="landing"] .blog-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
}
body[data-editorial-family="article"] .newsletter-form { max-width: 100%; }
body[data-editorial-family="article"] :is(.related-posts, .related-grid) {
  border-top: 1px solid var(--border, #222230);
  padding-top: 28px;
  margin-top: 40px;
}
body[data-editorial-family="article"] .related-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
}
body[data-editorial-family="article"] :is(.related-posts, .related-grid) h2,
body[data-editorial-family="article"] :is(.related-posts, .related-grid) h3 {
  color: var(--text-primary, #eee);
}

body[data-editorial-family="category"] .cat-wrap { width: min(100% - 32px, var(--shell-standard, 1120px)); }
body[data-editorial-family="category"] .cat-related { overflow: hidden; }

@media (max-width: 768px) {
  .editorial-nav-inner,
  .editorial-breadcrumb { width: min(100% - 32px, 760px); }
  .editorial-nav-inner { gap: 16px; }
  .editorial-breadcrumb { margin-top: 18px; }
}

@media (max-width: 520px) {
  body[data-editorial-family="article"] .related-grid { grid-template-columns: 1fr; }
}