.docs-body { background: #fff; color: #242832; font-size: 14px; }
.docs-body * { letter-spacing: 0; }
.docs-body [hidden] { display: none !important; }
.docs-body .dashboard-header { width: 100%; height: auto; min-height: 72px; padding: 16px 28px; gap: 24px; background: #fff; }
.docs-body .dashboard-nav { gap: 22px; margin: 0 auto; }
.docs-body .dashboard-header-actions { min-width: 0; gap: 12px; }
#dashboard-email { max-width: 160px; overflow: hidden; text-overflow: ellipsis; }
.docs-layout { display: grid; grid-template-columns: 224px minmax(0, 1fr) 170px; max-width: 1600px; margin: auto; }
.docs-sidebar { background: #f8f9fb; border-right: 1px solid #e6e8ee; padding: 30px 16px; align-self: start; position: sticky; top: 0; min-height: calc(100vh - 73px); }
.docs-sidebar summary { list-style: none; padding: 0 12px 8px; font-size: 14px; font-weight: 650; pointer-events: none; }
.docs-sidebar summary::-webkit-details-marker { display: none; }
.docs-sidebar nav { display: flex; flex-direction: column; gap: 3px; }
.nav-group { color: #787e8b; font-size: 10px; font-weight: 700; padding: 24px 12px 8px; }
.docs-sidebar a { display: flex; align-items: center; gap: 9px; padding: 10px 12px; border-radius: 5px; color: #606675; font-size: 12px; }
.docs-sidebar a:hover { background: #eef0f5; color: #292d36; }
.docs-sidebar a.selected { color: #5148c9; font-weight: 650; background: #eeedfc; }
.docs-sidebar a.nav-child { padding-left: 37px; }
.draft-dot, .preview-dot { display: inline-block; width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: #bb852e; }
.draft-dot { margin-left: auto; }
.sidebar-footer { display: flex; align-items: center; gap: 8px; margin: 45px 12px 0; color: #777d87; font-size: 11px; }
.docs-main { min-width: 0; padding: 32px 40px 0; }
.docs-breadcrumb { color: #747b89; font-size: 11px; margin-bottom: 27px; }
.docs-breadcrumb span { padding: 0 9px; color: #bec1c9; }
.title-row { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.docs-body h1 { margin: 0; font-size: 30px; line-height: 1.25; font-weight: 650; }
.docs-body h2 { font-size: 20px; line-height: 1.4; font-weight: 650; }
.docs-body h3 { font-size: 13px; margin: 0; line-height: 1.5; font-weight: 650; }
.docs-body p { color: #626a78; font-size: 13px; line-height: 1.8; margin: 12px 0 20px; }
.badge { display: inline-flex; align-items: center; color: #766127; background: #fcf6e4; border: 1px solid #eee1b8; font-size: 10px; font-weight: 600; padding: 3px 7px; border-radius: 4px; white-space: nowrap; }
.availability { display: flex; gap: 10px; padding: 14px 16px; border-left: 3px solid #d7ad55; background: #fdfaf1; margin: 23px 0 18px; }
.availability .preview-dot { margin-top: 6px; }
.availability strong { display: block; color: #68592f; font-size: 12px; font-weight: 600; }
.availability span:not(.preview-dot) { display: block; color: #81765a; font-size: 11px; line-height: 1.7; margin-top: 4px; }
.endpoint-line { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; padding: 13px 0; border-bottom: 1px solid #e5e7ec; font-size: 11px; }
.get-label { color: #21765a; font: 600 11px var(--mono); background: #e9f6ef; padding: 4px 7px; border-radius: 4px; }
.endpoint-line > span:last-child { margin-left: auto; color: #8a8f99; }
.docs-body code { font: 11px/1.7 var(--mono); overflow-wrap: anywhere; }
.docs-section { padding: 32px 0; border-bottom: 1px solid #e6e8ee; scroll-margin-top: 24px; }
.section-title, .tool-heading, .response-toolbar, .code-toolbar, .response-heading, .response-actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.section-title { margin-bottom: 18px; }
.muted-label { color: #868c98; font-size: 11px; }
.serp-tool { display: grid; grid-template-columns: minmax(245px, .95fr) minmax(0, 1.15fr); border: 1px solid #dde1e9; border-radius: 7px; overflow: hidden; }
.serp-form { padding: 17px 20px 14px; min-width: 0; }
.serp-form label { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px; margin: 17px 0 7px; color: #515866; font-size: 11px; font-weight: 600; }
.serp-form label code { color: #9399a3; font-size: 10px; font-weight: 400; white-space: nowrap; }
.required { color: #a77b34; margin-left: auto; font-size: 9px; font-weight: 400; }
.serp-form input, .serp-form select { width: 100%; height: 38px; border: 1px solid #dce0e7; border-radius: 4px; background: #fff; padding: 0 9px; color: #343b49; font-size: 11px; }
.serp-form input:focus, .serp-form select:focus { outline: 2px solid #b9b3fa; outline-offset: 1px; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.advanced-fields { margin-top: 18px; }
.advanced-fields summary { color: #676f7d; cursor: pointer; font-size: 11px; }
.search-disabled { width: 100%; height: 39px; margin-top: 22px; display: flex; align-items: center; justify-content: center; gap: 8px; border: 0; border-radius: 4px; background: #e9e7fb; color: #8880b6; font-size: 12px; font-weight: 600; cursor: not-allowed; }
.search-disabled img { width: 14px; height: 14px; opacity: .4; }
.docs-body p.request-status { display: flex; justify-content: space-between; gap: 8px; font-size: 10px; color: #8b7d59; margin: 9px 0 0; }
.request-status span { color: #818894; }
.request-code { display: flex; flex-direction: column; min-width: 0; background: #f8f9fb; border-left: 1px solid #dde1e9; }
.code-toolbar { min-height: 53px; padding: 8px 12px; border-bottom: 1px solid #e2e5eb; }
.docs-body [role="tablist"] { display: flex; gap: 3px; }
.docs-body [role="tab"] { padding: 7px 10px; border: 0; border-radius: 4px; color: #808796; background: transparent; font-size: 11px; }
.docs-body [role="tab"][aria-selected="true"] { color: #4e46c2; background: #eae8fc; font-weight: 600; }
.icon-button { display: inline-grid; place-items: center; width: 30px; height: 30px; flex: 0 0 30px; padding: 7px; border: 0; background: transparent; border-radius: 4px; }
.icon-button:hover { background: #e9ecf3; }
.icon-button img { width: 15px; height: 15px; opacity: .5; }
.code-caption { padding: 17px 18px 0; display: flex; flex-wrap: wrap; gap: 8px; justify-content: space-between; color: #666e7e; font-size: 10px; }
.code-caption span { color: #9399a5; }
.docs-body pre { margin: 0; white-space: pre; overflow: auto; min-width: 0; tab-size: 2; color: #354960; font: 11px/1.9 var(--mono); }
#request-example { padding: 18px; flex: 1; min-height: 330px; }
.code-note { padding: 14px 18px; color: #8a909c; border-top: 1px solid #e5e7ee; font-size: 10px; line-height: 1.8; }
.code-note code { font-size: 10px; }
.response-tool { margin-top: 18px; border: 1px solid #dde1e9; border-radius: 7px; overflow: hidden; }
.response-toolbar { padding: 11px 18px; border-bottom: 1px solid #e5e7ee; flex-wrap: wrap; }
.response-heading { justify-content: flex-start; }
.response-actions { gap: 5px; }
.docs-body .sample-note { padding: 12px 18px; margin: 0; font-size: 11px; background: #fafbfc; border-bottom: 1px solid #eef0f3; }
#json-view { height: 355px; padding: 18px 22px; background: #fcfcfd; }
.token-key { color: #7156a5; }.token-string { color: #247460; }.token-number { color: #a36a31; }
#results-view { height: 355px; overflow: auto; padding: 8px 22px; }
.search-result { padding: 18px 0; border-bottom: 1px solid #eceef3; }
.search-result:last-child { border: 0; }
.search-result small { font-size: 10px; color: #728078; }
.search-result a { display: block; font-size: 16px; color: #315ba0; margin-top: 7px; overflow-wrap: anywhere; }
.search-result p { font-size: 12px; margin: 6px 0 0; }
.serp-form .shopping-toggles { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 18px; }
.serp-form .shopping-toggles label { display: inline-flex; align-items: center; gap: 7px; margin: 0; cursor: pointer; }
.serp-form .shopping-toggles input { width: 14px; height: 14px; padding: 0; accent-color: var(--purple); }
.docs-body .parameter-error { color: #a5423d; margin: 14px 0 0; font-size: 11px; }
.shopping-result { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 18px; }
.shopping-result > img { display: block; width: 92px; height: 100px; object-fit: contain; background: #fff; }
.shopping-result .product-price { display: block; font-size: 17px; color: #253c33; margin-top: 9px; }
.shopping-result .product-rating { font-size: 11px; color: #777d86; }
@media (max-width: 700px) { .shopping-result { grid-template-columns: 65px minmax(0, 1fr); gap: 12px; }.shopping-result > img { width: 65px; height: 85px; }.shopping-result a { font-size: 13px; } }
.response-footer { display: flex; flex-wrap: wrap; gap: 22px; padding: 12px 18px; border-top: 1px solid #e5e7ee; color: #808795; font: 10px var(--mono); }
.quickstart-list { padding-left: 21px; margin: 18px 0 0; }
.quickstart-list li { padding: 0 0 14px 7px; color: #687180; font-size: 12px; line-height: 1.85; }
.quickstart-list strong { color: #424b59; font-weight: 600; }
.docs-section > p a, .quickstart-list a, .support-link { color: #6355d5; text-decoration: underline; text-underline-offset: 3px; }
.docs-body .small-code { padding: 15px 18px; border-left: 3px solid #dfe2ea; background: #f7f8fb; }
.reference-wrap { overflow-x: auto; margin: 17px 0; }
.reference-table { width: 100%; border-collapse: collapse; font-size: 12px; text-align: left; line-height: 1.8; }
.reference-table th { padding: 10px 12px; color: #818897; background: #f7f8fa; font-size: 10px; font-weight: 600; }
.reference-table td { padding: 14px 12px; vertical-align: top; border-bottom: 1px solid #e9ebf0; color: #697180; }
.reference-table td:first-child { width: 26%; color: #554995; }
.reference-table td:nth-child(2) { width: 19%; font-size: 11px; }
.reference-table td code { font-size: 11px; }
.reference-table .field-required { display: block; font-size: 9px; color: #a87b36; }
.docs-section > h3 { margin: 24px 0 0; }
.docs-toc { position: sticky; top: 0; align-self: start; padding: 36px 12px 20px 10px; display: flex; flex-direction: column; gap: 14px; font-size: 11px; }
.docs-toc > span { color: #8a91a0; font-size: 9px; font-weight: 650; margin-bottom: 6px; }
.docs-toc a { color: #7b8391; border-left: 2px solid transparent; padding-left: 10px; }
.docs-toc a.active { color: #5c50c8; border-color: #7569dc; }
.docs-footer { padding: 26px 0; display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; color: #8b929f; font-size: 10px; }
#docs-toast { position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%); z-index: 5; max-width: calc(100% - 32px); padding: 12px 18px; border-radius: 6px; background: #30343c; color: #fff; font-size: 12px; box-shadow: 0 5px 20px #0002; }
#docs-toast:empty { display: none; }
#auth-notice, .no-script { margin: 35px; color: #697180; font-size: 13px; }
.skip-link { position: absolute; left: 15px; top: -100px; background: #fff; padding: 10px; z-index: 10; }.skip-link:focus { top: 10px; }
.docs-body :focus-visible { outline: 2px solid #8475dc; outline-offset: 3px; }
@media (min-width: 1600px) { .docs-layout { border-left: 1px solid #eee; border-right: 1px solid #eee; } }
@media (max-width: 1250px) { .docs-layout { grid-template-columns: 205px minmax(0, 1fr); }.docs-toc { display: none; }.docs-main { padding: 28px 32px 0; }#dashboard-email { display: none; } }
@media (max-width: 940px) { .docs-layout { grid-template-columns: 180px minmax(0, 1fr); }.docs-main { padding: 26px 22px 0; }.serp-tool { grid-template-columns: 1fr; }.request-code { border-left: 0; border-top: 1px solid #dde1e9; }#request-example { min-height: 0; max-height: 360px; }.docs-body .dashboard-nav { gap: 15px; }.docs-body .dashboard-header { gap: 18px; padding: 16px 20px; } }
@media (max-width: 700px) { .docs-body .dashboard-header { flex-wrap: wrap; padding: 14px 18px 0; gap: 14px; }.docs-body .dashboard-header-actions { margin-left: auto; }.docs-body .dashboard-nav { order: 3; width: 100%; justify-content: space-between; overflow: auto; padding: 0 0 14px; }.docs-body .dashboard-nav a { font-size: 11px; flex-shrink: 0; }.docs-layout { display: block; }.docs-sidebar { min-height: 0; position: static; padding: 15px 18px; border-right: 0; border-bottom: 1px solid #e6e8ee; }.docs-sidebar summary { pointer-events: auto; list-style: disclosure-closed; cursor: pointer; padding: 0; }.docs-sidebar details[open] summary { list-style: disclosure-open; }.docs-sidebar nav { padding: 10px 0; }.sidebar-footer { display: none; }.docs-main { padding: 24px 18px 0; }.docs-body h1 { font-size: 25px; }.title-row { gap: 10px; }.title-row > img { width: 25px; height: 25px; }.docs-section { padding: 28px 0; }.docs-breadcrumb { font-size: 10px; margin-bottom: 24px; }.response-toolbar { padding: 10px 12px; }.response-actions { margin-left: auto; }.reference-table { min-width: 480px; }.endpoint-line > span:last-child { display: none; }.muted-label { font-size: 10px; }.docs-body [role="tab"] { padding: 7px 8px; }.response-footer { gap: 12px; font-size: 9px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }