.article-layout { display: grid; gap: var(--app-section-gap); align-items: start; }
.article-sidebar { min-width: 0; }
.article-navigation-link {
  display: flex;
  align-items: center;
  min-height: var(--app-compact-row-height);
  padding: var(--app-content-inset);
  color: var(--foreground);
  font-size: var(--help-small-size);
  line-height: 1.5;
}
.article-navigation-link:first-child { border-radius: var(--app-surface-radius) var(--app-surface-radius) 0 0; }
.article-navigation-link:last-child { border-radius: 0 0 var(--app-surface-radius) var(--app-surface-radius); }
.article-navigation-link[aria-current] { color: var(--app-link-foreground); background: var(--help-selected-background); }
.article-navigation-link:active { background: var(--help-press-background); }
.article-navigation-link:focus-visible { outline-offset: calc(-1 * var(--help-focus-offset)); }
.article-body { padding: var(--app-section-gap) var(--app-content-inset); }
.article-body { min-width: 0; font-weight: 400; }
.article-category { margin: 0 0 var(--app-heading-surface-gap); color: var(--muted-foreground); font-size: var(--help-small-size); }
.article-body h1 { margin: 0; overflow-wrap: anywhere; }
.article-description { color: var(--muted-foreground); line-height: var(--help-body-leading); margin: var(--app-content-inset) 0 0; }
.article-body section { margin-top: var(--app-section-gap); }
.article-body h2 { margin: 0 0 var(--app-heading-surface-gap); font-size: var(--help-section-size); line-height: 1.5; font-weight: 600; }
.article-body section p { margin: 0; line-height: var(--help-body-leading); }
.article-body section p + p { margin-top: var(--app-content-inset); }
.article-body ol { margin: var(--app-content-inset) 0 0; padding-left: var(--app-section-gap); line-height: var(--help-body-leading); }
.article-body li { padding-left: var(--app-compact-row-padding-block); }
.article-body li + li { margin-top: var(--app-compact-row-padding-block); }
@media (min-width: 64rem) {
  .article-layout { grid-template-columns: var(--help-sidebar-width) minmax(0, 1fr); }
  .article-sidebar { position: sticky; top: var(--app-section-gap); }
  .article-sidebar .app-section-heading { padding-inline: var(--help-page-gutter); }
  .article-navigation-link { padding: var(--help-page-gutter); }
}
@media print {
  :root { --background: white; --foreground: black; --card: white; --muted-foreground: #444444; }
  .site-header, .site-footer, .skip-link, .article-sidebar { display: none; }
  .article-layout { display: block; }
  .help-shell { width: 100%; padding: 0; }
  .article-body { padding: 0; }
}