.api-reference { max-width: 1220px; margin: 0 auto; padding: 48px 32px 80px; color: #e5e5ed; font-family: 'Public Sans', sans-serif; }
.reference-heading { padding: 0 0 48px; border-bottom: 1px solid #353342; }
.reference-breadcrumb { display: flex; gap: 14px; font-size: 14px; color: #aaa8b8; margin-bottom: 42px; }
.api-reference a { color: #c8b2f5; text-underline-offset: 4px; }
.api-reference a:hover { color: #fff; }
.reference-eyebrow { color: #c8b2f5; font-size: 12px; letter-spacing: 2px; margin: 0 0 16px; }
.api-reference h1 { font-size: clamp(40px, 6vw, 72px); line-height: 1.07; font-weight: 500; letter-spacing: -2.5px; margin: 0 0 24px; }
.reference-lede { max-width: 740px; font-size: 19px; line-height: 1.7; color: #bdbacb; }
.reference-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; margin: 28px 0; font-size: 14px; }
.reference-actions a { display: inline-flex; gap: 20px; align-items: center; }
.reference-actions .reference-primary { background: #d5c4f3; color: #211b30; border-radius: 8px; padding: 14px 20px; text-decoration: none; font-weight: 600; }
.reference-actions .reference-primary:hover { background: #e6d9fc; color: #211b30; }
.reference-endpoint { display: flex; gap: 16px; align-items: center; font-size: 13px; padding-top: 12px; }
.reference-endpoint span { color: #9cdebd; font-weight: 600; font-size: 11px; letter-spacing: 1px; }
.reference-endpoint code { overflow-wrap: anywhere; color: #beb9cf; }
.reference-layout { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 60px; padding-top: 42px; }
.reference-sidebar nav { position: sticky; top: 24px; }
.reference-sidebar p { font-size: 10px; letter-spacing: 1.8px; color: #aba3bf; margin: 0 0 18px; }
.reference-sidebar a { display: block; font-size: 13px; line-height: 1.5; padding: 8px 0; text-decoration: none; color: #b9b4c8; }
.reference-sidebar .reference-related { margin-top: 18px; padding-top: 20px; border-top: 1px solid #353342; color: #c8b2f5; }
.reference-content { min-width: 0; }
.reference-section { margin-bottom: 52px; scroll-margin-top: 24px; }
.reference-section h2 { font-size: 27px; line-height: 1.3; font-weight: 500; letter-spacing: -.5px; margin: 0 0 20px; }
.reference-section p, .reference-section li { font-size: 15px; line-height: 1.8; color: #bbb8ca; overflow-wrap: anywhere; }
.reference-section p { margin: 0 0 18px; }
.reference-section ul { padding-left: 22px; margin: 20px 0; }
.reference-section li { margin-bottom: 12px; padding-left: 5px; }
.reference-code { margin: 22px 0; border: 1px solid #373343; border-radius: 10px; overflow: hidden; background: #111017; }
.code-language { display: block; padding: 10px 20px; border-bottom: 1px solid #302b3b; color: #aea1c9; font: 11px monospace; text-transform: uppercase; letter-spacing: 1px; }
.reference-code pre { margin: 0; padding: 20px; overflow: auto; font: 13px/1.75 monospace; color: #e0d6f1; background: transparent; border: 0; }
.reference-code code { font: inherit; }
.reference-code:has(.code-language:first-child) pre { max-height: 720px; }
#agent pre { white-space: pre-wrap; overflow-wrap: anywhere; }
.reference-table { overflow: auto; margin: 24px 0; border: 1px solid #373343; border-radius: 10px; }
.reference-table table { width: 100%; border-collapse: collapse; text-align: left; font-size: 13px; line-height: 1.7; }
.reference-table th, .reference-table td { padding: 14px 16px; vertical-align: top; border-bottom: 1px solid #302e3a; }
.reference-table thead { background: #211c2c; color: #ddd2ee; }
.reference-table tbody th { color: #ded3f2; font-weight: 400; overflow-wrap: anywhere; }
.reference-table td { color: #bcb8ca; }
.reference-table tbody tr:last-child > * { border-bottom: 0; }
.reference-table code { font-size: 12px; white-space: nowrap; }
.reference-copy { padding: 12px 18px; border: 1px solid #aa91d5; border-radius: 7px; background: #292034; color: #e5d8f9; cursor: pointer; font: 14px 'Public Sans', sans-serif; }
.reference-copy:hover { background: #392a4b; }
#addpass-copy-status { min-height: 24px; margin: 8px 0; font-size: 13px; }
#agent summary { color: #bdb4ce; cursor: pointer; font-size: 13px; }
.api-reference :focus-visible { outline: 2px solid #c8b2f5; outline-offset: 5px; }
@media (max-width: 900px) { .reference-layout { gap: 32px; grid-template-columns: 180px minmax(0, 1fr); } }
@media (max-width: 700px) {
  .api-reference { padding: 30px 20px 48px; }
  .reference-breadcrumb { margin-bottom: 32px; }
  .api-reference h1 { letter-spacing: -1.5px; }
  .reference-lede { font-size: 17px; }
  .reference-layout { display: block; padding-top: 28px; }
  .reference-sidebar { margin-bottom: 40px; padding-bottom: 24px; border-bottom: 1px solid #353342; }
  .reference-sidebar nav { position: static; }
  .reference-sidebar a { padding: 6px 0; }
  .reference-actions { gap: 18px; }
  .reference-section h2 { font-size: 24px; }
  .reference-table table { min-width: 600px; }
  .reference-code pre { padding: 16px; font-size: 12px; }
}