.routes { background: var(--color-white); }
.featured { background: var(--color-mist); }
.knowledge-split { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: clamp(var(--space-6), 5vw, var(--space-8)); align-items: start; }
.knowledge-split__main { grid-column: 1 / span 7; }
.knowledge-split__aside { grid-column: 9 / -1; }
.knowledge-list { margin: var(--space-6) 0 0; padding: 0; border-top: var(--rule); list-style: none; }
.knowledge-list a { display: flex; justify-content: space-between; gap: var(--space-3); padding-block: var(--space-4); border-bottom: var(--rule); font-weight: 700; text-decoration: none; }
.knowledge-list a::after { content: "↗"; color: var(--color-brand); }
.faq-section { background: var(--color-white); }

.compact-hero { padding-block: var(--space-7); border-bottom: var(--rule); background: var(--color-mist); }
.compact-hero h1 { max-width: 18ch; margin-bottom: var(--space-3); }
.compact-hero p { max-width: var(--reading-max); color: var(--color-muted); }
.breadcrumb ol { display: flex; flex-wrap: wrap; gap: var(--space-2); margin: 0; padding-block: var(--space-3); list-style: none; font-size: .82rem; }
.breadcrumb li + li::before { content: "/"; margin-right: var(--space-2); color: var(--color-muted); }
.article-shell { display: grid; grid-template-columns: minmax(12rem, 16rem) minmax(0, var(--reading-max)); gap: clamp(var(--space-5), 5vw, var(--space-8)); align-items: start; }
.article-body { min-width: 0; }
.article-body > section { padding-block: var(--space-5); border-bottom: var(--rule); }
.article-body > section:first-child { padding-top: 0; }
.article-body p, .article-body li { line-height: 1.75; }
.table-of-contents { position: sticky; top: var(--space-4); padding: var(--space-4); border-left: .2rem solid var(--color-brand); background: var(--color-mist); }
.table-of-contents h2 { font-size: 1rem; }
.table-of-contents ol { margin: 0; padding-left: 1.2rem; }
.table-of-contents li + li { margin-top: var(--space-2); }
.author-meta { display: flex; flex-wrap: wrap; gap: var(--space-3) var(--space-5); margin-block: var(--space-4); padding-block: var(--space-3); border-block: var(--rule); color: var(--color-muted); font-size: .88rem; }
.related-links { margin: 0; padding: 0; list-style: none; border-top: var(--rule); }
.related-links a { display: block; padding-block: var(--space-3); border-bottom: var(--rule); font-weight: 700; }
.glossary-index { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-bottom: var(--space-5); }
.glossary-index a { display: inline-grid; width: 2.25rem; height: 2.25rem; place-items: center; border: var(--rule); font-weight: 700; }
.contact-methods { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); }
.contact-method { padding: var(--space-5); border: var(--rule); background: var(--color-white); }
.error-routes { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-top: var(--space-5); }

@media (max-width: 48rem) {
  .article-shell { grid-template-columns: 1fr; }
  .table-of-contents { position: static; }
  .contact-methods { grid-template-columns: 1fr; }
}

@media (max-width: 48rem) {
  .knowledge-split__main, .knowledge-split__aside { grid-column: 1 / -1; }
}