/* Skatebots docs section: a Read-the-Docs-style left sidebar shared by
   every page under /Skatebots/. Colors come from the site's tokens. */
.page-skatebots .sb-layout { display:grid; grid-template-columns:240px minmax(0,1fr); gap:56px; align-items:start; }
.page-skatebots .project-article { max-width:900px; }

.sb-sidebar { position:sticky; top:104px; max-height:calc(100vh - 130px); overflow:auto; padding-right:20px; border-right:1px solid var(--line); font-size:14px; }
.sb-nav__toggle { display:none; }
.sb-nav__title { display:block; margin:0 0 18px; color:var(--site-heading); font-size:18px; font-weight:700; letter-spacing:-.015em; text-decoration:none; }
.sb-nav__title:hover { color:var(--site-hover); }
.sb-nav__caption { margin:22px 0 6px; color:var(--muted); font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.sb-nav__caption:first-of-type { margin-top:0; }
.sb-nav ul { list-style:none!important; margin:0!important; padding:0!important; }
.sb-nav li { margin:0!important; }
.sb-nav a { display:block; padding:5px 10px; border-left:2px solid transparent; color:var(--muted); line-height:1.45; text-decoration:none; }
.sb-nav a:hover, .sb-nav a:focus-visible { color:var(--site-hover); }
.sb-nav li.is-current > a { border-left-color:var(--site-hover); background:var(--site-soft); color:var(--site-heading); font-weight:650; }
/* The current page's own sections, nested under it. */
.sb-nav .sb-nav__toc, .sb-nav .contents { margin:2px 0 6px!important; padding:0!important; background:none; border:0; box-shadow:none; }
.sb-nav .sb-nav__toc a, .sb-nav .contents a { padding:3px 10px 3px 22px; font-size:13px; }
.sb-nav .menu-label { display:none; }

.sb-pager { display:flex; justify-content:space-between; gap:16px; margin-top:56px; padding-top:24px; border-top:1px solid var(--line); }
.sb-pager a { display:flex; flex-direction:column; gap:2px; max-width:48%; padding:12px 16px; border:1px solid var(--line); border-radius:6px; color:var(--site-heading); font-weight:650; text-decoration:none!important; }
.sb-pager a:hover { border-color:var(--site-hover); color:var(--site-hover); }
.sb-pager span { color:var(--muted); font-size:12px; font-weight:500; text-transform:uppercase; letter-spacing:.05em; }
.sb-pager__next { margin-left:auto; text-align:right; }

.sb-stub { padding:16px 20px; margin:0 0 28px; border-left:3px solid var(--site-hover); background:var(--site-soft); }
.sb-stub p { margin:0; }

@media (max-width:1023px) {
  .page-skatebots .sb-layout { grid-template-columns:minmax(0,1fr); gap:24px; }
  .sb-sidebar { position:static; max-height:none; overflow:visible; padding:0; border-right:0; }
  .sb-nav { border:1px solid var(--line); border-radius:6px; padding:0 16px; }
  .sb-nav[open] { padding-bottom:14px; }
  .sb-nav__toggle { display:block; cursor:pointer; padding:12px 0; color:var(--site-heading); font-weight:650; }
}