.api-heading p:not(.eyebrow) { color: var(--muted); margin: 7px 0 0; }
.api-intro { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:20px 24px; border-radius:14px; background:#10271f; color:#fff; box-shadow:var(--shadow); }
.api-intro span { display:block; color:#a9beb5; font-size:12px; margin-bottom:7px; }
.api-intro code { color:#fff; font-size:17px; overflow-wrap:anywhere; }
.copy-button { border:1px solid #527367; background:#1b4f3c; color:#fff; border-radius:9px; padding:10px 14px; cursor:pointer; white-space:nowrap; }
.api-auth code { font-size:13px; }
.api-layout { display:grid; grid-template-columns:210px minmax(0,1fr); gap:20px; margin-top:20px; align-items:start; }
.api-index { position:sticky; top:18px; display:flex; flex-direction:column; gap:5px; padding:18px; border:1px solid var(--line); border-radius:14px; background:#fff; }
.api-index strong { margin-bottom:8px; }
.api-index a { color:var(--green); text-decoration:none; padding:8px; border-radius:7px; font-size:13px; }
.api-index a:hover { background:#edf4f0; }
.api-sections { display:grid; gap:18px; min-width:0; }
.api-card { scroll-margin-top:20px; background:#fff; border:1px solid var(--line); border-radius:16px; padding:24px; box-shadow:var(--shadow); }
.api-card p { color:var(--muted); line-height:1.55; }
.api-card h3 { margin:20px 0 8px; font-size:12px; text-transform:uppercase; letter-spacing:.08em; color:var(--muted); }
.api-card pre,.api-auth pre { position:relative; background:#10231c; color:#dbe9e3; border-radius:10px; padding:17px; overflow:auto; line-height:1.5; }
.endpoint-title { display:flex; align-items:center; gap:10px; margin-bottom:12px; }
.endpoint-title.sub { margin-top:28px; padding-top:22px; border-top:1px solid var(--line); }
.endpoint-title code { font-size:15px; font-weight:750; }
.method { display:inline-flex; justify-content:center; min-width:58px; padding:5px 8px; border-radius:6px; color:#fff; font-size:10px; font-weight:850; letter-spacing:.05em; vertical-align:middle; }
.method.get { background:#2474a6; }.method.post { background:#26855e; }.method.put { background:#ad7a20; }.method.delete { background:#a83c32; }
.endpoint-note { padding:12px 14px; background:#f5f7f5; border-radius:9px; }
@media(max-width:800px){.api-layout{grid-template-columns:1fr}.api-index{position:static;display:none}.api-intro{align-items:flex-start;flex-direction:column}.api-heading{align-items:flex-start;gap:15px;flex-direction:column}}