:root {
  --ink: #142833;
  --muted: #536873;
  --line: #dbe5e9;
  --line-strong: #bfd0d7;
  --blue: #1289af;
  --blue-dark: #0b6685;
  --blue-soft: #e8f6fa;
  --navy: #102f3d;
  --paper: #ffffff;
  --surface: #f5f8f9;
  --focus: #f4a641;
  --shadow: 0 18px 55px rgba(16, 47, 61, 0.12);
  --content: 760px;
  color-scheme: light;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-synthesis: none;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); line-height: 1.65; }
a { color: var(--blue-dark); text-underline-offset: 0.18em; }
a:hover { color: var(--blue); }
button, input, select { font: inherit; }
button, select { cursor: pointer; }
img { max-width: 100%; height: auto; }
.doc-body img { display: block; width: 100%; margin: 1.4rem 0 .45rem; border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 12px 30px rgba(16, 45, 57, .1); }
.product-screenshot { margin: 1.6rem 0; }
.product-screenshot__image-link { display: block; border-radius: 12px; }
.product-screenshot__image-link:hover img { border-color: var(--blue); box-shadow: 0 14px 34px rgba(16, 45, 57, .16); }
.product-screenshot img { margin: 0; transition: border-color .15s ease, box-shadow .15s ease; }
.product-screenshot figcaption { margin-top: .55rem; color: var(--muted); font-size: .92rem; }
.product-screenshot figcaption a { white-space: nowrap; font-weight: 650; }
.screenshot-dialog { width: min(1120px, calc(100vw - 2rem)); max-height: calc(100dvh - 1rem); padding: 0; overflow-y: auto; overscroll-behavior: contain; border: 0; border-radius: .9rem; box-shadow: var(--shadow); }
.screenshot-dialog::backdrop { background: rgba(8, 27, 35, .78); }
.screenshot-dialog__header { position: sticky; z-index: 3; top: 0; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.2rem; background: white; border-bottom: 1px solid var(--line); box-shadow: 0 3px 10px rgba(16, 45, 57, .08); }
.screenshot-dialog__header .icon-button { flex: 0 0 auto; }
.screenshot-dialog__header h2 { margin: 0; color: var(--navy); font-size: 1.35rem; }
.screenshot-dialog__body { padding: 1rem 1.2rem 1.4rem; }
.screenshot-dialog__body img { display: block; width: 100%; max-width: none; height: auto; margin: 0 auto; border: 1px solid var(--line); border-radius: .55rem; }
.screenshot-dialog__body p { max-width: 850px; margin: .7rem auto 0; }
.doc-body p > img + br { display: none; }
:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; z-index: 100; left: 1rem; top: 1rem; transform: translateY(-200%); padding: .65rem 1rem; color: white; background: var(--navy); border-radius: .5rem; }
.skip-link:focus { transform: translateY(0); }

.site-header { position: sticky; z-index: 20; top: 0; display: flex; align-items: center; justify-content: space-between; min-height: 72px; padding: .75rem clamp(1rem, 3vw, 2.5rem); background: rgba(255, 255, 255, .94); border-bottom: 1px solid var(--line); backdrop-filter: blur(14px); }
.brand { display: inline-flex; align-items: center; gap: .6rem; color: var(--navy); font-weight: 750; font-size: 1.1rem; text-decoration: none; }
.brand img { width: 34px; height: 34px; }
.brand-context { padding-left: .65rem; color: var(--muted); border-left: 1px solid var(--line-strong); font-weight: 600; }
.header-actions { display: flex; align-items: center; gap: .75rem; }
.search-trigger, .hero-search { display: inline-flex; align-items: center; gap: .75rem; color: var(--muted); background: var(--surface); border: 1px solid var(--line-strong); border-radius: .65rem; }
.search-trigger { min-width: min(28vw, 330px); min-height: 44px; padding: .55rem .75rem; }
.search-trigger kbd, .hero-search kbd { margin-left: auto; padding: .05rem .4rem; color: var(--muted); background: white; border: 1px solid var(--line); border-radius: .3rem; box-shadow: 0 1px 0 var(--line-strong); }
.version-picker select { min-height: 44px; padding: .55rem 2rem .55rem .75rem; color: var(--navy); background: white; border: 1px solid var(--line-strong); border-radius: .65rem; opacity: 1; }
.product-link { display: inline-flex; align-items: center; min-height: 44px; padding: .5rem .2rem; font-weight: 650; text-decoration: none; }

.site-frame { display: grid; grid-template-columns: 270px minmax(0, 1fr); min-height: calc(100vh - 142px); }
.docs-sidebar { padding: 1.35rem .9rem 2rem clamp(.8rem, 2vw, 1.4rem); background: var(--surface); border-right: 1px solid var(--line); }
.docs-sidebar nav { position: sticky; top: 88px; max-height: calc(100vh - 108px); overflow-y: auto; padding-right: .25rem; scrollbar-gutter: stable; }
.docs-sidebar-home { display: flex; align-items: center; min-height: 44px; margin: 0 0 .55rem; padding: .5rem .7rem; color: var(--navy); background: white; border: 1px solid var(--line); border-radius: .55rem; font-size: .88rem; font-weight: 750; text-decoration: none; }
.docs-sidebar-home:hover { border-color: var(--blue); }
.docs-nav-group { border-top: 1px solid var(--line); }
.docs-nav-group:last-child { border-bottom: 1px solid var(--line); }
.docs-nav-group > summary { display: flex; align-items: center; justify-content: space-between; gap: .65rem; min-height: 44px; padding: .55rem .7rem; color: var(--muted); cursor: pointer; font-size: .7rem; font-weight: 800; letter-spacing: .075em; list-style: none; text-transform: uppercase; }
.docs-nav-group > summary::-webkit-details-marker { display: none; }
.docs-nav-group > summary::after { content: ""; flex: 0 0 auto; width: .48rem; height: .48rem; margin-left: .15rem; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translate(-2px, 2px); transition: transform .16s ease; }
.docs-nav-group[open] > summary { color: var(--blue-dark); }
.docs-nav-group[open] > summary::after { transform: rotate(225deg) translate(-1px, -1px); }
.docs-nav-count { margin-left: auto; padding: .08rem .4rem; color: var(--muted); background: white; border: 1px solid var(--line); border-radius: 999px; font-size: .65rem; letter-spacing: 0; }
.docs-nav-group ul { margin: 0 0 .65rem; padding: 0; list-style: none; }
.docs-nav-group a { display: flex; align-items: center; min-height: 40px; margin: .08rem 0; padding: .38rem .65rem; color: var(--ink); border-radius: .45rem; text-decoration: none; font-size: .86rem; line-height: 1.35; }
.docs-nav-group a:hover { background: white; }
.docs-nav-group a[aria-current="page"] { color: var(--blue-dark); background: var(--blue-soft); box-shadow: inset 3px 0 var(--blue); font-weight: 700; }
.mobile-docs-navigation { display: none; }
.content-column { min-width: 0; }

