/* The documentation shell uses native CSS and system fonts; no runtime dependencies. */
:root {
  color-scheme: light;
  --background: #ffffff;
  --surface: #f7f7f9;
  --surface-hover: #f1f0f4;
  --text: #211b2b;
  --muted: #66616e;
  --subtle: #77717f;
  --border: #e9e6ec;
  --accent: #6951a2;
  --accent-hover: #523b89;
  --accent-surface: #f0ecf7;
  --code-background: #f7f7f9;
  --code-text: #352d44;
  --header-height: 73px;
  --sidebar-width: 248px;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

:root[data-theme="dark"], :root.dark {
  color-scheme: dark;
  --background: #17131d;
  --surface: #201b27;
  --surface-hover: #2a2333;
  --text: #f0edf4;
  --muted: #b4adbd;
  --subtle: #a69dac;
  --border: #332c3d;
  --accent: #c0a4f4;
  --accent-hover: #d6c2f8;
  --accent-surface: #2c223a;
  --code-background: #211b29;
  --code-text: #e0d8ea;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--header-height) + 28px); }
body { margin: 0; background: var(--background); color: var(--text); font: 15px/1.65 var(--font-sans); -webkit-font-smoothing: antialiased; }
button, input { font: inherit; }
button, a, input { -webkit-tap-highlight-color: transparent; }
button { color: inherit; cursor: pointer; }
a { color: inherit; text-decoration: none; }
button:disabled { cursor: default; opacity: .6; }
svg { display: block; flex-shrink: 0; }
img { display: block; max-width: 100%; }
::selection { background: var(--accent-surface); color: var(--text); }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
[hidden] { display: none !important; }
.sr-only, .copy-status { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; top: 8px; left: 12px; z-index: 100; padding: 10px 16px; background: var(--text); color: var(--background); border-radius: 4px; transform: translateY(-160%); }
.skip-link:focus { transform: translateY(0); }

.docs-header { position: sticky; top: 0; z-index: 50; display: flex; align-items: center; gap: 40px; min-height: var(--header-height); padding: 0 32px; border-bottom: 1px solid var(--border); background: var(--background); }
.brand { display: inline-flex; align-items: center; gap: 11px; flex-shrink: 0; font-size: 23px; font-weight: 750; letter-spacing: -.8px; line-height: 1; }
.brand-symbol { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 31px; height: 31px; }
.brand-symbol img, .brand-symbol svg { width: 100%; height: 100%; }
.brand > strong { font: inherit; }
.brand-divider { margin: 0 2px; color: var(--subtle); font-size: 17px; font-weight: 400; }
.brand > span:last-child:not(.brand-symbol) { color: var(--muted); font-size: 14px; font-weight: 450; letter-spacing: 0; }
.brand-label { margin-left: 2px; padding-left: 12px; border-left: 1px solid var(--border); color: var(--muted); font-size: 14px; font-weight: 450; letter-spacing: 0; }
.top-nav { display: flex; align-items: center; gap: 26px; align-self: stretch; }
.top-nav a { position: relative; display: inline-flex; align-items: center; gap: 6px; min-height: 44px; color: var(--muted); font-size: 13px; font-weight: 550; transition: color 150ms ease; }
.top-nav a:hover, .top-nav a[aria-current="page"] { color: var(--text); }
.top-nav a[aria-current="page"]::after { position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background: var(--accent); content: ""; }
.top-nav svg { width: 12px; height: 12px; }
.header-actions { display: flex; align-items: center; gap: 12px; margin-left: auto; }
.search-trigger { display: flex; align-items: center; gap: 10px; width: 224px; min-height: 36px; padding: 0 12px; border: 1px solid var(--border); border-radius: 6px; background: var(--surface); color: var(--muted); font-size: 12px; text-align: left; transition: border-color 150ms ease, background 150ms ease; }
.search-trigger:hover { border-color: var(--subtle); background: var(--surface-hover); }
.search-trigger::before { display: block; flex-shrink: 0; width: 15px; height: 15px; background: currentColor; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m16 16 4.5 4.5'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat; content: ""; }
.search-trigger svg { width: 15px; height: 15px; }
.search-trigger span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.search-trigger kbd { flex-shrink: 0; margin-left: auto; color: var(--subtle); font: 11px var(--font-sans); white-space: nowrap; }
.theme-toggle, .menu-toggle { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 6px; background: transparent; color: var(--muted); transition: color 150ms ease, background 150ms ease; }
.theme-toggle:hover, .menu-toggle:hover { background: var(--surface-hover); color: var(--text); }
.theme-toggle svg, .menu-toggle svg { width: 18px; height: 18px; }
.menu-toggle { display: none; }
.header-cta, .open-app { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; padding: 0 14px; border: 1px solid var(--border); border-radius: 5px; color: var(--text); font-size: 12px; font-weight: 550; white-space: nowrap; transition: border-color 150ms ease; }
.header-cta:hover, .open-app:hover { border-color: var(--accent); }

.docs-layout { display: grid; grid-template-columns: var(--sidebar-width) minmax(0, 816px) minmax(180px, 232px); max-width: 1456px; min-height: calc(100svh - var(--header-height)); margin: 0 auto; }
.docs-sidebar { position: sticky; top: var(--header-height); align-self: start; height: calc(100svh - var(--header-height)); padding: 30px 19px 30px 24px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: var(--border) transparent; }
.docs-version { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 12px 24px; padding: 0 0 17px; border-bottom: 1px solid var(--border); color: var(--text); font-size: 11px; font-weight: 550; line-height: 1.5; }
.docs-version span { color: var(--subtle); font-size: 10px; font-weight: 400; }
.nav-group + .nav-group { margin-top: 24px; }
.nav-group-title { margin: 0 0 8px; padding: 0 12px; color: var(--text); font-size: 11px; font-weight: 650; letter-spacing: .05em; line-height: 1.5; text-transform: uppercase; }
.nav-link { position: relative; display: flex; align-items: center; gap: 9px; min-height: 34px; margin: 2px 0; padding: 7px 12px; border-radius: 5px; color: var(--muted); font-size: 12.5px; line-height: 1.45; transition: background 150ms ease, color 150ms ease; }
.nav-link svg { width: 15px; height: 15px; }
.nav-link:hover { background: var(--surface); color: var(--text); }
.nav-link.active, .nav-link[aria-current="page"] { background: var(--accent-surface); color: var(--accent); font-weight: 600; }
.nav-link .nav-badge { margin-left: auto; padding: 1px 5px; border: 1px solid var(--border); border-radius: 3px; font-size: 9px; letter-spacing: .03em; text-transform: uppercase; }
.sidebar-footer { margin: 30px 12px 0; padding-top: 18px; border-top: 1px solid var(--border); color: var(--subtle); font-size: 11px; }
.sidebar-footer a:hover { color: var(--accent); }
.sidebar-support { display: block; margin: 27px 12px 0; padding-top: 18px; border-top: 1px solid var(--border); color: var(--muted); font-size: 11px; }
.sidebar-support:hover { color: var(--accent); }
.docs-main { min-width: 0; padding: 42px 56px 0; border-left: 1px solid var(--border); }
.breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: 32px; color: var(--subtle); font-size: 11px; line-height: 1.5; }
.breadcrumb a:hover { color: var(--accent); }
.breadcrumb svg { width: 12px; height: 12px; }
.breadcrumb [aria-current="page"] { color: var(--muted); }
.article-header { margin-bottom: 30px; }
.eyebrow { display: block; margin: 0 0 11px; color: var(--accent); font-size: 12px; font-weight: 600; line-height: 1.5; }
.article-header h1, .docs-article > h1 { margin: 0 0 16px; font-size: clamp(30px, 2.9vw, 40px); font-weight: 650; letter-spacing: -1.5px; line-height: 1.2; }
.article-header p { max-width: 640px; margin: 0; color: var(--muted); font-size: 16px; line-height: 1.7; }
.article-header .eyebrow { margin: 0 0 11px; color: var(--accent); font-size: 12px; font-weight: 600; line-height: 1.5; }
.article-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 16px; margin-top: 19px; color: var(--subtle); font-size: 11px; }
.article-meta a { display: inline-flex; align-items: center; gap: 6px; }
.article-meta a:hover { color: var(--accent); }
.article-meta svg { width: 13px; height: 13px; }
.docs-article { padding-bottom: 36px; color: var(--text); font-size: 14px; line-height: 1.8; overflow-wrap: break-word; }
.docs-article > :first-child { margin-top: 0; }
.docs-article h2 { margin: 42px 0 16px; padding-top: 2px; font-size: 23px; font-weight: 620; letter-spacing: -.65px; line-height: 1.35; }
.docs-article h3 { margin: 30px 0 12px; font-size: 17px; font-weight: 620; letter-spacing: -.25px; line-height: 1.4; }
.docs-article h4 { margin: 24px 0 10px; font-size: 14px; font-weight: 650; line-height: 1.4; }
.docs-article h1, .docs-article h2, .docs-article h3, .docs-article h4 { scroll-margin-top: calc(var(--header-height) + 24px); }
.docs-article p { margin: 0 0 18px; }
.docs-article a { color: var(--accent); text-decoration: underline; text-decoration-color: color-mix(in srgb, var(--accent) 35%, transparent); text-underline-offset: 3px; transition: text-decoration-color 150ms ease; }
.docs-article a:hover { color: var(--accent-hover); text-decoration-color: currentColor; }
.docs-article strong { font-weight: 620; }
.docs-article ul, .docs-article ol { margin: 14px 0 22px; padding-left: 23px; }
.docs-article li { margin: 6px 0; padding-left: 3px; }
.docs-article li > ul, .docs-article li > ol { margin-top: 8px; margin-bottom: 8px; }
.docs-article li::marker { color: var(--subtle); }
.docs-article hr { margin: 36px 0; border: 0; border-top: 1px solid var(--border); }
.docs-article img { margin: 24px auto; border: 1px solid var(--border); border-radius: 6px; }
.docs-article blockquote, .callout { margin: 24px 0; padding: 17px 20px; border: 1px solid var(--border); border-left: 3px solid var(--accent); border-radius: 0 5px 5px 0; background: var(--surface); color: var(--muted); font-size: 13px; line-height: 1.75; }
.docs-article blockquote p:last-child, .callout p:last-child { margin-bottom: 0; }
.callout strong:first-child { color: var(--text); }
.docs-article code { padding: 2px 5px; border: 1px solid var(--border); border-radius: 4px; background: var(--code-background); color: var(--code-text); font: .88em/1.6 var(--font-mono); overflow-wrap: anywhere; }
.docs-article pre { margin: 24px 0; padding: 19px 20px; overflow: auto; border: 1px solid var(--border); border-radius: 6px; background: var(--code-background); color: var(--code-text); font: 12px/1.8 var(--font-mono); tab-size: 2; scrollbar-width: thin; }
.docs-article pre code { padding: 0; border: 0; border-radius: 0; background: transparent; color: inherit; font: inherit; white-space: pre; overflow-wrap: normal; }
.code-block { min-width: 0; margin: 24px 0; overflow: hidden; border: 1px solid var(--border); border-radius: 6px; background: var(--code-background); }
.code-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 41px; padding: 0 12px 0 18px; border-bottom: 1px solid var(--border); color: var(--muted); font: 11px/1.4 var(--font-sans); }
.code-block pre { margin: 0; border: 0; border-radius: 0; }
.copy-code { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-width: 44px; min-height: 36px; padding: 0 7px; border: 0; border-radius: 4px; background: transparent; color: var(--muted); font-size: 11px; transition: background 150ms ease, color 150ms ease; }
.copy-code:hover { background: var(--surface-hover); color: var(--text); }
.copy-code svg { width: 13px; height: 13px; }
.code-block .token.comment { color: var(--subtle); }
.code-block .token.keyword, .code-block .token.function { color: var(--accent); }
.code-block .token.string { color: var(--muted); }
.docs-article table { display: block; width: 100%; margin: 24px 0; overflow-x: auto; border-collapse: collapse; color: var(--muted); font-size: 12px; line-height: 1.65; scrollbar-width: thin; }
.docs-article th { color: var(--text); font-size: 11px; font-weight: 600; text-align: left; }
.docs-article th, .docs-article td { padding: 12px 14px; border-bottom: 1px solid var(--border); vertical-align: top; }
.docs-article th:first-child, .docs-article td:first-child { padding-left: 0; }
.docs-article th:last-child, .docs-article td:last-child { padding-right: 0; }
.docs-article thead { background: var(--surface); }
.docs-article thead th:first-child { padding-left: 14px; }
.docs-article thead th:last-child { padding-right: 14px; }
.docs-article td code { font-size: 11px; white-space: nowrap; }
.docs-article details { margin: 18px 0; border-bottom: 1px solid var(--border); }
.docs-article summary { padding: 12px 0; cursor: pointer; font-weight: 550; }
.docs-article details[open] summary { margin-bottom: 8px; }
.anchor-link, .heading-anchor { margin-left: 8px; opacity: 0; font-size: .75em; text-decoration: none !important; }
.docs-article h2:hover .anchor-link, .docs-article h3:hover .anchor-link, .anchor-link:focus-visible, .docs-article h2:hover .heading-anchor, .docs-article h3:hover .heading-anchor, .heading-anchor:focus-visible { opacity: 1; }

