/* Documentation shares the product tokens and components; this layer only
   arranges its reading surface and gives rendered Markdown its own rhythm. */
.or-app { min-inline-size: 0; }
.or-head__title { font-family: var(--or-font-display); font-weight: var(--or-fw-semibold); }
.or-head .or-search { flex: 0 1 28ch; }
.or-head .or-search .or-input { inline-size: 100%; }
.or-head .or-menu { flex: none; }
.or-head .or-search .or-results__option { grid-template-columns: minmax(0, 1fr); }
.or-head .or-search .or-results__text { display: flex; flex-direction: column; min-inline-size: 0; }
.or-doc__appearance { display: flex; flex-direction: column; gap: var(--or-space-5); min-inline-size: 28ch; max-inline-size: calc(100vw - var(--or-space-8)); padding: var(--or-space-4); }
.or-doc__appearance-group { min-inline-size: 0; }
.or-doc__appearance-group .or-caps { margin-block-end: var(--or-space-2); }
.or-doc__appearance-group .or-seg { inline-size: 100%; }
.or-doc__appearance-group .or-seg button { flex: 1; }

.or-sidebar .or-nav { min-inline-size: 0; }
.or-sidebar .or-nav ul { display: flex; flex-direction: column; gap: var(--or-space-1); min-inline-size: 0; }
.or-sidebar .or-nav__groups { gap: var(--or-space-5); }
.or-sidebar .or-nav__groups > li > .or-caps { padding-inline: var(--or-space-3); margin-block-end: var(--or-space-2); }
.or-sidebar .or-nav li { min-inline-size: 0; }
.or-sidebar .or-nav a { display: flex; align-items: center; min-block-size: var(--or-control-h-sm); padding: var(--or-space-2) var(--or-space-3); border-radius: var(--or-radius-md); font-weight: var(--or-fw-medium); text-decoration: none; overflow-wrap: anywhere; }
.or-sidebar .or-nav a:hover { background: var(--or-hover); color: var(--or-text); }
.or-sidebar .or-nav a[aria-current='page'] { background: var(--or-accent); color: var(--or-text-on-accent); border-color: var(--or-line-strong); box-shadow: var(--or-shadow-xs); }

.or-main { display: grid; grid-template-columns: minmax(0, 72ch) minmax(0, 22ch); align-content: start; justify-content: center; align-items: start; gap: var(--or-space-12); }
.or-doc { min-inline-size: 0; max-inline-size: 72ch; overflow-wrap: anywhere; }
.or-doc > :first-child { margin-block-start: 0; }
.or-doc > :last-child { margin-block-end: 0; }
.or-doc > h1 { margin-block: 0 var(--or-space-6); }
.or-doc > h2 { margin-block: var(--or-space-12) var(--or-space-4); scroll-margin-block-start: var(--or-space-20); }
.or-doc > h3 { margin-block: var(--or-space-8) var(--or-space-3); scroll-margin-block-start: var(--or-space-20); }
.or-doc > :is(p, ul:not([class]), ol:not([class]), blockquote, .or-tablewrap, figure) { margin-block: 0 var(--or-space-5); }
.or-doc > :is(ul, ol):not([class]) { padding-inline-start: var(--or-space-6); }
.or-doc > ul:not([class]) { list-style: disc; }
.or-doc > ol:not([class]) { list-style: decimal; }
.or-doc > :is(ul, ol):not([class]) li { margin-block: var(--or-space-2); }
.or-doc > :is(ul, ol):not([class]) li > :is(ul, ol) { margin-block-start: var(--or-space-2); padding-inline-start: var(--or-space-6); list-style: inherit; }
.or-doc blockquote { padding: var(--or-space-4) var(--or-space-5); border-inline-start: var(--or-border-width-thick) solid var(--or-line-strong); background: var(--or-surface-brand); color: var(--or-text); }
.or-doc :not(pre) > code { padding: var(--or-space-1); border-radius: var(--or-radius-xs); background: var(--or-bg-sunken); color: var(--or-text-secondary); overflow-wrap: anywhere; }
.or-doc pre { max-inline-size: 100%; overflow: auto; }
.or-doc .or-tablewrap { max-inline-size: 100%; }
.or-doc .or-table { inline-size: 100%; }
.or-doc__fence figcaption { margin-block-end: var(--or-space-2); color: var(--or-text-muted); font-size: var(--or-fs-caption); }
.or-doc__fence .or-guide__code { margin-block-start: 0; }
.or-doc > .or-guide__entry { max-inline-size: 100%; margin-block: var(--or-space-8); }
.or-doc .or-guide__entry > .or-card__head { flex-direction: column; align-items: flex-start; gap: var(--or-space-2); }
.or-doc .or-guide__entry > .or-card__head h2 { font-size: var(--or-fs-h3); }
.or-doc .or-guide__entry > .or-card__head p { margin: 0; }
.or-doc .or-guide__entry .or-guide__code { max-inline-size: 100%; }
.or-doc .or-guide__entry > .or-seg { max-inline-size: calc(100% - var(--or-card-pad) - var(--or-card-pad)); margin-inline: var(--or-card-pad); margin-block: 0 var(--or-space-3); }
.or-doc .or-guide__entry > .or-guide__code { max-inline-size: calc(100% - var(--or-card-pad) - var(--or-card-pad)); margin-inline: var(--or-card-pad); margin-block: 0 var(--or-card-pad); }
.or-js .or-doc .or-guide__entry > pre[data-or-stack]:not([data-or-current]) { display: none; }

.or-doc__toc { position: sticky; inset-block-start: var(--or-space-20); max-block-size: calc(100dvb - var(--or-space-24)); overflow: auto; min-inline-size: 0; padding-inline-start: var(--or-space-4); border-inline-start: var(--or-border-width-hair) solid var(--or-divider); font-size: var(--or-fs-body-sm); }
.or-doc__toc ul { display: flex; flex-direction: column; gap: var(--or-space-1); }
.or-doc__toc li { min-inline-size: 0; }
.or-doc__toc li[data-or-toc-level='3'] { padding-inline-start: var(--or-space-3); }
.or-doc__toc a { display: block; padding: var(--or-space-2); border-radius: var(--or-radius-sm); color: var(--or-text-secondary); text-decoration: none; overflow-wrap: anywhere; }
.or-doc__toc a:hover { background: var(--or-hover); color: var(--or-text); }

@media (max-width: 1080px) {
  .or-main { grid-template-columns: minmax(0, 72ch); }
  .or-doc__toc { display: none; }
}
@media (max-width: 640px) {
  .or-head { gap: var(--or-space-2); }
  .or-head__title { display: none; }
  .or-head .or-search { flex: 1 1 0; min-inline-size: 0; }
  .or-main { padding-block-start: var(--or-space-6); }
  .or-doc__appearance { min-inline-size: 0; }
}