.reference-navigation { margin-block: 1.25rem; padding: 1rem; border: 1px solid var(--border-color, #89939f55); border-radius: .75rem; color: inherit; min-width: 0; scroll-margin-top: 7rem; }
.reference-navigation h2 { font-size: 1.05rem; margin: 0 0 .5rem; }
.reference-navigation p { font-size: .85rem; margin: 0 0 .75rem; }
.reference-navigation ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem 1.25rem; list-style: none; padding: 0; margin: .75rem 0; }
.reference-navigation li { min-width: 0; font-size: .85rem; line-height: 1.8; }
.reference-navigation a { color: inherit; overflow-wrap: anywhere; text-decoration: underline; text-underline-offset: .2em; }
.reference-navigation small { display: block; font-size: .75rem; opacity: .75; }
.reference-navigation details { border-top: 1px solid var(--border-color, #89939f55); padding-block: .6rem; }
.reference-navigation summary { cursor: pointer; font-size: .85rem; line-height: 1.8; }
.reference-navigation a:focus-visible, .reference-navigation summary:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
@media (max-width: 640px) { .reference-navigation ul { grid-template-columns: minmax(0, 1fr); } .reference-navigation { padding: .8rem; } }