/* All Docs responsive, input-capability and reduced-motion rules. */
@media (max-width: 1100px) {
  .docs-main { gap: 32px; }
  .docs-sidebar { padding-right: 12px; }
}
@media (min-width: 821px) and (hover: hover) and (pointer: fine) {
  .docs-content .docs-permalink { opacity: 0; }
  .docs-content :is(h2, h3):hover .docs-permalink,
  .docs-content :is(h2, h3):focus-within .docs-permalink { opacity: 1; }
}
@media (max-width: 820px) {
  .docs-main { grid-template-columns: minmax(0, 1fr); gap: 28px; padding-block: 22px 44px; }
  .docs-sidebar { position: static; max-height: none; padding: 0; border: 0; }
  .docs-sidebar-heading { display: none; }
  .docs-enhanced .docs-mobile-toggle[hidden] { display: flex !important; }
  .docs-mobile-toggle { display: flex; width: 100%; min-height: 48px; padding: 10px 14px; text-align: left; }
  .docs-search { margin-bottom: 8px; }
  .docs-search-field { height: 48px; padding: 8px 14px; }
  .docs-search-panel { max-height: min(460px, 55dvh); }
  .docs-search-panel a { min-height: 44px; padding: 12px; }
  .docs-mobile-toggle > i:first-child { color: var(--accent-violet); }
  .docs-mobile-toggle > i:last-child { flex: 0 0 auto; color: var(--text-secondary); margin-left: auto; }
  .docs-mobile-current { flex: 1; min-width: 0; margin-left: auto; color: var(--text-secondary); font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: right; }
  .docs-nav { padding: 12px 4px; max-height: min(600px, 65dvh); }
  .docs-enhanced .docs-nav { display: none; }
  .docs-enhanced .docs-sidebar.is-open .docs-nav { display: block; }
  .docs-sidebar.is-open .docs-mobile-toggle > i:last-child { transform: rotate(180deg); }
  .docs-nav-link { min-height: 44px; font-size: 13px; }
  .docs-nav-document > summary > i { padding: 16px; }
  .docs-nav-sections a { display: flex; align-items: center; min-height: 44px; font-size: 12px; }
  .docs-article { max-width: 820px; margin-inline: auto; }
  .docs-document-header h1 { font-size: 36px; }
  .docs-content .docs-permalink { width: 44px; height: 44px; }
  .docs-pagination a { min-height: 44px; }
}
@media (max-width: 768px) {
  body.docs-page { --docs-header-min-height: 58px; }
}
@media (max-width: 600px) {
  .docs-main { gap: 24px; padding-block: 16px 36px; }
  .docs-document-header h1 { font-size: 30px; line-height: 1.2; }
  .docs-document-header { padding-bottom: 20px; }
  .docs-lead { font-size: 14px; line-height: 1.75; }
  .docs-pagination { gap: 10px; }
  .docs-pagination a { max-width: calc(50% - 5px); padding: 8px 10px; font-size: 11px; }
  .docs-content { font-size: 14px; line-height: 1.8; }
  .docs-content h2 { font-size: 21px; line-height: 1.5; }
  .docs-content h3 { font-size: 16px; }
  .docs-section + .docs-section { margin-top: 32px; }
  .docs-content table { font-size: 11px; }
  .docs-content th, .docs-content td { padding: 10px 8px; }
  .docs-content th:first-child { width: 27%; }
}
@media (prefers-reduced-motion: reduce) {
  html.docs-root, .docs-page *, .docs-page *::before, .docs-page *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}
