/* Native guide navigation: canonical Adibyte design tokens only. */
.ab-guide-layout { display: grid; grid-template-columns: minmax(12rem, 15rem) minmax(0, 1fr); gap: var(--ab-space-lg); align-items: start; }
.ab-guide-layout > *, .ab-guide-reading, .ab-guide-reading .ab-panel { min-width: 0; }
.ab-guide-sidebar__desktop { position: sticky; top: var(--ab-space-xl); padding: var(--ab-space-md); border: 1px solid var(--ab-border-control); border-radius: var(--ab-radius-lg); background: var(--ab-surface); }
.ab-guide-sidebar__desktop > .ab-eyebrow { margin-bottom: var(--ab-space-sm); }
.ab-guide-sidebar__mobile { display: none; }
.ab-guide-chapters { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--ab-space-xs); }
.ab-guide-chapters__group { padding: var(--ab-space-sm) var(--ab-space-sm) 0; color: var(--ab-text-muted); font-size: var(--ab-text-eyebrow); font-weight: var(--ab-weight-semibold); letter-spacing: var(--ab-tracking-eyebrow); text-transform: uppercase; }
.ab-app .ab-guide-chapter { display: flex; align-items: baseline; gap: var(--ab-space-sm); padding: var(--ab-space-xs) var(--ab-space-sm); border-radius: var(--ab-radius-sm); color: var(--ab-text-muted); text-decoration: none; font-size: var(--ab-text-body-sm); line-height: var(--ab-leading-snug); }
.ab-app .ab-guide-chapter:hover { background: var(--ab-menu-item-hover); color: var(--ab-text); }
.ab-app .ab-guide-chapter--active { background: var(--ab-accent-fill); color: var(--ab-text); font-weight: var(--ab-weight-semibold); }
.ab-guide-chapter__number { flex: 0 0 1.25rem; color: var(--ab-text-subtle); font-variant-numeric: tabular-nums; }
.ab-guide-progress { margin-bottom: var(--ab-space-lg); }
.ab-guide-reading .ab-prose { max-width: 75ch; }
.ab-guide-reading .ab-prose pre, .ab-guide-reading .ab-prose table { max-width: 100%; }
.ab-guide-reading .ab-prose__pager > * { max-width: 100%; }
@media (max-width: 950px) {
  .ab-guide-layout { grid-template-columns: minmax(0, 1fr); }
  .ab-guide-sidebar__desktop { display: none; }
  .ab-guide-sidebar__mobile { display: block; padding: var(--ab-space-md); background: var(--ab-surface); border: 1px solid var(--ab-border-control); border-radius: var(--ab-radius-lg); }
  .ab-guide-sidebar__mobile > summary { color: var(--ab-text); font-weight: var(--ab-weight-semibold); cursor: pointer; }
  .ab-guide-sidebar__mobile[open] > summary { margin-bottom: var(--ab-space-sm); }
  .ab-guide-reading .ab-prose__pager .ab-btn { min-width: 0; overflow-wrap: anywhere; white-space: normal; text-align: left; }
}