.docs-toc { position: sticky; top: calc(var(--header-height) + 42px); align-self: start; max-height: calc(100svh - var(--header-height) - 70px); margin-top: 42px; padding: 0 24px 24px 20px; overflow-y: auto; scrollbar-width: thin; }
.docs-toc h2, .docs-toc .toc-title, .docs-toc > p { margin: 0 0 13px; color: var(--text); font-size: 11px; font-weight: 600; line-height: 1.5; }
.docs-toc ul { margin: 0; padding: 0; list-style: none; }
.toc-link { display: block; padding: 6px 0 6px 13px; border-left: 1px solid var(--border); color: var(--subtle); font-size: 11px; line-height: 1.5; transition: color 150ms ease, border-color 150ms ease; }
.toc-link:hover { color: var(--text); }
.toc-link.active, .toc-link[aria-current="location"] { border-left-color: var(--accent); color: var(--accent); }
.toc-link[data-level="3"], .toc-link.toc-nested { padding-left: 24px; }
.toc-help { margin-top: 30px; padding-top: 18px; border-top: 1px solid var(--border); color: var(--subtle); font-size: 11px; }
.toc-help p { margin: 0 0 7px; }
.toc-help a { display: inline-flex; align-items: center; gap: 6px; color: var(--muted); }
.toc-help a:hover { color: var(--accent); }
.toc-help svg { width: 13px; height: 13px; }

