/* Shared reading layout: let grid children shrink, and wrap prose instead of clipping it. */
main, main :where(section,article,aside,nav,figure,div,details) { min-width:0; }
main :where(h1,h2,h3,h4,p,li,a,summary,figcaption) { overflow-wrap:anywhere; }
img,svg,video { max-width:100%; }
.brand { flex-shrink:0; }
.brand-name { display:inline-block; font-size:1.4rem; }
body.experience-home main { padding-top:0; }
body.documentation-page main { padding-top:7rem; }
.docs-page { padding-top:2.5rem; }
.docs-page__hero { align-items:start;grid-template-columns:minmax(0,1.6fr) minmax(16rem,.8fr);gap:3rem; }
.docs-page__hero-copy { padding:0; border:0;border-radius:0;box-shadow:none;background:none; }
.docs-page__title { font-size:clamp(2.4rem,4.3vw,4rem);line-height:1.06;max-width:45rem;text-wrap:balance; }
.docs-page__summary { font-size:1rem;line-height:1.8; }
.docs-page__orientation { border-radius:.65rem;box-shadow:none;padding:1.2rem;align-self:start; }
.docs-page__shell { grid-template-columns:minmax(11rem,14rem) minmax(0,1fr);margin-top:3rem;padding:0;border:0;box-shadow:none;background:none;gap:3rem; }
.docs-navigation { min-width:0;align-self:start;position:sticky;top:7rem;max-height:calc(100svh - 8rem);overflow-y:auto;scrollbar-width:thin; }
.docs-navigation > summary { display:none;cursor:pointer;list-style-position:inside;font-size:.85rem;font-weight:600; }
.docs-page__toc { position:static;gap:.25rem; }
.docs-page__toc-link { padding:.6rem .7rem;border-radius:.4rem;font-size:.8rem;line-height:1.5; }
.docs-page__toc-heading { font-size:.62rem;padding-inline:.7rem; }
.docs-page__content { gap:0; }
.docs-section { padding:1.7rem 0;border:0;border-bottom:1px solid var(--border-strong);border-radius:0;background:none;box-shadow:none; }
.docs-section:first-child { padding-top:0; }
.docs-section__copy { padding:0; }
.docs-section__title { font-size:clamp(1.55rem,2.4vw,2.15rem);line-height:1.18; }
.docs-section__body { font-size:.95rem;line-height:1.85; }
.docs-markdown { font-size:.95rem;line-height:1.85; }
.docs-markdown h2 { margin-top:2.8rem;scroll-margin-top:7rem; }
.docs-markdown :where(h3,h4) { scroll-margin-top:7rem; }
.docs-markdown :not(pre) > code,.content-page__body :not(pre) > code { white-space:normal;overflow-wrap:anywhere;word-break:normal; }
.docs-page__pagination { gap:1rem;margin-top:2rem; }
.docs-page__pagination a { line-height:1.6; }
.content-page__body { max-width:54rem;box-shadow:none;border-radius:.8rem; }
.content-page__title { max-width:54rem;text-wrap:balance; }
.content-page__body :where(h2,h3,h4) { line-height:1.22;text-wrap:balance; }
.site-info-menu__title,.site-info-menu__body { overflow-wrap:anywhere; }
@media (min-width:801px) and (max-width:1080px) { .brand-name { display:inline-block;font-size:1.1rem; }.brand { gap:.45rem; }.site-nav > a {display:none;}.site-header__cta {padding-inline:.75rem;}.brand-mark {width:2.3rem;} }
@media (max-width:800px) {
 .site-header { grid-template-columns:minmax(0,1fr) auto auto; }
 .brand-name { display:inline-block;font-size:1.15rem; }
 .brand {gap:.5rem;}.brand-mark {width:2.1rem;}
 .site-info-menu--mobile-learn .site-nav__button {font-size:.72rem;padding-inline:.6rem;background:transparent;box-shadow:none;}
 .site-info-menu--mobile-learn {justify-self:end;}
 .docs-page { padding-top:1.5rem; }
 .docs-page__hero { grid-template-columns:1fr;gap:1.5rem; }
 .docs-page__shell { grid-template-columns:1fr;gap:2rem;margin-top:1.5rem; }
 .docs-page__orientation {display:none;}
 .docs-navigation { position:static;max-height:none;border-block:1px solid var(--border-strong);padding:.9rem 0; }
 .docs-navigation > summary { display:list-item; }
 .docs-navigation[open] > summary {margin-bottom:1rem;}
 .docs-page__toc {max-height:55svh;overflow-y:auto;}
 .docs-page__title {font-size:clamp(2.3rem,7vw,3.6rem);}
 .content-page__body {padding:1.2rem;}
}
@media (max-width:370px) { .site-info-menu--mobile-learn {display:none;}.site-header {grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand toggle" "actions actions";} }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after {scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;} }

.guide-cards {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin-top:2rem;align-items:start;}
.guide-card {padding:1.5rem;border:1px solid var(--border-strong);border-radius:.8rem;background:var(--background-elevated);scroll-margin-top:7rem;}
.guide-card__number {font: .75rem monospace;color:var(--text-secondary);}
.guide-card.docs-markdown h2 {font-size:1.35rem;margin:1rem 0;}
.guide-card__lead p {margin:0;line-height:1.7;}
.guide-card details {margin-top:1.4rem;border-top:1px solid var(--border-strong);padding-top:1rem;}
.guide-card summary {cursor:pointer;font-size:.8rem;font-weight:600;}
.guide-card__details {font-size:.86rem;line-height:1.8;}
.guide-overview h2 {font-size:1.4rem;margin-top:0!important;}
.guide-overview .content-diagram {margin:1rem 0;}
@media(max-width:1100px) {.guide-cards {grid-template-columns:1fr;}}

/* One explicit desktop flyout; the same links live directly inside mobile navigation. */
.site-info-menu__panel {visibility:hidden;}
.site-info-menu[data-open="true"] .site-info-menu__panel {visibility:visible;}
@media(max-width:800px) {
  .site-header {grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand toggle" "actions actions";}
  .site-header__actions {grid-template-areas:"home preferences" "solutions solutions" "preview preview" "market market";visibility:hidden;}
  .site-header[data-mobile-menu-open="true"] .site-header__actions {visibility:visible;}
  .site-nav > .site-info-menu--desktop-learn {display:block;grid-area:solutions;}
  .site-nav > .site-info-menu--desktop-learn > .site-nav__button {display:none;}
  .site-nav > .site-info-menu--desktop-learn .site-info-menu__panel,
  .site-nav > .site-info-menu--desktop-learn[data-open="true"] .site-info-menu__panel {
    position:static;display:block;visibility:inherit;opacity:1;transform:none;pointer-events:auto;
    max-height:none;overflow:visible;margin:0;padding:.8rem 0;border:0;background:none;box-shadow:none;
  }
  .site-info-menu__panel .site-info-menu__card {padding:.8rem .9rem;box-shadow:none;}
  .site-info-menu__panel .site-info-menu__body {display:none;}
  .site-info-menu__panel .site-info-menu__title {font-size:.86rem;}
  .site-info-menu__eyebrow {padding-inline:.9rem;}
}