.developer-hero { background:#f3f6fc; color:var(--ink); }
.developer-hero p { color:var(--muted); }
.developer-hero .eyebrow { color:var(--blue); }
.developer-actions { display:flex; flex-wrap:wrap; align-items:center; gap:14px; margin-top:28px; }
.developer-button { display:inline-flex; justify-content:center; align-items:center; padding:13px 22px; background:var(--blue); border:1px solid var(--blue); border-radius:6px; color:#fff; font-size:14px; font-weight:600; }
.developer-button.secondary { background:#fff; color:var(--blue); }
.developer-text-link { color:var(--blue); text-decoration:underline; text-underline-offset:4px; }
.developer-layout { display:grid; grid-template-columns:190px minmax(0,1fr); gap:52px; }
.developer-sidebar nav { position:sticky; top:100px; display:grid; gap:5px; border-left:2px solid var(--line); padding-left:18px; }
.developer-sidebar a { padding:9px 0; color:var(--muted); font-size:14px; }
.developer-sidebar a:hover { color:var(--blue); }
.developer-content { min-width:0; }
.developer-section { padding-bottom:42px; margin-bottom:36px; border-bottom:1px solid var(--line); scroll-margin-top:110px; }
.developer-section h2 { font-size:26px; line-height:1.5; margin:0 0 20px; }
.developer-section h3 { font-size:18px; margin-top:28px; }
.developer-section p,.developer-section li,.developer-errors { font-size:15px; line-height:1.9; overflow-wrap:anywhere; }
.developer-section p,.developer-section li { color:var(--muted); }
.developer-section code { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:.9em; overflow-wrap:anywhere; }
.developer-section pre { background:#f2f5fa; border:1px solid var(--line); border-radius:8px; padding:20px; white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.7; max-width:100%; }
.developer-section pre code { color:var(--ink); }
.developer-endpoint { border:1px solid var(--line); border-radius:8px; background:#f6f8fc; padding:22px; display:flex; flex-wrap:wrap; align-items:center; gap:14px; }
.developer-endpoint > span { width:100%; color:var(--muted); font-size:13px; }
.developer-endpoint code { flex:1; min-width:0; font-size:16px; color:var(--ink); user-select:all; }
.developer-endpoint button { border:1px solid var(--line); background:#fff; border-radius:5px; padding:9px 15px; cursor:pointer; font:inherit; font-size:13px; }
.developer-feedback { min-height:24px; margin:8px 0; }
.developer-steps { padding-left:24px; }
.developer-steps > li { margin-bottom:24px; padding-left:8px; }
.developer-steps b { color:var(--ink); }
.developer-table { max-width:100%; overflow-x:auto; border:1px solid var(--line); border-radius:8px; }
.developer-table table { border-collapse:collapse; width:100%; text-align:left; font-size:14px; }
.developer-table td,.developer-table th { padding:14px 16px; border-bottom:1px solid var(--line); overflow-wrap:anywhere; }
.developer-table thead { background:#f2f5fa; }
.developer-table tbody th { font-weight:500; }
.developer-table tr:last-child td,.developer-table tr:last-child th { border-bottom:0; }
.developer-callout { padding:20px 24px; border-left:3px solid var(--blue); background:#f6f8fc; }
.developer-callout p { margin:8px 0 0; }
.developer-flow { display:flex; flex-wrap:wrap; gap:8px 26px; padding-left:24px; margin:24px 0; }
.developer-flow li { padding-right:10px; }
.developer-errors > div { display:grid; grid-template-columns:minmax(180px,1fr) 2fr; gap:18px; padding:14px 0; border-bottom:1px solid var(--line); }
.developer-errors dt { font-weight:600; }
.developer-errors dd { margin:0; color:var(--muted); }
.developer-actions a:focus-visible,.developer-endpoint button:focus-visible,.developer-sidebar a:focus-visible { outline:2px solid var(--blue); outline-offset:4px; }
@media(max-width:800px) {
  .developer-layout { grid-template-columns:minmax(0,1fr); gap:28px; }
  .developer-sidebar nav { position:static; display:flex; flex-wrap:wrap; gap:3px 18px; border:0; padding:0; }
  .developer-section h2 { font-size:23px; }
  .developer-errors > div { grid-template-columns:1fr; gap:4px; }
}
@media(max-width:480px) {
  .developer-actions { align-items:stretch; }
  .developer-button { flex:1 1 100%; }
  .developer-endpoint { padding:18px; }
  .developer-endpoint button { width:100%; }
  .developer-table td,.developer-table th { padding:10px 8px; font-size:12px; }
  .developer-section pre { padding:14px; font-size:12px; }
}

.developer-selectors { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin:24px 0; }
.developer-selectors label { display:grid; gap:10px; color:var(--ink); font-size:15px; font-weight:600; }
.developer-selectors select { width:100%; min-height:46px; padding:10px 12px; border:1px solid var(--line); border-radius:6px; background:#fff; color:var(--ink); font:inherit; }
.developer-selectors select:focus-visible { outline:2px solid var(--blue); outline-offset:3px; }
.developer-content [hidden] { display:none; }
@media(max-width:600px) { .developer-selectors { grid-template-columns:minmax(0,1fr); gap:16px; } }