.guide-outline {
  margin-block: 0 2rem;
  padding: 1rem 1.25rem;
  border: 1px solid var(--outline-soft, #a68135);
  border-radius: 8px;
  background: var(--surface-raised, #142126);
}
.guide-outline summary { cursor: pointer; font-weight: 700; min-height: 44px; }
.guide-outline ol { display: grid; gap: .25rem; padding-inline-start: 1.4rem; }
.guide-outline a { display: inline-block; padding-block: .45rem; overflow-wrap: anywhere; }
.resource-guide h2[id] { scroll-margin-block-start: 6rem; }
.search-guide-results { margin-block: 1.5rem; padding: 1.25rem; border: 1px solid var(--outline-soft, #a68135); border-radius: 8px; }
.search-guide-results ul { display: grid; gap: .8rem; padding-inline-start: 1.3rem; }
.search-guide-results a { display: inline-block; min-height: 32px; }
.search-guide-results small { display: block; color: var(--text-soft, #c7d0cb); }
.home-article-intro mark, .search-guide-results mark { color: var(--surface-deep, #0d171a); background: var(--accent-strong, #f0c96a); padding-inline: .1em; }
.search-guide-results p { margin-block: .25rem 0; overflow-wrap: anywhere; }
.join-example pre { direction: ltr; text-align: start; white-space: pre; overflow-x: auto; padding: 1rem; border: 1px solid var(--outline-soft, #a68135); border-radius: 8px; }
.join-example pre:focus-visible, .guide-outline a:focus-visible { outline: 3px solid var(--accent-strong, #f0c96a); outline-offset: 3px; }
@media (min-width: 900px) { .guide-outline ol { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 1.5rem; } }
@media print { .guide-outline { display: none; } .join-example pre { white-space: pre-wrap; overflow-wrap: anywhere; } }