.reference-layout{display:grid;grid-template-areas:"sidebar . header . toc" "sidebar . body   . toc";grid-template-columns:var(--layout-2-sidebars);grid-template-rows:min-content auto;justify-content:space-between;padding-inline:var(--layout-side-padding)}.reference-layout .reference-layout__content{display:contents}.reference-layout .reference-layout__header{grid-area:header}:is(.reference-layout .reference-layout__header) h1{font-size:var(--font-size-largest);font-weight:400;line-height:var(--font-line-normal);margin:1rem 0}.reference-layout .reference-layout__body{grid-area:body;padding-bottom:3rem}.reference-layout .reference-layout__sidebar{grid-area:sidebar}@media (min-width:calc(1rem * 2 + (14rem + 2rem) * 2 + 31rem)){:is(.reference-layout .reference-layout__sidebar) .left-sidebar{margin-right:calc(var(--layout-sidebar-gap)/-2);padding-right:calc(var(--layout-sidebar-gap)/2)}}.reference-layout .reference-layout__toc{align-content:start;align-items:start;display:flex;flex-wrap:wrap;gap:.5rem;grid-area:toc;justify-content:space-between}.reference-layout .reference-layout__sidebar .left-sidebar,.reference-layout .reference-layout__toc{max-height:calc(100vh - var(--sticky-header-height));overflow-y:auto;position:sticky;top:var(--sticky-header-height)}@media (max-width:64.999rem){.reference-layout{grid-template-areas:"toc . header" "toc . body";grid-template-columns:var(--layout-1-sidebar-left)}.reference-layout .reference-layout__sidebar{background:var(--color-background-page);display:none;grid-area:toc;z-index:1}}@media (max-width:48.999rem){.reference-layout{display:block}.reference-layout .reference-layout__sidebar{inset:0;position:fixed;top:var(--sticky-header-height);z-index:var(--z-index-sidebar-mobile)}:is(.reference-layout .reference-layout__sidebar) .left-sidebar{padding:1rem}.reference-layout .reference-layout__toc{max-height:unset;overflow-y:unset;position:unset;top:unset;--toc-header-font-size:var(--font-size-larger)}}
/*# sourceMappingURL=styles-reference-layout.5730da7d8613cf8e.css.map*/