.api-page{color:var(--ink)}
.api-page :is(h1,h2,h3,p,ol,dl,dd,figure,pre){margin:0}
.api-page :is(h1,h2,h3){font-weight:600;letter-spacing:-.4px}
.api-container{width:calc(100% - 80px);max-width:1120px;margin:0 auto;padding:64px 0 80px;display:flex;flex-direction:column;gap:64px}
.api-intro{display:flex;flex-direction:column;gap:16px}
.api-intro .eyebrow{font:500 11px/18px var(--mono);letter-spacing:0;color:var(--accent)}
.api-intro h1{font-size:48px;line-height:58px}
.api-intro-copy{max-width:800px;font-size:19px;line-height:30px;color:var(--secondary)}
.api-availability{display:flex;align-items:center;gap:12px;min-height:28px}
.api-version{width:150px;font:500 11px/20px var(--mono);color:var(--muted)}
.api-availability-chip{display:inline-flex;align-items:center;flex:none;min-height:28px;min-width:131px;padding:6px 10px;border-radius:12px;background:var(--well);color:var(--green);font:500 10px/16px var(--mono);white-space:nowrap}
.api-base{display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:12px;background:var(--well)}
.api-base dt,.api-caption,.api-code figcaption{font:500 11px/18px var(--mono);color:var(--muted)}
.api-base dd{min-width:0;line-height:22px}
.api-base code{font:400 14px/22px var(--mono);color:var(--accent);overflow-wrap:anywhere}
.api-layout{display:grid;grid-template-columns:224px minmax(0,1fr);gap:64px;align-items:start}
.api-guide-nav{position:sticky;top:32px;display:flex;flex-direction:column;gap:16px;min-width:0}
.api-guide-nav ol{display:flex;flex-direction:column;gap:16px;padding:0;list-style:none}
.api-guide-nav a{font-size:14px;line-height:22px;color:var(--secondary)}
.api-guide-nav li a{display:flex;align-items:baseline;gap:8px}
.api-guide-nav a:hover{color:var(--accent)}
.api-guide-reference{border-top:1px solid var(--line);padding-top:16px}
.api-link{display:inline-flex;align-items:baseline;gap:.3em;align-self:flex-start;color:var(--accent);font:500 14px/22px Inter,Arial,sans-serif}
.api-guide-reference .api-link{color:var(--accent)}
.api-instructions{display:flex;flex-direction:column;gap:40px;min-width:0}
.api-step{display:flex;flex-direction:column;gap:20px;min-width:0;scroll-margin-top:32px}
.api-step+.api-step{border-top:1px solid var(--line);padding-top:40px}
.api-step-heading{display:grid;grid-template-columns:40px minmax(0,1fr);gap:24px;align-items:center}
.api-step-number{display:flex;align-items:center;min-height:32px;font:500 16px/24px var(--mono);color:var(--accent)}
.api-step h2{font-size:26px;line-height:34px}
.api-step-content{display:flex;flex-direction:column;gap:16px;min-width:0;padding-left:64px}
.api-step-content>p{font-size:17px;line-height:27px;color:var(--secondary)}
.api-step-content .api-admin-path{padding:16px;border-radius:12px;background:var(--well);color:var(--ink);font:500 14px/22px var(--mono)}
.api-key-example{display:flex;flex-direction:column;gap:16px;min-width:0;padding:24px;border-radius:12px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}
.api-key-example h3{font:500 10px/18px var(--mono);letter-spacing:0;color:var(--accent)}
.api-key-fields{display:flex;flex-direction:column;gap:8px;min-width:0}
.api-key-fields dt{font-size:13px;line-height:21px;color:var(--secondary)}
.api-key-fields dd{font-size:14px;line-height:22px;color:var(--ink)}
.api-example-name{padding:12px;border-radius:12px;background:var(--well)}
.api-key-example .api-secret-note{padding-top:16px;border-top:1px solid var(--line);color:var(--accent);font-size:13px;line-height:21px;font-weight:500}
.api-step-content .api-supporting-copy{font-size:16px;line-height:26px}
.api-step-content .api-small-copy{font-size:15px;line-height:24px}
.api-code{display:flex;flex-direction:column;gap:16px;min-width:0;padding:24px;border-radius:12px;background:var(--well);box-shadow:inset 0 0 0 1px var(--line)}
.api-code pre{max-width:100%;color:var(--ink);font:400 13px/23px var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2}
.api-code code{font:inherit}
.api-key-lifecycle,.api-troubleshooting{display:flex;flex-direction:column;min-width:0;border-top:1px solid var(--line);scroll-margin-top:32px}
.api-key-lifecycle{padding-top:24px;gap:24px}
.api-key-lifecycle h2,.api-troubleshooting h2{font-size:28px;line-height:34px}
.api-key-lifecycle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.api-key-lifecycle-grid section{display:flex;flex-direction:column;gap:8px;min-width:0}
.api-key-lifecycle h3{font-size:17px;line-height:27px;letter-spacing:0}
.api-key-lifecycle p{font-size:15px;line-height:24px;color:var(--secondary)}
.api-troubleshooting{padding-top:16px;gap:16px}
.api-troubleshooting p{font-size:16px;line-height:26px;color:var(--secondary)}
.api-next{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;width:calc(100% - 24px);padding:24px;border-radius:12px;background:var(--card)}
.api-next>div{display:flex;flex-direction:column;gap:8px;min-width:0;max-width:704px}
.api-next h2{font-size:24px;line-height:30px}
.api-next p{font-size:16px;line-height:26px;color:var(--secondary)}
.api-next>.api-link{width:320px;flex:none}
@media(max-width:1100px){
  .api-layout{grid-template-columns:192px minmax(0,1fr);gap:32px}
  .api-next>.api-link{width:auto}
}
@media(max-width:960px){
  .api-layout{grid-template-columns:minmax(0,1fr)}
  .api-guide-nav{display:none}
}
@media(max-width:800px){
  .api-container{width:calc(100% - 40px);padding:32px 0 64px;gap:40px}
  .api-intro h1{font-size:36px;line-height:42px}
  .api-intro-copy{font-size:16px;line-height:26px}
  .api-version{width:130px}
  .api-base code{font-size:12px}
  .api-instructions{gap:32px}
  .api-step{gap:16px}
  .api-step+.api-step{padding-top:32px}
  .api-step-heading{gap:12px}
  .api-step h2{font-size:22px;line-height:28px}
  .api-step-content{padding-left:0}
  .api-step-content>p{font-size:16px;line-height:26px}
  .api-step-content .api-admin-path{font-size:13px}
  .api-step-content .api-supporting-copy{font-size:15px;line-height:24px}
  .api-step-content .api-small-copy{font-size:15px;line-height:24px}
  .api-code pre{font-size:11px;line-height:20px;word-break:break-all}
  .api-key-lifecycle-grid{grid-template-columns:minmax(0,1fr)}
  .api-key-lifecycle h2,.api-troubleshooting h2{font-size:24px;line-height:30px}
  .api-next{width:100%;flex-direction:column}
  .api-next>.api-link{width:auto}
}