.sdk-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 24px 0; }
.docs-article .sdk-card, .sdk-card { position: relative; display: flex; flex-direction: column; gap: 8px; min-width: 0; min-height: 144px; padding: 21px 22px; border: 1px solid var(--border); border-radius: 6px; background: var(--background); color: var(--text); text-decoration: none; transition: border-color 150ms ease, background 150ms ease, transform 150ms ease; }
.sdk-card:hover { transform: translateY(-2px); border-color: var(--accent); background: var(--surface); }
.sdk-card h2, .sdk-card h3 { margin: 0; color: var(--text); font-size: 15px; font-weight: 600; letter-spacing: -.2px; line-height: 1.5; }
.sdk-card p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.7; }
.sdk-card > svg { width: 21px; height: 21px; margin-bottom: 6px; color: var(--accent); }
.sdk-card .sdk-language { color: var(--accent); font-size: 11px; font-weight: 600; }
.sdk-card .sdk-arrow { position: absolute; top: 23px; right: 19px; width: 14px; height: 14px; color: var(--subtle); }
.sdk-card .sdk-links { display: flex; flex-wrap: wrap; gap: 13px; margin-top: auto; padding-top: 8px; font-size: 11px; }
.sdk-card a { text-underline-offset: 3px; }
.page-pagination { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; padding: 24px 0 30px; border-top: 1px solid var(--border); }
.pagination-link { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 3px; min-height: 70px; padding: 15px 18px; border: 1px solid var(--border); border-radius: 5px; transition: border-color 150ms ease, background 150ms ease; }
.pagination-link:hover { border-color: var(--accent); background: var(--surface); }
.pagination-link > span { color: var(--subtle); font-size: 10px; }
.pagination-link small { display: block; margin-bottom: 3px; color: var(--subtle); font-size: 10px; }
.pagination-link strong { display: block; font-size: 12px; font-weight: 550; line-height: 1.5; }
.pagination-link svg { width: 16px; height: 16px; color: var(--subtle); }
.pagination-link.next, .pagination-link[rel="next"], .pagination-link:nth-child(2) { align-items: flex-end; text-align: right; }
.pagination-link:only-child.next, .pagination-link:only-child[rel="next"] { grid-column: 2; }
.docs-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 23px 0 30px; border-top: 1px solid var(--border); color: var(--subtle); font-size: 10px; line-height: 1.6; }
.docs-footer nav { display: flex; flex-wrap: wrap; gap: 14px; }
.docs-footer a:hover { color: var(--accent); }

