/* Category-only additions. The existing article layout and artwork are retained. */
.dna-editorial .article-category-browser {
  margin:0 0 32px;
  padding:24px 28px;
  border:1px solid #dedede;
  border-radius:20px;
  background:#fafafa;
  scroll-margin-top:145px;
}
.dna-editorial .article-category-heading { display:flex; align-items:center; justify-content:space-between; gap:12px 24px; flex-wrap:wrap; margin-bottom:16px; }
.dna-editorial .article-category-heading h2 { margin:0; font-size:18px; line-height:1.5; letter-spacing:-.025em; }
.dna-editorial .article-category-status { margin:0; color:#626262; font-size:13px; line-height:1.6; }
.dna-editorial .article-category-families,
.dna-editorial .article-category-topics nav { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.dna-editorial [data-category-filter] { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:44px; padding:10px 16px; border:1px solid #d8d8d8; border-radius:999px; background:#fff; color:#333; font-size:13px; font-weight:700; line-height:1.5; text-decoration:none; }
.dna-editorial [data-category-filter]:hover { border-color:#333; background:#f0f0f0; }
.dna-editorial [data-category-filter][aria-current="page"] { border-color:#303030; background:#303030; color:#fff; }
.dna-editorial .article-category-count { display:inline-grid; place-items:center; min-width:20px; height:20px; padding:0 4px; border-radius:50%; background:#ededed; color:#555; font-size:11px; line-height:1; }
.dna-editorial [data-category-filter][aria-current="page"] .article-category-count { background:#555; color:#fff; }
.dna-editorial .article-category-topics { display:flex; align-items:center; gap:10px 16px; flex-wrap:wrap; padding-top:16px; margin-top:16px; border-top:1px solid #e3e3e3; }
.dna-editorial .article-category-topic-label { color:#666; font-size:12px; font-weight:700; }
.dna-editorial .article-category-topics [data-category-filter] { min-height:40px; padding:8px 14px; }
.dna-editorial .article-category-line { display:flex; align-items:center; gap:8px 16px; flex-wrap:wrap; width:100%; }
.dna-editorial .article-category-path { display:flex; align-items:center; flex-wrap:wrap; gap:6px; margin:0; }
.dna-editorial .article-category-path a { display:inline-flex; align-items:center; min-height:36px; padding:6px 10px; border:1px solid #dedede; border-radius:8px; color:#3b3b3b; background:#fafafa; font-size:12px; font-weight:700; line-height:1.5; text-decoration:none; }
.dna-editorial .article-category-path a:hover { border-color:#333; background:#f0f0f0; }
.dna-editorial .article-category-separator { color:#8b8b8b; font-size:12px; }
.dna-editorial .article-category-date { color:#666; font-size:11px; line-height:1.6; letter-spacing:.05em; text-transform:uppercase; }
.dna-editorial .article-category-detail { display:flex; align-items:center; flex-wrap:wrap; gap:10px 20px; margin-bottom:14px; }
.dna-editorial .article-category-related { color:#646464; font-size:12px; line-height:1.6; }
.dna-editorial .article-category-fallback { margin:16px 0 0; font-size:13px; line-height:1.6; color:#626262; }
.dna-editorial .article-category-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.dna-editorial [data-topic-family][hidden],
.dna-editorial .featured-article[data-article-category][hidden] { display:none !important; }
@media (max-width:767px) {
  .dna-editorial .article-category-browser { padding:20px; margin-bottom:24px; border-radius:16px; scroll-margin-top:112px; }
  .dna-editorial .article-category-heading { align-items:flex-start; gap:6px 16px; margin-bottom:14px; }
  .dna-editorial .article-category-heading h2 { font-size:17px; }
  .dna-editorial [data-category-filter] { padding:10px 12px; gap:7px; font-size:12px; }
  .dna-editorial .article-category-path a { min-height:40px; }
  .dna-editorial .article-category-line { gap:8px 12px; }
  .dna-editorial .article-category-detail { gap:8px 16px; }
}
@media print {
  .dna-editorial .article-category-browser { display:none; }
  .dna-editorial .article-category-path a { border:0; background:none; padding:0; min-height:0; }
}