.doc-layout { display: grid; grid-template-columns: minmax(0, var(--content)) 220px; justify-content: center; gap: clamp(2rem, 5vw, 5rem); padding: 3.5rem clamp(1.25rem, 4vw, 4rem) 5rem; }
.doc-article { min-width: 0; }
.breadcrumbs { display: flex; gap: .5rem; margin-bottom: 1.2rem; color: var(--muted); font-size: .9rem; }
.breadcrumbs a { color: inherit; }
.eyebrow { margin: 0 0 .45rem; color: var(--blue-dark); font-size: .75rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.doc-header h1, .home-hero h1, .not-found h1 { margin: 0; color: var(--navy); font-size: clamp(2.25rem, 5vw, 4.5rem); line-height: 1.04; letter-spacing: -.04em; }
.doc-header h1 { font-size: clamp(2.1rem, 4vw, 3.45rem); }
.doc-summary { max-width: 680px; margin: 1rem 0 1.5rem; color: var(--muted); font-size: 1.18rem; }
.doc-metadata { display: flex; flex-wrap: wrap; gap: 1.4rem 2.5rem; margin: 0; padding: 1rem 0; border-block: 1px solid var(--line); }
.doc-metadata div { display: grid; gap: .05rem; }
.doc-metadata dt { color: var(--muted); font-size: .72rem; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
.doc-metadata dd { margin: 0; color: var(--navy); font-weight: 650; }
.version-notice { margin: 1.4rem 0; padding: 1rem 1.2rem; color: var(--ink); background: var(--surface); border: 1px solid var(--line-strong); border-left: .25rem solid var(--navy); border-radius: .5rem; font-size: .94rem; }
.version-notice p { margin: 0; }
.rc1-availability p + p { margin-top: .75rem; }
.print-guide { margin-top: 1rem; }
[data-doc-content-type="Quick guide"] .doc-body > ol { padding: 0; list-style: none; counter-reset: quick-guide-step; }
[data-doc-content-type="Quick guide"] .doc-body > ol > li { position: relative; padding-left: 2rem; counter-increment: quick-guide-step; }
[data-doc-content-type="Quick guide"] .doc-body > ol > li::before { content: "□"; position: absolute; left: .2rem; color: var(--navy); font-size: 1.2rem; line-height: 1.25; }
.journey-progress { margin: 1.6rem 0 .4rem; padding: 1.2rem; border: 1px solid var(--line-strong); border-radius: .8rem; background: var(--surface); }
.journey-progress__heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; }
.journey-progress__heading h2 { margin: 0; color: var(--navy); font-size: 1.35rem; }
.journey-progress__heading [role="status"] { color: var(--muted); font-size: .9rem; font-weight: 650; }
.journey-progress progress { width: 100%; height: .75rem; margin: 1rem 0; accent-color: var(--blue-dark); }
.journey-progress__steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem 1rem; margin: 0; padding: 0; list-style: none; }
.journey-progress__steps li { display: grid; grid-template-columns: 1.25rem 1fr; align-items: start; gap: .5rem; margin: 0; }
.journey-progress__steps input { width: 1.15rem; height: 1.15rem; margin-top: .28rem; accent-color: var(--blue-dark); }
.journey-progress__steps a { color: var(--ink); }
.journey-progress__steps input:checked + label a { color: var(--muted); text-decoration: line-through; }
.journey-progress__actions { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1rem; }
.journey-progress__actions p { margin: 0; color: var(--muted); font-size: .86rem; }
.secondary-button { min-height: 44px; padding: .5rem .8rem; color: var(--navy); background: white; border: 1px solid var(--line-strong); border-radius: .55rem; font-weight: 650; }
.troubleshooting-navigator { margin: 1.6rem 0 .4rem; padding: 1.2rem; border: 1px solid var(--line-strong); border-radius: .8rem; background: #fffaf0; }
.troubleshooting-navigator h2 { margin: 0; color: var(--navy); font-size: 1.35rem; }
.troubleshooting-navigator__symptoms { display: grid; gap: .55rem; margin-top: 1rem; }
.troubleshooting-navigator__symptoms a { display: flex; align-items: center; min-height: 44px; padding: .6rem .75rem; color: var(--ink); background: white; border: 1px solid var(--line-strong); border-radius: .55rem; text-decoration: none; }
.troubleshooting-navigator__symptoms a:hover, .troubleshooting-navigator__symptoms a[aria-pressed="true"] { border-color: var(--blue); background: var(--blue-soft); }
.troubleshooting-navigator__path { margin-top: 1rem; padding: 1rem; background: white; border-left: 4px solid var(--blue); border-radius: .35rem .6rem .6rem .35rem; }
.troubleshooting-navigator__path p { margin-top: 0; }
.troubleshooting-navigator__path ol { display: grid; gap: .35rem; margin-bottom: 0; }
.doc-body { padding-top: 1.4rem; overflow-wrap: anywhere; font-size: 1.02rem; }
.doc-body h2, .doc-body h3 { scroll-margin-top: 100px; color: var(--navy); line-height: 1.25; letter-spacing: -.018em; }
.doc-body h2 { margin: 2.6rem 0 .7rem; font-size: 1.65rem; }
.doc-body h3 { margin: 2rem 0 .55rem; font-size: 1.25rem; }
.doc-body p, .doc-body ul, .doc-body ol { margin: .8rem 0; }
.doc-body li + li { margin-top: .3rem; }
.doc-body blockquote { margin: 1.4rem 0; padding: 1rem 1.2rem; background: var(--blue-soft); border-left: 4px solid var(--blue); border-radius: .25rem .65rem .65rem .25rem; }
.doc-body pre { overflow: auto; padding: 1rem; color: #eaf7fb; background: var(--navy); border-radius: .65rem; }
.doc-body code { padding: .08rem .3rem; background: #eef2f4; border-radius: .25rem; font-family: "Cascadia Code", Consolas, monospace; font-size: .9em; }
.doc-body pre code { padding: 0; color: inherit; background: transparent; }
.doc-body table { display: block; width: 100%; max-width: 100%; margin: 1.5rem 0; overflow-x: auto; border-collapse: collapse; }
.doc-body th, .doc-body td { padding: .7rem; border: 1px solid var(--line-strong); text-align: left; vertical-align: top; }
.doc-body th { background: var(--surface); }
.api-page-intro { position: relative; margin: .2rem 0 1.5rem; padding: clamp(1.25rem, 3vw, 2rem); overflow: hidden; background: linear-gradient(145deg, #f4fbfd 0%, #eef7fa 58%, #fff 100%); border: 1px solid #cfe8ef; border-radius: 1.1rem; }
.api-page-intro::after { content: ""; position: absolute; right: -4rem; top: -5rem; width: 13rem; height: 13rem; opacity: .28; background: radial-gradient(circle, #66c4df 0 2%, transparent 3% 100%); background-size: 17px 17px; transform: rotate(12deg); pointer-events: none; }
.api-page-intro > * { position: relative; z-index: 1; }
.api-page-intro h2 { margin-top: .15rem; font-size: clamp(1.75rem, 3vw, 2.25rem); }
.api-info-card__eyebrow { margin: 0 0 .25rem !important; color: var(--blue-dark); font-size: .7rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }

.api-reference-toolbar { position: sticky; z-index: 6; top: 83px; display: grid; grid-template-columns: minmax(16rem, 1fr) auto; align-items: end; gap: 1rem; margin: 1rem 0 1.25rem; padding: .85rem; background: rgba(255, 255, 255, .94); border: 1px solid var(--line); border-radius: .9rem; box-shadow: 0 10px 30px rgba(16, 47, 61, .09); backdrop-filter: blur(14px); }
.api-reference-toolbar label { display: grid; gap: .3rem; color: var(--navy); font-size: .76rem; font-weight: 800; }
.api-reference-toolbar input { width: 100%; min-height: 44px; padding: .65rem .8rem; color: var(--ink); background: var(--surface); border: 1px solid var(--line-strong); border-radius: .6rem; }
.api-reference-toolbar input:focus { background: white; border-color: var(--blue); outline: 3px solid rgba(18, 137, 175, .16); }
.api-reference-toolbar__actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: .45rem; }
.api-reference-toolbar__actions [role="status"] { margin-right: .25rem; color: var(--muted); font-size: .82rem; font-weight: 750; }
.api-reference-toolbar button, .api-code-panel__bar button { min-height: 38px; padding: .4rem .7rem; color: var(--navy); background: white; border: 1px solid var(--line-strong); border-radius: .5rem; font-size: .78rem; font-weight: 750; }
.api-reference-toolbar button:hover { color: var(--blue-dark); border-color: var(--blue); background: var(--blue-soft); }
.api-reference-toolbar--compact { grid-template-columns: minmax(16rem, 1fr) auto; }
.api-category-navigation { display: grid; gap: .55rem; margin: 0 0 1rem; padding: .75rem; overflow: hidden; background: var(--surface); border: 1px solid var(--line); border-radius: .8rem; }
.api-category-navigation > span { color: var(--muted); font-size: .7rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.api-category-navigation > div { display: flex; flex-wrap: wrap; gap: .4rem; padding: .15rem .05rem; }
.api-category-navigation a { flex: 0 0 auto; min-height: 38px; padding: .42rem .68rem; color: var(--navy); background: white; border: 1px solid var(--line); border-radius: 999px; font-size: .78rem; font-weight: 750; text-decoration: none; white-space: nowrap; }
.api-category-navigation a:hover { color: var(--blue-dark); border-color: var(--blue); background: var(--blue-soft); }
.api-category-navigation a[aria-current] { color: white; background: var(--blue-dark); border-color: var(--blue-dark); }
.api-category-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .85rem; margin: 1rem 0 1.5rem; }
.api-category-card { min-width: 0; margin: 0; }
.api-category-card > a { display: flex; flex-direction: column; min-height: 100%; padding: 1rem; color: var(--ink); background: white; border: 1px solid var(--line); border-radius: .9rem; box-shadow: 0 5px 18px rgba(16, 47, 61, .045); text-decoration: none; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.api-category-card > a:hover { border-color: var(--blue); box-shadow: 0 12px 26px rgba(16, 47, 61, .09); transform: translateY(-1px); }
.api-category-card__heading { display: flex; align-items: start; justify-content: space-between; gap: .75rem; }
.api-category-card h3 { margin: 0; color: var(--navy); font-size: 1.08rem; }
.api-category-card__heading span { flex: 0 0 auto; padding: .15rem .5rem; color: var(--blue-dark); background: var(--blue-soft); border-radius: 999px; font-size: .7rem; font-weight: 800; }
.api-category-card p { margin: .6rem 0; color: var(--muted); font-size: .86rem; }
.api-category-card ul { margin: .25rem 0 .8rem; padding-left: 1.15rem; color: #405963; font-size: .8rem; }
.api-category-card strong { margin-top: auto; color: var(--blue-dark); font-size: .82rem; }
.api-operation-card-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.api-operation-card[hidden] { display: none; }
.api-operation-card { min-width: 0; margin: 0; }
.api-operation-card > a { display: flex; flex-direction: column; min-height: 100%; padding: .9rem; color: var(--ink); background: white; border: 1px solid var(--line); border-radius: .85rem; box-shadow: 0 4px 15px rgba(16, 47, 61, .04); text-decoration: none; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.api-operation-card > a:hover { border-color: var(--blue); box-shadow: 0 10px 24px rgba(16, 47, 61, .09); transform: translateY(-1px); }
.api-operation-card__route { display: flex; align-items: center; min-width: 0; gap: .55rem; }
.api-operation-card__route code { overflow: hidden; color: #183d4b; background: transparent; font-size: .74rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.api-operation-card h3 { margin: .75rem 0 .3rem; color: var(--navy); font-size: 1rem; }
.api-operation-card p { margin: 0 0 .8rem; color: var(--muted); font-size: .83rem; }
.api-operation-card__meta { display: flex; align-items: center; justify-content: space-between; gap: .6rem; margin-top: auto; color: var(--muted); font-size: .68rem; }
.api-operation-card__meta > span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.api-reference-breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: .35rem .55rem; margin: 1rem 0; color: var(--muted); font-size: .82rem; }
.api-operation-page { min-width: 0; }
.api-operation-page__heading { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: .8rem; margin: 1rem 0 1.5rem; padding: 1rem; background: linear-gradient(145deg, #f4fbfd, #fff); border: 1px solid #cfe8ef; border-radius: .9rem; }
.api-operation-page__heading .api-operation__route { min-width: 0; }
.api-operation-page__heading .api-operation__route code { overflow: visible; text-overflow: clip; white-space: normal; overflow-wrap: anywhere; }
.api-operation-page__heading > p { grid-column: 1 / -1; margin: 0; color: #405963; }
.api-operation-page__heading > small { grid-column: 1 / -1; color: var(--muted); }
.api-operation-pager { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; margin: 2rem 0 0; }
.api-operation-pager a { display: grid; gap: .15rem; min-height: 82px; padding: .8rem; color: var(--ink); background: var(--surface); border: 1px solid var(--line); border-radius: .75rem; text-decoration: none; }
.api-operation-pager a:last-child { text-align: right; }
.api-operation-pager a:hover { border-color: var(--blue); background: var(--blue-soft); }
.api-operation-pager span { color: var(--muted); font-size: .7rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.api-operation-pager strong { color: var(--navy); font-size: .86rem; }
.api-operation-list { display: grid; min-width: 0; gap: .75rem; }

.api-operation { min-width: 0; max-width: 100%; margin: 0; overflow: clip; background: white; border: 1px solid var(--line); border-radius: .95rem; box-shadow: 0 5px 20px rgba(16, 47, 61, .045); transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.api-operation:not([open]):hover { border-color: #9bcbd9; box-shadow: 0 12px 28px rgba(16, 47, 61, .1); transform: translateY(-1px); }
.api-operation[hidden] { display: none; }
.api-operation summary { display: grid; grid-template-columns: minmax(15rem, 1.25fr) minmax(11rem, 1fr) auto auto; align-items: center; gap: .8rem; min-height: 72px; padding: .9rem 1rem; color: var(--navy); background: linear-gradient(90deg, #fff, #fbfdfe); cursor: pointer; font-weight: 750; list-style: none; }
.api-operation summary::-webkit-details-marker, .api-schema summary::-webkit-details-marker { display: none; }
.api-operation summary::after { content: ""; width: .52rem; height: .52rem; margin: 0 .25rem; border-right: 2px solid var(--blue-dark); border-bottom: 2px solid var(--blue-dark); transform: rotate(45deg) translate(-2px, 2px); transition: transform .18s ease; }
.api-operation[open] { border-color: #a9d6e2; box-shadow: 0 18px 42px rgba(16, 47, 61, .11); }
.api-operation[open] > summary { background: linear-gradient(90deg, #f1fafc, #fff); border-bottom: 1px solid var(--line); }
.api-operation[open] > summary::after { transform: rotate(225deg) translate(-1px, -1px); }
.api-operation__route { display: flex; align-items: center; min-width: 0; gap: .7rem; }
.api-operation__route code { overflow: hidden; color: #183d4b; background: transparent; font-size: .82rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.api-operation__summary { overflow: hidden; color: var(--muted); font-size: .88rem; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.api-method { display: inline-block; flex: 0 0 auto; min-width: 4.25rem; padding: .3rem .5rem; border-radius: .45rem; color: white; background: var(--blue-dark); box-shadow: inset 0 -1px rgba(0, 0, 0, .16); text-align: center; font-size: .72rem; font-weight: 850; letter-spacing: .055em; }
.api-method--get { background: #13705a; }
.api-method--post { background: #176a9f; }
.api-method--put, .api-method--patch { background: #89640d; }
.api-method--delete { background: #a53543; }
.api-status { padding: .22rem .62rem; border: 1px solid var(--line); border-radius: 999px; background: #f4f7fa; color: var(--navy); font-size: .72rem; font-weight: 800; white-space: nowrap; }
.api-status--stable { border-color: #8ac9b9; background: #e8f7f2; color: #0b5944; }
.api-status--preview { border-color: #e3c266; background: #fff6d9; color: #684700; }
.api-operation__body { padding: clamp(1rem, 3vw, 1.65rem); background: #fff; }
.api-operation__body > h3 { margin-top: 1.8rem; }
.api-operation__lead { display: flex; align-items: baseline; flex-wrap: wrap; gap: .25rem 1rem; margin-bottom: 1rem; padding-bottom: .9rem; border-bottom: 1px solid var(--line); }
.api-operation__lead p { margin: 0; }
.api-operation__lead p:nth-child(2) { color: var(--navy); font-size: 1.15rem; }
.api-operation__lead p:last-child { margin-left: auto; color: var(--muted); font-size: .84rem; }
.api-use-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; margin: 1rem 0 1.25rem; }
.api-use-grid section { min-width: 0; padding: 1rem; background: #f7fafb; border: 1px solid var(--line); border-radius: .8rem; }
.api-use-grid section:first-child { background: #eef9fc; border-color: #c9e7ef; }
.api-use-grid section:last-child { background: #fff9ee; border-color: #f0dfb6; }
.api-use-grid h3 { margin: 0 0 .35rem; font-size: 1rem; }
.api-use-grid p { margin: 0; color: #405963; font-size: .9rem; }
.api-context-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; margin: 1.25rem 0; }
.api-info-card { min-width: 0; padding: 1rem; background: #fbfcfd; border: 1px solid var(--line); border-radius: .85rem; }
.api-info-card--availability { background: linear-gradient(145deg, #f7fbfd, #fff); }
.api-info-card--access { background: linear-gradient(145deg, #f9f8fd, #fff); }
.api-info-card h3 { margin: .1rem 0 .7rem; font-size: 1.08rem; }
.api-definition-list { display: grid; grid-template-columns: minmax(7.5rem, 11rem) minmax(0, 1fr); gap: 0; margin: .3rem 0 0; overflow: hidden; border-top: 1px solid var(--line); }
.api-definition-list div { display: contents; }
.api-definition-list dt, .api-definition-list dd { margin: 0; padding: .55rem .25rem; border-bottom: 1px solid var(--line); font-size: .82rem; }
.api-definition-list dt { padding-right: .7rem; color: var(--muted); font-weight: 760; }
.api-definition-list dd { color: var(--ink); overflow-wrap: anywhere; }
.api-section { margin: 1.5rem 0; padding: 1rem; border: 1px solid var(--line); border-radius: .85rem; }
.api-section > h3 { margin-top: 0; }
.api-section--errors { border-color: #edd0d4; background: #fffafb; }

.table-scroll { max-width: 100%; overflow-x: auto; scrollbar-color: #9dbcc6 #edf3f5; }
.table-scroll:focus-visible { outline-offset: 2px; }
.api-schema { margin: 1rem 0; overflow: hidden; border: 1px solid #c7dfe6; border-radius: .8rem; background: white; }
.api-schema > summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 50px; padding: .7rem .85rem; color: var(--navy); background: #f0f8fa; cursor: pointer; font-size: .9rem; font-weight: 800; list-style: none; }
.api-schema > summary::before { content: "+"; display: grid; flex: 0 0 auto; place-items: center; width: 1.45rem; height: 1.45rem; color: white; background: var(--blue-dark); border-radius: 50%; font-size: 1rem; line-height: 1; }
.api-schema[open] > summary::before { content: "−"; }
.api-schema__count { margin-left: auto; color: var(--muted); font-size: .76rem; font-weight: 700; }
.api-schema__body { padding: .85rem; }
.api-schema__body > h4 { margin: 0 0 .65rem; color: var(--navy); }
.api-fields-scroll { max-height: min(56vh, 38rem); border: 1px solid var(--line); border-radius: .6rem; }
.doc-body .api-fields { display: table; min-width: 78rem; margin: 0; border-collapse: separate; border-spacing: 0; font-size: .82rem; }
.api-fields thead th { position: sticky; z-index: 3; top: 0; color: #244653; background: #e9f3f6; border-top: 0; }
.api-fields th:first-child, .api-fields td:first-child { position: sticky; z-index: 2; left: 0; min-width: 11rem; background: white; box-shadow: 1px 0 #d7e4e8; }
.api-fields thead th:first-child { z-index: 4; background: #e9f3f6; }
.api-fields tbody tr:nth-child(even) td { background: #f9fbfc; }
.api-fields tbody tr:nth-child(even) td:first-child { background: #f9fbfc; }
.api-fields tbody tr:hover td { background: #f0f9fb; }
.api-examples { display: grid; gap: .55rem; margin: .8rem 0; }
.api-examples details { margin: 0; overflow: hidden; border: 1px solid var(--line); border-radius: .65rem; }
.api-examples summary { padding: .65rem .8rem; color: var(--navy); background: var(--surface); cursor: pointer; font-size: .86rem; font-weight: 750; }
.api-examples pre { margin: 0; border-radius: 0; }

.api-code-tabs { margin: 1rem 0; overflow: hidden; color: #d8edf3; background: #092b39; border: 1px solid #0d526a; border-radius: .9rem; box-shadow: 0 14px 32px rgba(7, 38, 50, .16); }
.api-code-tabs__list { display: flex; gap: .2rem; padding: .45rem .55rem 0; overflow-x: auto; background: #0c3545; border-bottom: 1px solid rgba(255, 255, 255, .09); }
.api-code-tabs__list button { min-height: 42px; padding: .55rem .85rem; color: #a9cbd6; background: transparent; border: 0; border-bottom: 3px solid transparent; font: inherit; font-size: .82rem; font-weight: 750; cursor: pointer; white-space: nowrap; }
.api-code-tabs__list button:hover { color: white; }
.api-code-tabs__list button[aria-selected="true"] { color: white; border-bottom-color: #43c4e8; }
.api-code-panel__bar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .55rem .75rem; color: #9ec2ce; background: rgba(0, 0, 0, .12); font-size: .75rem; font-weight: 750; }
.api-code-panel__bar button { min-height: 34px; color: #dff7ff; background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .2); }
.api-code-panel__bar button:hover { background: rgba(255, 255, 255, .15); }
.api-code-tabs [role="tabpanel"] { padding: 0; }
.api-code-tabs pre { max-height: 30rem; margin: 0; padding: 1rem; background: transparent; border-radius: 0; }

.api-overview-hero { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; margin: .2rem 0 1.25rem; padding: clamp(1.5rem, 4vw, 2.4rem); overflow: hidden; color: #eaf8fb; background: radial-gradient(circle at 88% 8%, rgba(68, 195, 231, .42), transparent 30%), linear-gradient(135deg, #0a2b39, #0d5f79); border-radius: 1.2rem; box-shadow: 0 20px 45px rgba(10, 43, 57, .2); }
.api-overview-hero h2 { margin: .1rem 0 .7rem; color: white; font-size: clamp(2rem, 4vw, 3rem); }
.api-overview-hero p { margin: 0; color: #d1eaf1; }
.api-overview-hero .api-info-card__eyebrow { color: #8edcf1; }
.api-overview-hero dl { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .65rem; align-self: center; margin: 0; }
.api-overview-hero dl div { padding: .8rem; background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .16); border-radius: .75rem; backdrop-filter: blur(8px); }
.api-overview-hero dt { color: #b9dce6; font-size: .68rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.api-overview-hero dd { margin: .05rem 0 0; color: white; font-size: 1.65rem; font-weight: 850; }
.doc-body .api-preview-note { margin-top: 1rem; background: #fff7de; border-left-color: #d29a1e; }
.api-docs-map { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; margin: 1rem 0 1.5rem; }
.api-docs-map a { position: relative; display: grid; grid-template-columns: auto 1fr; gap: .1rem .75rem; min-height: 112px; padding: 1rem; color: var(--ink); background: white; border: 1px solid var(--line); border-radius: .85rem; box-shadow: 0 5px 18px rgba(16, 47, 61, .045); text-decoration: none; }
.api-docs-map a::after { content: "→"; position: absolute; right: 1rem; top: .85rem; color: var(--blue); font-size: 1.15rem; }
.api-docs-map a:hover { border-color: var(--blue); background: var(--blue-soft); transform: translateY(-1px); }
.api-docs-map span { grid-row: 1 / 3; color: var(--blue); font-size: .72rem; font-weight: 850; letter-spacing: .08em; }
.api-docs-map strong { padding-right: 1.5rem; color: var(--navy); font-size: 1.02rem; }
.api-docs-map small { color: var(--muted); font-size: .84rem; }
.doc-body .api-reference-table { display: table; max-width: none; margin-top: 1rem; border-collapse: separate; border-spacing: 0 .45rem; }
.api-reference-table th { border: 0; background: transparent; }
.api-reference-table td { border-width: 1px 0; background: white; }
.api-reference-table td:first-child { border-left-width: 1px; border-radius: .65rem 0 0 .65rem; font-weight: 750; }
.api-reference-table td:last-child { border-right-width: 1px; border-radius: 0 .65rem .65rem 0; color: var(--muted); }
.api-model__icon { display: grid; place-items: center; width: 2rem; height: 2rem; color: var(--blue-dark); background: var(--blue-soft); border-radius: .5rem; font-family: Consolas, monospace; font-size: .72rem; }

@media (max-width: 1480px) and (min-width: 781px) {
  [data-doc-content-type="API reference"] .doc-layout, [data-doc-content-type="API operation reference"] .doc-layout, [data-doc-content-type="Data model reference"] .doc-layout { grid-template-columns: minmax(0, 980px); }
  [data-doc-content-type="API reference"] .on-this-page, [data-doc-content-type="API operation reference"] .on-this-page, [data-doc-content-type="Data model reference"] .on-this-page { display: none; }
}

@media (max-width: 900px) {
  .api-operation summary { grid-template-columns: minmax(0, 1fr) auto auto; }
  .api-operation__summary { display: none; }
  .api-use-grid, .api-context-grid, .api-overview-hero { grid-template-columns: 1fr; }
}

@media (max-width: 780px) {
  .api-reference-toolbar { position: static; grid-template-columns: 1fr; }
  .api-reference-toolbar__actions { justify-content: flex-start; }
  .api-category-navigation > div { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  .api-category-navigation > div::-webkit-scrollbar { display: none; }
  .api-category-grid, .api-operation-card-list { grid-template-columns: 1fr; }
  .api-operation-page__heading { grid-template-columns: 1fr; }
  .api-operation-page__heading .api-status { justify-self: start; }
  .api-operation summary { grid-template-columns: minmax(0, 1fr) auto auto; min-height: 66px; padding: .75rem; }
  .api-operation__route { gap: .5rem; }
  .api-operation__route code { font-size: .75rem; }
  .api-operation__lead { display: grid; }
  .api-operation__lead p:last-child { margin-left: 0; }
  .api-definition-list { grid-template-columns: 1fr; }
  .api-definition-list div { display: block; padding: .25rem 0; border-bottom: 1px solid var(--line); }
  .api-definition-list dt, .api-definition-list dd { padding: .15rem 0; border: 0; }
  .api-schema > summary { align-items: flex-start; flex-wrap: wrap; }
  .api-schema__count { width: 100%; margin-left: 2.45rem; }
  .api-overview-hero { gap: 1.25rem; }
  .api-docs-map { grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
  .api-operation summary { grid-template-columns: minmax(0, 1fr) auto; }
  .api-operation summary::after { position: absolute; right: .75rem; bottom: .8rem; }
  .api-operation > summary { position: relative; padding-right: 2.4rem; }
  .api-operation > summary .api-status { grid-column: 1; justify-self: start; margin-left: 4.75rem; }
  .api-overview-hero dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .api-operation-pager { grid-template-columns: 1fr; }
  .api-operation-pager > span { display: none; }
  .api-operation-pager a:last-child { text-align: left; }
}
.doc-footer { margin-top: 3.5rem; padding-top: 1.25rem; border-top: 1px solid var(--line); color: var(--muted); }
.doc-feedback { margin-top: 3rem; padding: 1.2rem; background: var(--surface); border: 1px solid var(--line); border-radius: .75rem; }
.doc-feedback h2 { margin: 0; color: var(--navy); font-size: 1.4rem; }
.doc-feedback form { display: grid; gap: 1rem; }
.doc-feedback fieldset { display: flex; gap: 1rem; padding: 0; border: 0; }
.doc-feedback fieldset legend { width: 100%; margin-bottom: .35rem; color: var(--navy); font-weight: 700; }
.doc-feedback label { display: grid; gap: .3rem; color: var(--navy); font-weight: 650; }
.doc-feedback fieldset label { display: flex; align-items: center; gap: .35rem; }
.doc-feedback textarea { width: 100%; max-width: 680px; padding: .7rem; border: 1px solid var(--line-strong); border-radius: .5rem; resize: vertical; }
.doc-feedback button { justify-self: start; }
.doc-feedback button:disabled { opacity: .6; cursor: not-allowed; }
.doc-feedback form > p { margin: 0; }
.doc-feedback [role="status"] { color: var(--muted); }
.page-sequence { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 3rem; }
.page-sequence a { display: grid; min-height: 88px; padding: .85rem 1rem; border: 1px solid var(--line); border-radius: .7rem; text-decoration: none; }
.page-sequence a:hover { border-color: var(--blue); background: var(--blue-soft); }
.page-sequence span { color: var(--muted); font-size: .75rem; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
.page-sequence strong { color: var(--navy); }
.page-sequence__next { text-align: right; }
.on-this-page { position: sticky; top: 110px; align-self: start; padding-left: 1rem; border-left: 1px solid var(--line); }
.on-this-page h2 { margin: 0 0 .6rem; font-size: .8rem; }
.on-this-page ol { margin: 0; padding: 0; list-style: none; }
.on-this-page li { margin: .35rem 0; }
.on-this-page .level-3 { padding-left: .75rem; }
.on-this-page a { color: var(--muted); font-size: .84rem; text-decoration: none; }

.docs-home { overflow: hidden; }
.version-home { min-height: 70vh; }
.version-hero { padding: clamp(3.5rem, 7vw, 6rem) clamp(1.25rem, 7vw, 7rem); color: white; background: linear-gradient(135deg, #0a2836, #116b86); }
.version-hero .eyebrow { color: #a9e4f5; }
.version-hero h1 { max-width: 900px; margin: 0; color: white; font-size: clamp(2.4rem, 5vw, 4.5rem); line-height: 1.05; letter-spacing: -.04em; }
.version-hero > p:not(.eyebrow) { max-width: 780px; color: #d7ebf1; font-size: 1.15rem; }
.version-hero code { padding: .08rem .3rem; color: white; background: rgba(255,255,255,.14); border-radius: .25rem; overflow-wrap: anywhere; }
.version-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-top: 1.4rem; }
.version-actions .hero-search { width: min(100%, 500px); margin: 0; }
.offline-download { display: inline-flex; align-items: center; min-height: 52px; padding: .75rem 1rem; color: white; border: 1px solid rgba(255,255,255,.55); border-radius: .65rem; font-weight: 700; text-decoration: none; }
.offline-download:hover { color: white; background: rgba(255,255,255,.1); }
.comparison-page { min-height: 70vh; }
.comparison-hero { padding: clamp(3.5rem, 7vw, 6rem) clamp(1.25rem, 7vw, 7rem); color: white; background: linear-gradient(135deg, #0a2836, #116b86); }
.comparison-hero .eyebrow, .comparison-hero .eyebrow a { color: #a9e4f5; }
.comparison-hero h1 { max-width: 980px; margin: 0; color: white; font-size: clamp(2.2rem, 4.5vw, 4rem); line-height: 1.08; letter-spacing: -.035em; }
.comparison-hero > p:not(.eyebrow) { max-width: 760px; color: #d7ebf1; font-size: 1.1rem; }
.comparison-summary, .comparison-lists, .comparison-index { max-width: 1100px; margin-inline: auto; padding: 2.5rem clamp(1.25rem, 5vw, 4rem); }
.comparison-summary h2, .comparison-lists h2, .comparison-index h2 { color: var(--navy); }
.comparison-summary dl { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .8rem; margin: 0; }
.comparison-summary dl div { padding: 1rem; background: var(--surface); border: 1px solid var(--line); border-radius: .7rem; }
.comparison-summary dt { color: var(--muted); font-size: .78rem; font-weight: 750; text-transform: uppercase; }
.comparison-summary dd { margin: .15rem 0 0; color: var(--navy); font-size: 2rem; font-weight: 800; }
.comparison-lists { padding-top: 0; }
.comparison-lists section + section { margin-top: 2.5rem; }
.comparison-lists ul, .comparison-index ul { display: grid; gap: .65rem; margin: 0; padding: 0; list-style: none; }
.comparison-lists li, .comparison-index a { display: grid; gap: .2rem; padding: .9rem 1rem; background: var(--surface); border: 1px solid var(--line); border-radius: .6rem; }
.comparison-lists li span, .comparison-index a span { color: var(--muted); font-size: .88rem; }
.comparison-index a { color: var(--ink); text-decoration: none; }
.comparison-index a:hover { border-color: var(--blue); background: var(--blue-soft); }
.comparison-unchanged { margin-top: 2.5rem; padding: 1rem; border: 1px solid var(--line); border-radius: .7rem; }
.comparison-unchanged summary { cursor: pointer; color: var(--navy); font-weight: 750; }
.comparison-unchanged ul { margin-top: 1rem; }
.home-hero { padding: clamp(4rem, 8vw, 7.5rem) clamp(1.25rem, 7vw, 7rem); color: white; background: radial-gradient(circle at 80% 20%, rgba(18, 137, 175, .9), transparent 35%), linear-gradient(135deg, #0a2836, #104d65); }
.home-hero .eyebrow { color: #a9e4f5; }
.home-hero h1 { color: white; max-width: 850px; }
.home-hero > p:not(.eyebrow) { max-width: 700px; color: #d7ebf1; font-size: 1.2rem; }
.hero-search { width: min(100%, 650px); margin-top: 1.35rem; padding: .9rem 1rem; color: var(--ink); background: white; box-shadow: var(--shadow); text-align: left; }
.role-grid, .latest-docs { padding: clamp(3rem, 7vw, 6rem) clamp(1.25rem, 7vw, 7rem); }
.section-heading h2 { margin: 0 0 1.5rem; color: var(--navy); font-size: clamp(1.75rem, 3vw, 2.6rem); letter-spacing: -.025em; }
.cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
.cards article, .cards .task-card { position: relative; min-height: 245px; padding: 1.5rem; background: var(--surface); border: 1px solid var(--line); border-radius: .9rem; }
.cards .task-card { display: block; color: inherit; text-decoration: none; }
.cards article::after, .cards .task-card::after { content: ""; position: absolute; right: 1.3rem; bottom: 1.3rem; width: 35px; height: 3px; background: var(--blue); }
.cards .task-card:hover { border-color: var(--blue); transform: translateY(-2px); }
.cards .task-card:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
.card-number { color: var(--blue); font-size: .75rem; font-weight: 800; }
.cards h3 { margin: 2.8rem 0 .6rem; color: var(--navy); font-size: 1.3rem; }
.cards p { margin: 0; color: var(--muted); }
.latest-docs { background: var(--surface); }
.guide-filters { display: grid; grid-template-columns: repeat(2, minmax(0, 260px)) 1fr; align-items: end; gap: 1rem; margin-bottom: 1.25rem; padding: 1rem; background: white; border: 1px solid var(--line); border-radius: .7rem; }
.guide-filters label { display: grid; gap: .3rem; color: var(--navy); font-size: .82rem; font-weight: 750; }
.guide-filters select { min-height: 44px; padding: .55rem .7rem; color: var(--ink); background: white; border: 1px solid var(--line-strong); border-radius: .5rem; }
.guide-filters [role="status"] { margin: 0; color: var(--muted); font-weight: 650; }
.guide-filters__note { grid-column: 1 / -1; margin: 0; color: var(--muted); font-size: .86rem; }
.latest-docs ul { display: grid; grid-template-columns: minmax(0, 1fr); gap: .75rem; margin: 0; padding: 0; list-style: none; }
.latest-docs li, .latest-docs a { min-width: 0; overflow-wrap: anywhere; }
.latest-docs a { display: grid; grid-template-columns: 140px 250px minmax(0, 1fr) 110px; gap: 1.25rem; padding: 1.1rem 1.25rem; color: var(--ink); background: white; border: 1px solid var(--line); border-radius: .65rem; text-decoration: none; }
.latest-docs span { color: var(--blue-dark); font-size: .82rem; font-weight: 750; }
.latest-docs small { color: var(--muted); font-size: .9rem; }
.latest-docs em { align-self: start; padding: .15rem .45rem; color: var(--muted); background: var(--surface); border-radius: 999px; font-size: .76rem; font-style: normal; text-align: center; }
.not-found { max-width: 760px; min-height: 65vh; padding: clamp(4rem, 10vw, 9rem) clamp(1.25rem, 7vw, 7rem); }
.button-link { display: inline-block; padding: .65rem 1rem; color: white; background: var(--blue-dark); border-radius: .5rem; text-decoration: none; }

.site-footer { display: flex; justify-content: space-between; gap: 1rem; padding: 1.5rem clamp(1rem, 3vw, 2.5rem); color: var(--muted); background: white; border-top: 1px solid var(--line); font-size: .88rem; }
.site-footer p { margin: 0; }
.search-dialog { width: min(760px, calc(100vw - 2rem)); max-height: min(760px, calc(100vh - 2rem)); padding: 0; border: 0; border-radius: 1rem; box-shadow: var(--shadow); }
.search-dialog::backdrop { background: rgba(8, 29, 38, .58); backdrop-filter: blur(3px); }
.search-dialog__header { display: flex; justify-content: space-between; align-items: start; padding: 1.25rem 1.4rem .8rem; }
.search-dialog__header h2 { margin: 0; color: var(--navy); }
.icon-button { width: 44px; height: 44px; color: var(--muted); background: var(--surface); border: 1px solid var(--line); border-radius: 50%; font-size: 1.45rem; line-height: 1; }
.search-field { display: block; padding: 0 1.4rem; }
.search-field input { width: 100%; padding: .9rem 1rem; border: 2px solid var(--line-strong); border-radius: .6rem; font-size: 1.05rem; }
.search-status { margin: .7rem 1.4rem; color: var(--muted); font-size: .85rem; }
.search-results { margin: 0; padding: 0 1.4rem 1.4rem; list-style: none; }
.search-results li + li { border-top: 1px solid var(--line); }
.search-results a { display: grid; min-height: 44px; gap: .25rem; padding: .9rem 0; color: var(--ink); text-decoration: none; }
.search-results a:hover strong { color: var(--blue-dark); }
.search-results span { color: var(--muted); font-size: .9rem; }
.search-results mark { color: inherit; background: #fff2a8; }

@media (max-width: 1100px) {
  .cards { grid-template-columns: repeat(2, 1fr); }
  .doc-layout { grid-template-columns: minmax(0, var(--content)); }
  .on-this-page { display: none; }
  .product-link { display: none; }
}

@media (max-width: 780px) {
  body { padding-bottom: calc(5.35rem + env(safe-area-inset-bottom)); }
  body.mobile-docs-sheet-open { overflow: hidden; }
  .site-header { min-height: 64px; padding-block: .65rem; }
  .header-actions { display: none; }
  .site-frame { display: block; }
  .js .docs-sidebar { display: none; }
  .js .mobile-docs-navigation { display: block; }
  .mobile-docs-navigation [hidden] { display: none !important; }
  .mobile-docs-dock {
    --dock-index: 1;
    position: fixed;
    z-index: 130;
    right: .5rem;
    bottom: max(.5rem, env(safe-area-inset-bottom));
    left: .5rem;
    height: 4.7rem;
    padding: 0 .25rem;
    color: var(--ink);
    background: rgba(255, 255, 255, .97);
    border: 1px solid rgba(18, 137, 175, .2);
    border-radius: 1.35rem;
    box-shadow: 0 1rem 2.4rem rgba(3, 41, 54, .2);
    backdrop-filter: blur(16px);
  }
  .mobile-docs-dock ul { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); height: 100%; margin: 0; padding: 0; list-style: none; }
  .mobile-docs-dock-item { min-width: 0; }
  .mobile-docs-dock-action { position: relative; display: grid; grid-template-rows: 2rem auto; place-items: center; align-content: center; gap: .14rem; width: 100%; min-width: 0; height: 100%; padding: .42rem .08rem .28rem; color: var(--muted); background: transparent; border: 0; border-radius: 1rem; font: inherit; text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent; }
  .mobile-docs-dock-action:focus-visible { outline-offset: -.12rem; }
  .mobile-docs-dock-icon { position: relative; z-index: 2; display: grid; place-items: center; width: 1.5rem; height: 1.5rem; transition: color 180ms ease, transform 260ms cubic-bezier(.22, 1, .36, 1); }
  .mobile-docs-dock-icon svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
  .mobile-docs-dock-label { max-width: 100%; overflow: hidden; color: currentColor; font-size: clamp(.58rem, 2.5vw, .72rem); font-weight: 800; line-height: 1; text-overflow: ellipsis; white-space: nowrap; transition: color 180ms ease, transform 260ms cubic-bezier(.22, 1, .36, 1); }
  .mobile-docs-dock-indicator { position: absolute; z-index: 1; left: calc((100% / 5) * (var(--dock-index) + .5)); bottom: 1.92rem; width: 3.15rem; height: 3.15rem; opacity: 0; background: linear-gradient(145deg, var(--blue), #0e91b7); border: .34rem solid white; border-radius: 48% 48% 52% 52% / 42% 42% 58% 58%; box-shadow: 0 .65rem 1.25rem rgba(8, 114, 148, .3); transform: translateX(-50%) translateY(.45rem) scale(.86); transition: left 280ms cubic-bezier(.22, 1, .36, 1), opacity 160ms ease, transform 260ms cubic-bezier(.22, 1, .36, 1); pointer-events: none; }
  .mobile-docs-dock.has-active .mobile-docs-dock-indicator { opacity: 1; transform: translateX(-50%) translateY(0) scale(1); }
  .mobile-docs-dock-item.is-active .mobile-docs-dock-icon { color: white; transform: translateY(-.72rem); }
  .mobile-docs-dock-item.is-active .mobile-docs-dock-label { color: var(--navy); transform: translateY(.14rem); }
  .mobile-docs-sheet-layer { position: fixed; z-index: 120; inset: 0; }
  .mobile-docs-sheet-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; background: rgba(3, 41, 54, .58); border: 0; cursor: pointer; transition: opacity 180ms ease; }
  .mobile-docs-sheet-layer.is-open .mobile-docs-sheet-backdrop { opacity: 1; }
  .mobile-docs-sheet { position: absolute; right: .5rem; bottom: calc(5.65rem + env(safe-area-inset-bottom)); left: .5rem; max-height: min(72dvh, 40rem); overflow-y: auto; overscroll-behavior: contain; padding: 1rem; opacity: 0; background: white; border: 1px solid var(--line); border-radius: 1.35rem; box-shadow: 0 1.3rem 3rem rgba(3, 41, 54, .3); transform: translateY(1.25rem) scale(.98); transform-origin: bottom center; transition: opacity 180ms ease, transform 260ms cubic-bezier(.22, 1, .36, 1); }
  .mobile-docs-sheet.is-open { opacity: 1; transform: translateY(0) scale(1); }
  .mobile-docs-sheet-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: .8rem; }
  .mobile-docs-sheet-header .eyebrow { margin-bottom: .08rem; font-size: .68rem; }
  .mobile-docs-sheet-header h2 { margin: 0; color: var(--navy); font-size: 1.55rem; line-height: 1.08; }
  .mobile-docs-sheet-close { position: relative; flex: 0 0 auto; width: 2.75rem; height: 2.75rem; background: var(--surface); border: 1px solid var(--line); border-radius: 50%; cursor: pointer; }
  .mobile-docs-sheet-close span::before, .mobile-docs-sheet-close span::after { content: ""; position: absolute; top: 50%; left: 50%; width: 1rem; height: 2px; background: var(--navy); border-radius: 2px; }
  .mobile-docs-sheet-close span::before { transform: translate(-50%, -50%) rotate(45deg); }
  .mobile-docs-sheet-close span::after { transform: translate(-50%, -50%) rotate(-45deg); }
  .mobile-docs-sheet-overview { display: flex; align-items: center; min-height: 3rem; margin-bottom: .65rem; padding: .72rem .9rem; color: white; background: var(--navy); border-radius: .85rem; font-weight: 800; text-decoration: none; }
  .mobile-docs-sheet-overview:hover { color: white; }
  .mobile-docs-groups .docs-nav-group > summary { min-height: 48px; padding-inline: .8rem; color: var(--navy); background: var(--surface); border-radius: .7rem; font-size: .76rem; }
  .mobile-docs-groups .docs-nav-group { border: 0; }
  .mobile-docs-groups .docs-nav-group + .docs-nav-group { margin-top: .35rem; }
  .mobile-docs-groups .docs-nav-group ul { margin: .3rem 0 .6rem; }
  .mobile-docs-groups .docs-nav-group a, .mobile-docs-version-list a { min-height: 44px; padding: .55rem .8rem; font-size: .88rem; }
  .mobile-docs-version-list { display: grid; gap: .42rem; margin: 0; padding: 0; list-style: none; }
  .mobile-docs-version-list a { display: flex; align-items: center; color: var(--ink); background: var(--surface); border: 1px solid transparent; border-radius: .8rem; font-weight: 700; text-decoration: none; }
  .mobile-docs-version-list a:hover, .mobile-docs-version-list a:focus-visible, .mobile-docs-version-list a[aria-current="page"] { color: var(--blue-dark); background: var(--blue-soft); border-color: var(--line); }
  .doc-layout { padding-top: 2.25rem; }
  .cards { grid-template-columns: 1fr; }
  .cards article, .cards .task-card { min-height: 190px; }
  .latest-docs a { grid-template-columns: 1fr; gap: .25rem; }
  .guide-filters { grid-template-columns: 1fr; }
  .comparison-summary dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .guide-filters__note { grid-column: auto; }
  .site-footer { flex-direction: column; }
}

@media (max-width: 520px) {
  .site-header { position: sticky; }
  .doc-layout { padding-right: 1rem; padding-left: 1rem; }
  .breadcrumbs { flex-wrap: wrap; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}

@media print {
  @page { margin: 14mm; }
  body { padding: 0; color: #000; background: #fff; font-size: 10.5pt; line-height: 1.4; }
  .site-header, .docs-sidebar, .mobile-docs-navigation, .site-footer, .search-dialog, .screenshot-dialog, .on-this-page, .page-sequence, .doc-footer, .doc-feedback, .print-guide, .journey-progress, .troubleshooting-navigator { display: none !important; }
  .site-frame, .doc-layout { display: block; min-height: 0; }
  .doc-layout { max-width: none; padding: 0; }
  .doc-header h1 { font-size: 22pt; }
  .doc-summary { color: #222; font-size: 11pt; }
  .doc-metadata { gap: 5mm 10mm; }
  .doc-body { padding-top: 3mm; font-size: 10.5pt; }
  .doc-body h2 { margin: 7mm 0 2mm; font-size: 15pt; break-after: avoid; }
  .doc-body li { break-inside: avoid; }
  .doc-body blockquote { border: 1px solid #555; background: #fff; }
  a { color: #000; }
}

@media (forced-colors: active) {
  :focus-visible { outline-color: Highlight; }
  .cards article, .cards .task-card, .api-operation { border-color: CanvasText; }
  .api-method { forced-color-adjust: none; }
}