.docs-page { background: #f1f4f0; }
.docs-page .site-header { background: #e7ece5; }
.developer-layout { display: grid; grid-template-columns: 206px minmax(0, 1fr); gap: 40px; padding-top: 28px; align-items: start; }
.docs-sidebar { position: sticky; top: 24px; padding-block: 12px; }
.docs-sidebar .eyebrow { font-size: 10px; letter-spacing: 1px; margin-bottom: 18px; }
.docs-sidebar nav { display: flex; flex-direction: column; gap: 4px; font-size: 13px; }
.docs-sidebar nav a { padding: 9px 12px; border-radius: 7px; border-inline-start: 2px solid transparent; }
.docs-sidebar nav a:hover, .docs-sidebar nav a:focus-visible { background: #e2eadc; border-inline-start-color: var(--green); }
.docs-workspace { display: inline-flex; align-items: center; gap: 12px; margin-top: 18px; padding: 9px 13px; border: 1px solid #bccdb4; border-radius: 7px; color: #31573f; background: #e3ebd9; font-size: 13px; font-weight: 650; }
.docs-content { min-width: 0; }
.docs-hero, .docs-section { min-width: 0; border: 1px solid var(--line); border-radius: 14px; padding: 28px; background: #fbfcf8; margin-bottom: 18px; scroll-margin-top: 20px; }
.docs-hero { background: linear-gradient(125deg, #e3ebd9, #f5f7ed); }
.docs-kicker { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; font-size: 11px; color: var(--muted); }
.docs-status { border: 1px solid #bacfb1; border-radius: 20px; padding: 3px 9px; color: #31573f; background: #eef5e5; }
.docs-hero h1 { margin-block: 16px 12px; font-size: clamp(28px, 4vw, 40px); letter-spacing: -1px; }
.docs-content p { font-size: 13px; line-height: 1.85; color: var(--muted); }
.docs-content p + p { margin-top: 10px; }
.docs-content .docs-lead { font-size: 18px; color: var(--ink); font-weight: 600; margin-bottom: 10px; }
.docs-base { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 20px; margin-block: 20px; padding: 12px 16px; border: 1px solid #c9d6bf; border-radius: 8px; background: #f5f8ef; }
.docs-base span { font-size: 10px; letter-spacing: 1px; color: var(--muted); }
.docs-base code { font-size: 14px; overflow-wrap: anywhere; }
.docs-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-bottom: 20px; }
.docs-steps a { display: flex; gap: 9px; font-size: 12px; line-height: 1.7; padding: 10px; border-radius: 8px; background: #ffffff80; }
.docs-steps b { color: var(--green); }
.docs-callout { padding: 12px 16px; border-inline-start: 3px solid #91ac75; background: #edf2e6; border-radius: 0 8px 8px 0; margin-block: 16px; }
.docs-section-heading { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
.docs-section-heading > span { font-size: 11px; color: var(--green); background: #e3ebd9; padding: 4px 7px; border-radius: 5px; }
.docs-section h2 { font-size: 22px; }
.docs-content h3 { font-size: 12px; margin-block: 16px 8px; color: var(--muted); }
.docs-endpoint { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; background: #edf1e8; border: 1px solid var(--line); padding: 10px 12px; border-radius: 8px; margin-bottom: 16px; }
.docs-endpoint > code { font-size: 13px; overflow-wrap: anywhere; direction: ltr; unicode-bidi: isolate; }
.docs-method { font: 700 11px Consolas, monospace; color: #e0efc6; padding: 3px 7px; background: #31573f; border-radius: 4px; }
.docs-auth { margin-inline-start: auto; font-size: 10px; color: var(--muted); }
.docs-content code { font-family: Consolas, "Courier New", monospace; }
.docs-code { min-width: 0; max-width: 100%; margin-block: 12px 16px; padding: 16px; overflow: auto; border-radius: 9px; background: #213b36; color: #e6efdc; direction: ltr; text-align: left; font-size: 12px; line-height: 1.8; tab-size: 2; }
.docs-example-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; }
.docs-example-grid > div { min-width: 0; }
.docs-example-grid > details { min-width: 0; align-self: start; }
.docs-request { min-width: 0; margin-block: 16px; border: 1px solid #bdd7c7; border-radius: 12px; background: #e4f1e9; overflow: hidden; }
.docs-request > summary { display: flex; align-items: center; gap: 10px; padding: 16px; cursor: pointer; list-style: none; color: #245b40; font-size: 14px; font-weight: 650; }
.docs-request > summary::-webkit-details-marker { display: none; }
.docs-request-toggle { flex: 0 0 26px; height: 26px; margin-inline-start: auto; border-radius: 50%; background: #31573f; color: white; text-align: center; font: 22px/26px monospace; }
.docs-request-toggle::before { content: "+"; }
.docs-request[open] .docs-request-toggle::before { content: "\2212"; }
.docs-request-body { min-width: 0; padding: 12px; border-top: 1px solid #bdd7c7; }
.docs-request-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-bottom: 8px; }
.docs-copy { border: 1px solid #98bba4; border-radius: 6px; padding: 7px 11px; background: #f6fcf8; color: #245b40; font: inherit; font-size: 12px; cursor: pointer; }
.docs-copy:disabled { cursor: wait; opacity: .65; }
.docs-copy-status { min-width: 0; font-size: 12px; color: #245b40; overflow-wrap: anywhere; }
.docs-request > summary:focus-visible, .docs-copy:focus-visible { outline: 2px solid #31573f; outline-offset: -3px; }
.docs-request .docs-code { margin: 0; background: #f6fcf8; color: #245b40; border: 1px solid #d1e4d8; white-space: pre-wrap; overflow-wrap: anywhere; }
.docs-details { margin-block: 16px; border: 1px solid var(--line); border-radius: 9px; padding: 0 14px; }
.docs-details summary { padding-block: 12px; font-size: 12px; cursor: pointer; font-weight: 650; }
.docs-table-wrap { max-width: 100%; overflow: auto; margin-block: 20px; border: 1px solid var(--line); border-radius: 9px; }
.docs-table { border-collapse: collapse; width: 100%; font-size: 12px; text-align: start; }
.docs-table caption { text-align: start; padding: 12px; font-size: 12px; font-weight: 650; background: #edf1e8; }
.docs-table th, .docs-table td { padding: 11px 12px; border-top: 1px solid var(--line); vertical-align: top; text-align: start; }
.docs-table th { font-weight: 650; color: var(--muted); }
.docs-table code { direction: ltr; unicode-bidi: isolate; white-space: nowrap; font-size: 11px; }
.docs-page > .site-footer { margin-top: 4px; padding-block: 20px; }
@media (max-width: 1100px) {
  .developer-layout { grid-template-columns: 170px minmax(0, 1fr); gap: 20px; }
  .docs-hero, .docs-section { padding: 22px; }
  .docs-example-grid, .docs-steps { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 760px) {
  .developer-layout { display: block; width: calc(100% - 24px); padding-top: 12px; }
  .docs-sidebar { position: static; padding: 8px 0 16px; }
  .docs-sidebar .eyebrow { margin-bottom: 8px; }
  .docs-sidebar nav { flex-direction: row; flex-wrap: nowrap; justify-content: start; gap: 6px; overflow-x: auto; padding-bottom: 8px; }
  .docs-sidebar nav a { flex-shrink: 0; white-space: nowrap; padding: 8px 10px; background: #e7ece2; border: 0; }
  .docs-sidebar > .docs-workspace { display: none; }
  .docs-hero, .docs-section { padding: 18px 14px; border-radius: 10px; }
  .docs-section h2 { font-size: 20px; }
  .docs-base { padding: 10px; }
  .docs-base code { font-size: 12px; }
  .docs-code { padding: 12px; font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}