/* Shared editorial treatment for the October 2026 product guides. */
.editorial-guide .skip-link { position: absolute; left: 16px; top: -80px; z-index: 100; padding: 10px 16px; background: var(--surface); color: var(--text); }
.editorial-guide .skip-link:focus { top: 12px; }
.editorial-guide .page-header h1 { max-width: 820px; line-height: 1.16; text-wrap: balance; }
.editorial-guide .article-cover { margin: 0 0 32px; }
.editorial-guide .article-cover img { display: block; width: 100%; height: auto; border-radius: 12px; }
.editorial-guide figcaption { margin-top: 8px; color: var(--muted); font-size: 12px; line-height: 1.5; }
.editorial-guide .article-content .lead { color: var(--text); font-size: 19px; line-height: 1.7; }
.editorial-guide .table-scroll { width: 100%; overflow-x: auto; margin: 24px 0; }
.editorial-guide table { width: 100%; border-collapse: collapse; text-align: left; font-size: 14px; }
.editorial-guide th, .editorial-guide td { padding: 12px 14px; border-bottom: 1px solid var(--border); vertical-align: top; min-width: 120px; }
.editorial-guide th { background: var(--surface2); color: var(--text); font-weight: 600; }
.editorial-guide td { color: var(--muted); }
.editorial-guide code { overflow-wrap: anywhere; }
.editorial-guide pre { max-width: 100%; white-space: pre-wrap; overflow-wrap: anywhere; padding: 20px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface2); font-size: 14px; line-height: 1.7; }
.editorial-guide .product-figure { max-width: 280px; margin: 28px auto; }
.editorial-guide .product-figure img { width: 100%; height: auto; border-radius: 20px; }
.editorial-guide .guide-cta { margin: 32px 0; padding: 24px 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.editorial-guide .guide-cta .nav-cta { display: inline-flex; color: #fff; text-decoration: none; }
.editorial-guide .faq-item summary { overflow-wrap: anywhere; }
.editorial-guide a:focus-visible, .editorial-guide summary:focus-visible { outline: 2px solid var(--accent2); outline-offset: 4px; }
@media (max-width: 600px) {
  .editorial-guide nav[aria-label="Main navigation"] { gap: 10px; padding: 14px 16px; flex-wrap: wrap; height: auto; min-height: 58px; }
  .editorial-guide .nav-logo { font-size: 14px; }
  .editorial-guide .page-wrap { padding: 36px 16px 64px; }
  .editorial-guide .article-body { padding: 20px; }
  .editorial-guide .page-header { margin-bottom: 28px; }
  .editorial-guide .page-header h1 { font-size: 30px; letter-spacing: -0.8px; }
  .editorial-guide .article-content .lead { font-size: 17px; }
  .editorial-guide footer { padding: 24px 16px; }
}