.sdk-page{padding-top:70px;background:linear-gradient(180deg,#f8fbfb 0%,#f3f7f7 100%)}
.sdk-page .container{width:min(var(--ui-content),calc(100% - 56px));margin-inline:auto}
.sdk-page .section{padding:72px 0}
.sdk-page .section.alt{background:rgba(255,255,255,.72);border-block:1px solid var(--ui-line)}
.sdk-page .section-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:28px}
.sdk-page .section-head h2{margin:0;color:var(--ui-ink);font-size:clamp(28px,3vw,40px);line-height:1.16;letter-spacing:-.03em}
.sdk-page .section-head p{margin:10px 0 0;color:var(--ui-muted);line-height:1.8;max-width:760px}
.sdk-page .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.sdk-page .card{position:relative;background:rgba(255,255,255,.9);border:1px solid var(--ui-line);border-radius:24px;padding:24px;box-shadow:var(--ui-shadow-sm)}
.sdk-page .card h3{margin:0 0 10px;color:var(--ui-ink);font-size:20px}
.sdk-page .card p{margin:0;color:var(--ui-muted);line-height:1.75}
.sdk-page .tag{display:inline-flex;align-items:center;justify-content:center;min-height:28px;min-width:28px;padding:0 9px;border:1px solid #b9ddd2;background:#eef8f4;color:#12664e;border-radius:999px;font-size:12px;font-weight:850;margin-bottom:14px}
.sdk-page pre{position:relative;overflow:auto;margin:0;background:#10242e;color:#e5f2f2;border-radius:20px;padding:22px;font-size:13px;line-height:1.7;box-shadow:var(--ui-shadow-sm)}
.sdk-page pre code{display:block;border:0;background:transparent;color:inherit;padding:0;border-radius:0}
.sdk-page .code-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
.sdk-page .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.sdk-page .api-list{display:flex;flex-wrap:wrap;gap:8px}
.sdk-page .api-list code{display:inline-flex;padding:6px 9px;border-radius:999px;background:#f1f7f7;border:1px solid #d7e2de;color:var(--ui-ink);font-size:12px}
@media(max-width:900px){.sdk-page .grid,.sdk-page .code-grid{grid-template-columns:1fr}.sdk-page .section-head{display:block}}
@media(max-width:560px){.sdk-page .container{width:min(var(--ui-content),calc(100% - 36px))}}