.search-dialog { position: fixed; inset: 14svh 0 auto; width: min(640px, calc(100vw - 32px)); max-height: 70svh; margin: 0 auto; padding: 0; overflow: hidden; border: 1px solid var(--border); border-radius: 10px; background: var(--background); color: var(--text); box-shadow: 0 24px 90px #00000025; }
.search-dialog[open] { animation: dialog-enter 140ms ease-out; }
.search-dialog::backdrop { background: #10091f66; backdrop-filter: blur(3px); }
.search-dialog form, .search-dialog .search-toolbar { display: flex; align-items: center; gap: 12px; margin: 0; padding: 12px 18px; border-bottom: 1px solid var(--border); }
.search-dialog form > svg, .search-dialog .search-toolbar > svg { width: 18px; height: 18px; color: var(--subtle); }
.search-head button { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; min-width: 44px; min-height: 44px; padding: 0; border: 0; border-radius: 4px; background: transparent; color: var(--subtle); font-size: 11px; }
.search-head button:hover { background: var(--surface); color: var(--text); }
.search-input { width: 100%; min-width: 0; min-height: 40px; padding: 6px 0; border: 0; border-radius: 0; outline: 0; background: transparent; color: var(--text); font-size: 15px; }
.search-input::placeholder { color: var(--subtle); }
.search-dialog:has(.search-input:focus-visible) { border-color: var(--accent); }
.search-close { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; min-width: 44px; min-height: 44px; padding: 0; border: 0; background: transparent; color: var(--subtle); font-size: 11px; }
.search-close:hover { color: var(--text); }
.search-results { max-height: 52svh; padding: 8px; overflow-y: auto; scrollbar-width: thin; }
.search-result { display: block; padding: 13px 15px; border-radius: 5px; transition: background 150ms ease; }
.search-result:hover, .search-result:focus-visible, .search-result[aria-selected="true"], .search-result.selected { background: var(--surface); }
.search-result.selected { background: var(--accent-surface); }
.search-result h3, .search-result strong { display: block; margin: 0 0 4px; color: var(--text); font-size: 13px; font-weight: 550; line-height: 1.5; }
.search-result p, .search-result small, .search-result > span { display: block; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.65; }
.search-result > small { margin-bottom: 4px; color: var(--accent); font-size: 10px; }
.search-result .search-category { margin-bottom: 4px; color: var(--accent); font-size: 10px; }
.search-result mark { padding: 0 1px; background: var(--accent-surface); color: var(--accent); }
.search-empty { padding: 30px 24px; color: var(--muted); font-size: 13px; text-align: center; }
.search-hint, .search-footer { display: flex; justify-content: space-between; gap: 12px; padding: 10px 18px; border-top: 1px solid var(--border); color: var(--subtle); font-size: 10px; }
@keyframes dialog-enter { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } }

@media (min-width: 1560px) {
  .docs-header { padding-right: max(32px, calc((100vw - 1456px) / 2)); padding-left: max(32px, calc((100vw - 1456px) / 2)); }
}

@media (max-width: 1200px) {
  :root { --sidebar-width: 224px; }
  .docs-header { gap: 30px; padding: 0 24px; }
  .top-nav { gap: 20px; }
  .search-trigger { width: 190px; }
  .docs-layout { grid-template-columns: var(--sidebar-width) minmax(0, 1fr) 184px; }
  .docs-sidebar { padding-left: 14px; padding-right: 14px; }
  .docs-main { padding-right: 36px; padding-left: 36px; }
  .docs-toc { padding-right: 18px; padding-left: 0; }
}

@media (max-width: 1020px) {
  .docs-layout { grid-template-columns: var(--sidebar-width) minmax(0, 1fr); }
  .docs-toc { display: none; }
  .docs-main { padding-right: 44px; padding-left: 44px; }
  .header-cta, .open-app { display: none; }
}

@media (max-width: 760px) {
  :root { --header-height: 65px; }
  .docs-header { gap: 12px; padding: 0 16px; }
  .brand { gap: 8px; font-size: 21px; }
  .brand-symbol { width: 28px; height: 28px; }
  .brand-label { padding-left: 9px; font-size: 12px; }
  .top-nav { display: none; }
  .header-actions { gap: 2px; }
  .search-trigger { justify-content: center; width: 44px; height: 44px; min-height: 44px; padding: 0; border: 0; background: transparent; }
  .search-trigger:hover { background: var(--surface-hover); }
  .search-trigger span { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
  .search-trigger kbd { display: none; }
  .search-trigger svg { width: 18px; height: 18px; }
  .search-trigger::before { width: 18px; height: 18px; }
  .menu-toggle { display: inline-flex; }
  .docs-layout { display: block; }
  .docs-sidebar { position: fixed; top: var(--header-height); bottom: 0; left: 0; z-index: 45; width: min(310px, calc(100vw - 48px)); height: auto; padding: 24px 18px 36px; border-right: 1px solid var(--border); background: var(--background); transform: translateX(-100%); visibility: hidden; transition: transform 180ms ease, visibility 180ms ease; overscroll-behavior: contain; }
  .mobile-nav-open { overflow: hidden; }
  .mobile-nav-open::before { position: fixed; inset: var(--header-height) 0 0; z-index: 40; background: #10091f55; content: ""; }
  .mobile-nav-open .docs-sidebar { transform: translateX(0); visibility: visible; }
  .nav-link { min-height: 44px; font-size: 13px; }
  .nav-group-title { font-size: 11px; }
  .docs-main { padding: 28px 24px 0; border-left: 0; }
  .breadcrumb { margin-bottom: 27px; font-size: 11px; }
  .article-header { margin-bottom: 28px; }
  .article-header h1, .docs-article > h1 { font-size: 34px; letter-spacing: -1.1px; }
  .article-header p { font-size: 15px; }
  .docs-article { font-size: 14px; }
  .docs-article h2 { margin-top: 36px; font-size: 22px; }
  .docs-article h3 { font-size: 17px; }
  .docs-article pre { padding: 16px; font-size: 11px; }
  .code-toolbar { padding-left: 16px; }
  .copy-code { min-height: 44px; }
  .search-dialog { inset: 80px 0 auto; max-height: calc(100svh - 100px); }
  .search-results { max-height: calc(100svh - 220px); }
  .search-input { font-size: 16px; }
  .search-hint, .search-footer { display: none; }
}

@media (max-width: 440px) {
  .brand-label { display: none; }
  .docs-main { padding-right: 20px; padding-left: 20px; }
  .article-header h1, .docs-article > h1 { font-size: 31px; }
  .sdk-grid { grid-template-columns: 1fr; }
  .sdk-card { min-height: 125px; padding: 19px 20px; }
  .page-pagination { gap: 10px; }
  .pagination-link { gap: 8px; padding: 12px; }
  .pagination-link strong { font-size: 11px; }
  .docs-footer { align-items: flex-start; flex-direction: column; }
}

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

@media print {
  :root { color-scheme: light; --background: #fff; --text: #000; --muted: #333; --subtle: #555; --border: #ccc; --accent: #000; --code-background: #f6f6f6; --code-text: #222; }
  .docs-header, .docs-sidebar, .docs-toc, .page-pagination, .search-dialog, .copy-code, .skip-link { display: none !important; }
  .docs-layout { display: block; max-width: none; }
  .docs-main { padding: 0; border: 0; }
  .docs-article { font-size: 10pt; }
  .docs-article pre { white-space: pre-wrap; overflow: visible; break-inside: avoid; }
  .docs-article pre code { white-space: pre-wrap; overflow-wrap: anywhere; }
  .docs-article a { text-decoration: underline; }
  .docs-footer { padding-bottom: 0; }
}