/* Shared reading layout. Product-specific OBS previews stay in extra.css. */
:root {
  --md-primary-fg-color: #15202f;
  --md-accent-fg-color: #16758a;
  --pulsecaster-card-shadow: none;
}
[data-md-color-scheme="default"] {
  --md-default-bg-color: #fbfcfe;
  --md-default-fg-color: #202e40;
  --md-default-fg-color--light: #53647a;
  --md-typeset-a-color: #086b86;
  --docs-surface: #fff;
  --docs-tint: #edf5f8;
  --docs-border: #d9e3ed;
  --pulsecaster-card-border: var(--docs-border);
  --pulsecaster-card-shadow: none;
}
[data-md-color-scheme="slate"] {
  --md-default-bg-color: #111922;
  --md-default-fg-color: #e3eaf3;
  --md-default-fg-color--light: #a7b5c7;
  --md-default-fg-color--lighter: #788a9e;
  --md-typeset-a-color: #76d7ea;
  --md-accent-fg-color: #9be7f3;
  --docs-surface: #172330;
  --docs-tint: #192c3a;
  --docs-border: #2d4052;
  --pulsecaster-card-border: var(--docs-border);
  --pulsecaster-card-shadow: none;
}
.md-grid { max-width: 76rem; }
.md-header { box-shadow: none; border-bottom: 1px solid #344252; }
.md-header__title { font-size: .86rem; }
.md-main__inner { margin-top: 1.6rem; }
.md-content { min-width: 0; }
.md-typeset { font-size: .84rem; line-height: 1.75; }
.md-typeset h1 { color: var(--md-default-fg-color); font-size: 1.9rem; font-weight: 650; line-height: 1.2; letter-spacing: -.025em; margin-bottom: 1rem; }
.md-typeset h2 { color: var(--md-default-fg-color); font-size: 1.3rem; font-weight: 600; line-height: 1.35; margin-top: 2rem; letter-spacing: -.015em; }
.md-typeset h3 { font-size: 1.04rem; font-weight: 600; }
.md-typeset p, .md-typeset li { overflow-wrap: anywhere; }
.md-typeset a:not(.md-button):hover { text-decoration: underline; text-underline-offset: .2em; }
.md-typeset :is(a, button, summary):focus-visible { outline: 3px solid var(--md-typeset-a-color); outline-offset: 4px; border-radius: .15rem; }
.md-nav { font-size: .72rem; line-height: 1.45; }
.md-nav__link { margin-top: .45rem; }
.md-nav--primary > .md-nav__list > .md-nav__item--section { margin-top: 1.1rem; }
.md-nav--primary > .md-nav__list > .md-nav__item--section > .md-nav__link { font-weight: 700; }
.md-sidebar .md-nav__link--active { font-weight: 700; }
.md-sidebar--secondary .md-nav { border-left: 1px solid var(--docs-border); padding-left: .65rem; }
.md-typeset .md-button { border-radius: .45rem; padding: .6em 1.05em; font-size: .76rem; border-width: 1px; }
.md-typeset .md-button--primary { background: #146e83; color: #fff; border: 1px solid #146e83; }
.md-typeset .md-button--primary:hover { background: #0f5668; border-color: #0f5668; color: #fff; }
[data-md-color-scheme="slate"] .md-typeset .md-button--primary { background: #76d7ea; color: #10212f; border-color: #76d7ea; }
[data-md-color-scheme="slate"] .md-typeset .md-button--primary:hover { background: #a3e8f4; border-color: #a3e8f4; }
.docs-intro { padding: .25rem 0 1.15rem; margin-bottom: 1rem; border-bottom: 1px solid var(--docs-border); }
.docs-eyebrow { color: var(--md-typeset-a-color); font-size: .64rem; font-weight: 700; letter-spacing: .12em; }
.md-typeset .docs-intro h1 { font-size: clamp(1.85rem, 3.3vw, 2.6rem); max-width: 24ch; margin: .7rem 0 1rem; }
.docs-intro > p { max-width: 58ch; color: var(--md-default-fg-color--light); }
.docs-intro .md-button { margin: .3rem .4rem .1rem 0; }
.md-typeset .grid.cards { gap: .75rem; }
.md-typeset .grid.cards > ul > li { padding: 1rem; border-radius: .65rem; border-color: var(--docs-border); background: var(--docs-surface); box-shadow: none; }
.md-typeset .grid.cards > ul > li:hover { border-color: var(--md-typeset-a-color); box-shadow: none; }
.md-typeset .grid.cards > ul > li > p:first-child { color: var(--md-default-fg-color); }
.md-typeset .grid.cards > ul > li > p { font-size: .8rem; line-height: 1.6; }
.md-typeset .grid.cards > ul > li > p:first-child .twemoji { color: var(--md-typeset-a-color); margin-right: .35rem; }
.md-typeset .grid.cards > ul > li p:last-child a { padding: 0; border: 0; border-radius: 0; background: none; color: var(--md-typeset-a-color); font-weight: 600; font-size: .76rem; }
.md-typeset .grid.cards > ul > li p:last-child a:hover { background: none; color: var(--md-typeset-a-color); }
.md-typeset .docs-figure { display: block; margin: 1.3rem 0 1.6rem; max-width: 100%; width: 100%; border: 1px solid var(--docs-border); border-radius: .7rem; overflow: hidden; background: var(--docs-surface); }
.docs-figure > p { margin: 0; line-height: 0; }
.docs-figure img { display: block; width: 100%; height: auto; }
.md-typeset .docs-figure figcaption { max-width: none; margin: 0; padding: .7rem 1rem; border-top: 1px solid var(--docs-border); font-style: normal; text-align: left; font-size: .7rem; line-height: 1.6; color: var(--md-default-fg-color--light); }
.docs-steps { background: var(--docs-tint); border-radius: .65rem; border: 1px solid var(--docs-border); padding: .6rem 1.2rem; }
.md-typeset .docs-steps li { padding: .2rem 0 .2rem .3rem; }
.md-typeset .docs-steps li::marker { color: var(--md-typeset-a-color); font-weight: 700; }
.md-typeset .admonition, .md-typeset details { border-radius: .45rem; box-shadow: none; font-size: .77rem; }
.md-typeset table:not([class]) { font-size: .76rem; line-height: 1.6; border-radius: .45rem; border-color: var(--docs-border); }
.md-typeset table:not([class]) th { background: var(--docs-tint); padding: .75rem; }
.md-typeset table:not([class]) td { padding: .7rem .75rem; }
.doc-section-grid .doc-callout { border: 1px solid var(--docs-border); border-radius: .65rem; }
.doc-kicker { color: var(--md-typeset-a-color); }
.md-typeset .task-list-indicator::before { border-color: var(--md-default-fg-color--light); }
@media screen and (min-width: 76.25em) {
  .md-sidebar { width: 13rem; }
  .md-sidebar--secondary { width: 11rem; }
  .md-content__inner { margin-left: 1.6rem; margin-right: 1.6rem; }
}
@media screen and (max-width: 44.984375em) {
  .md-main__inner { margin-top: .65rem; }
  .md-typeset h1 { font-size: 1.7rem; }
  .md-typeset .docs-intro h1 { font-size: 1.9rem; }
  .md-typeset .grid.cards { grid-template-columns: minmax(0, 1fr); }
  .docs-intro .md-button { width: 100%; text-align: center; margin-right: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .md-typeset *, .md-sidebar * { scroll-behavior: auto !important; transition: none !important; }
}
@media print {
  .docs-intro .md-button { display: none; }
  .md-typeset .docs-figure { break-inside: avoid; }
}

/* Match the theme-specific legacy card selectors in extra.css. */
[data-md-color-scheme] .md-typeset .grid.cards > ul > li p:last-child a,
[data-md-color-scheme] .md-typeset .grid.cards > ul > li p:last-child a:hover,
[data-md-color-scheme] .md-typeset .grid.cards > ul > li p:last-child a:focus {
  background: none;
  border: 0;
  color: var(--md-typeset-a-color);
}

.md-typeset .md-button:not(.md-button--primary) {
  color: var(--md-typeset-a-color);
  border-color: var(--docs-border);
  background: var(--docs-surface);
}
.md-typeset .md-button:not(.md-button--primary):hover {
  color: var(--md-default-fg-color);
  border-color: var(--md-typeset-a-color);
  background: var(--docs-tint);
}
.md-typeset details.question { border-color: var(--docs-border); }
.md-typeset details.question > summary { background: var(--docs-tint); }
.md-typeset details.question > summary::before { background-color: var(--md-typeset-a-color); }
