.sdk-docs-page {
    max-width:1120px;
    margin:0 auto;
    padding:150px 42px 100px;
    color:#14382d;
}

.sdk-docs-page * { box-sizing:border-box; }
.sdk-docs-page code,.sdk-code { font-family:'Fira Code',monospace; }
.sdk-breadcrumbs { display:flex; align-items:center; gap:8px; margin-bottom:22px; color:#728076; font-size:12px; }
.sdk-breadcrumbs a { color:inherit; text-decoration:none; }
.sdk-hero { display:grid; grid-template-columns:1fr auto; gap:40px; align-items:end; padding-bottom:42px; border-bottom:1px solid #d5dece; }
.sdk-kicker { margin-bottom:18px; color:#6d815e; font-size:10px; font-weight:700; letter-spacing:1.7px; }
.sdk-hero h1 { margin:0; color:#14382d; font-size:clamp(42px,6vw,72px); font-weight:500; letter-spacing:-.06em; line-height:.98; }
.sdk-hero p { max-width:690px; margin:24px 0 0; color:#66736a; font-size:15px; line-height:1.75; }
.sdk-language-mark { display:grid; place-items:center; width:108px; height:108px; border:1px solid #cbd6c1; border-radius:50%; background:#e9eedf; color:#14382d; font-family:'Fira Code',monospace; font-size:25px; font-weight:700; }
.sdk-package { display:grid; grid-template-columns:1fr auto; gap:28px; align-items:center; margin:45px 0 80px; padding:28px 30px; border:1px solid #d2dcc9; border-radius:8px; background:#fff; }
.sdk-package-name { margin:0 0 9px; font:600 18px/1.3 'Fira Code',monospace; }
.sdk-package p { margin:0; color:#6b776e; font-size:12px; }
.sdk-badges { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.sdk-badge { padding:6px 9px; border:1px solid #d5dece; border-radius:4px; background:#eff3e9; font-size:9px; font-weight:700; letter-spacing:.7px; }
.sdk-actions { display:flex; gap:10px; flex-wrap:wrap; }
.sdk-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 17px; border:1px solid #14382d; border-radius:5px; background:#14382d; color:#fff; font-size:12px; font-weight:700; text-decoration:none; }
.sdk-button.secondary { border-color:#cbd6c1; background:#fff; color:#14382d; }
.sdk-layout { display:grid; grid-template-columns:210px minmax(0,1fr); gap:80px; }
.sdk-toc { position:sticky; top:110px; align-self:start; padding-top:5px; }
.sdk-toc strong { display:block; margin-bottom:14px; font-size:9px; letter-spacing:1.4px; }
.sdk-toc a { display:block; padding:8px 0; color:#6d7a70; font-size:11px; text-decoration:none; }
.sdk-toc a:hover { color:#14382d; }
.sdk-section { margin-bottom:70px; scroll-margin-top:115px; }
.sdk-section h2 { margin:0 0 18px; color:#14382d; font-size:30px; font-weight:500; letter-spacing:-.04em; }
.sdk-section h3 { margin:30px 0 12px; color:#14382d; font-size:17px; font-weight:600; }
.sdk-section p,.sdk-section li { color:#5f6f65; font-size:13px; line-height:1.75; }
.sdk-section ul { padding-left:18px; }
.sdk-code { margin:18px 0 28px; padding:22px 24px; overflow:auto; border:1px solid #25493d; border-radius:7px; background:#14382d; color:#e8efe2; font-size:12px; line-height:1.75; white-space:pre; }
.sdk-callout { margin:20px 0; padding:18px 20px; border-left:3px solid #7d9b54; background:#edf2e6; color:#52645a; font-size:12px; line-height:1.7; }
.sdk-contract { width:100%; margin:20px 0; border-collapse:collapse; border:1px solid #d5dece; background:#fff; font-size:12px; }
.sdk-contract th,.sdk-contract td { padding:13px 15px; border-bottom:1px solid #dce3d6; text-align:left; vertical-align:top; }
.sdk-contract th { background:#edf2e6; color:#14382d; font-size:10px; letter-spacing:.7px; }
.sdk-contract td { color:#607067; }
.sdk-contract code { color:#14382d; font-size:11px; }
.sdk-links { display:grid; grid-template-columns:repeat(3,1fr); margin-top:75px; border-top:1px solid #d5dece; border-left:1px solid #d5dece; }
.sdk-links a { min-height:120px; padding:22px; border-right:1px solid #d5dece; border-bottom:1px solid #d5dece; color:#14382d; text-decoration:none; }
.sdk-links small { display:block; margin-bottom:20px; color:#75836f; font-size:9px; letter-spacing:1px; }
.sdk-links strong { font-size:16px; font-weight:600; }

@media(max-width:760px) {
    .sdk-docs-page { padding:120px 20px 70px; }
    .sdk-hero { grid-template-columns:1fr; }
    .sdk-language-mark { width:78px; height:78px; grid-row:1; }
    .sdk-package { grid-template-columns:1fr; margin-bottom:55px; padding:22px; }
    .sdk-layout { grid-template-columns:1fr; gap:0; }
    .sdk-toc { display:none; }
    .sdk-section { margin-bottom:55px; }
    .sdk-section h2 { font-size:27px; }
    .sdk-code { margin-inline:-5px; padding:18px; font-size:11px; }
    .sdk-contract { display:block; overflow-x:auto; }
    .sdk-links { grid-template-columns:1fr; }
}