/* Shared editorial palette: the same family as the product index. */
body.editorial-page {
  --article-accent: #762c32;
  --article-tint: #f2e2da;
  --paper: #f5ecdf;
  --card: #fffaf2;
  --red: var(--article-accent);
  --rule: #d1b99c;
  background: var(--paper);
}
body.editorial-forest { --article-accent: #345e50; --article-tint: #e5eee5; }
body.editorial-ochre { --article-accent: #8a5d16; --article-tint: #f3e8cf; }
.editorial-page .site-header, .editorial-page footer { background: #3c2024; }
.editorial-page .site-header { border-bottom: 3px solid #be9458; }
.editorial-page footer { border-top: 3px solid #be9458; }
.editorial-page .site-logo span, .editorial-page .footer-logo span { color: #efc98a; }
.editorial-page .site-header-inner { gap: 16px; }
.editorial-page .site-back { flex-shrink: 0; }
.editorial-page .pr-note { background: #fffaf2; border-color: #d1b99c; }
.editorial-page .kicker { background: var(--article-accent); border-color: var(--article-accent); color: #fffaf2; }
.editorial-page h1 em { color: var(--article-accent); }
.editorial-page .hero-img { object-fit: contain; border-color: #d1b99c; background: #fffaf2; }
.editorial-page .toc { background: var(--article-tint); border: 0; border-left: 4px solid var(--article-accent); }
.editorial-page .toc-title { color: var(--article-accent); }
.editorial-page .wrap > h2 { background: var(--article-tint); color: var(--article-accent); border: 0; border-left: 4px solid var(--article-accent); padding: 14px 16px; margin-top: 42px; }
.editorial-page .wrap > h2 .no { color: var(--article-accent); }
.editorial-page .points { padding: 0 16px; background: #fffaf2; border: 1px solid #d1b99c; }
.editorial-page .points li:first-child { border-top: 0; }
.editorial-page .points li:last-child { border-bottom: 0; }
.editorial-page .item { border-color: #d1b99c; border-top: 3px solid var(--article-accent); }
.editorial-page .item-img { object-fit: contain; }
.editorial-page .item-tag { background: var(--article-tint); color: var(--article-accent); width: fit-content; padding: 2px 8px; font-style: normal; }
.editorial-page .item-body { min-width: 0; }
.editorial-page .btn { background: var(--article-accent); color: #fffaf2; min-height: 44px; }
.editorial-page .btn:hover { background: #3c2024; }
.editorial-page table.cmp thead th { background: var(--article-accent); color: #fffaf2; }
.editorial-page table.cmp tbody th { background: var(--article-tint); }
.editorial-page .faq { background: #fffaf2; padding: 0 8px; border-color: #d1b99c; }
.editorial-page .summary-box { border: 0; border-top: 3px solid var(--article-accent); background: var(--article-tint); }
.editorial-page .summary-box h2 { color: var(--article-accent); }
.editorial-page .related { background: var(--article-tint); border-top: 3px solid var(--article-accent); padding: 22px 18px; gap: 10px; }
.editorial-page .related-label { flex-basis: 100%; margin: 0 0 8px; color: var(--article-accent); font-weight: 700; font-size: 1rem; }
.editorial-page .related a { background: #fffaf2; border-color: #d1b99c; color: var(--article-accent); padding: 12px 18px; }
.editorial-page .related a:hover { background: var(--article-accent); color: #fffaf2; }
.editorial-page :where(a,button,summary):focus-visible { outline: 2px solid var(--article-accent); outline-offset: 4px; }
@media (max-width: 560px) {
  .editorial-page .site-header-inner { padding: 14px 18px; }
  .editorial-page .site-logo { font-size: .9rem; }
  .editorial-page .site-back { font-size: .7rem; }
  .editorial-page .wrap > h2 { padding: 12px; font-size: 1.15rem; }
  .editorial-page .item-img { max-height: 300px; width: 100%; flex-basis: 100%; }
  .editorial-page .related { padding: 20px 14px; }
  .editorial-page .related a { width: 100%; }
  .editorial-page .summary-box { padding: 20px 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .editorial-page * { scroll-behavior: auto !important; transition: none !important; }
}