.landing.gateway-shell .v2-page-sdk .sdk-page { padding-inline:0; }
.landing .v2-page .sdk-hero { padding-block:56px 48px; }
.landing .v2-page .sdk-hero h1 { max-width:19ch; }
.landing .v2-page .sdk-hero h1 span { color:var(--t1-cherry); }
.landing .v2-page .sdk-hero > p { max-width:none; margin-top:26px; font-size:calc(clamp(16px,1.35vw,20px) - 2px); line-height:1.6; }
.landing .v2-page .sdk-resource-links { display:flex; flex-wrap:wrap; align-items:center; gap:18px 30px; margin-top:28px; }
.landing .v2-page :is(.sdk-resource-links a,.sdk-notebook) { display:inline-flex; align-items:center; gap:12px; min-height:44px; text-decoration:none; }
.landing .v2-page .sdk-resource-links .sdk-primary { padding:12px 20px; background:var(--t1-blue); color:#f4f1e8; }
.landing .v2-page .sdk-resource-links .sdk-primary:hover { background:var(--t1-cherry); color:#f4f1e8; }
.landing .v2-page .sdk-start { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:48px 80px; padding-block:48px 64px; border-top:1px solid var(--t1-line); }
.landing .v2-page .sdk-disclosure { border-top:1px solid var(--t1-line); scroll-margin-top:100px; }
.landing .v2-page .sdk-disclosure > summary { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-block:24px; cursor:pointer; list-style:none; color:var(--t1-ink); }
.landing .v2-page .sdk-disclosure > summary::-webkit-details-marker { display:none; }
.landing .v2-page .sdk-disclosure > summary h2,
.landing.gateway-shell .v2-page-sdk #sdk-gallery-title { margin:0; max-width:none; font-size:calc(clamp(22px,2.4vw,30px) - 2px); }
.landing .v2-page .sdk-disclosure > summary > span { flex:none; font:300 28px/1 var(--font-sans); }
.landing .v2-page .sdk-disclosure[open] > summary > span { transform:rotate(45deg); }
.landing .v2-page .sdk-disclosure > .sdk-start { border-top:0; padding-block:8px 44px; }
.landing .v2-page .sdk-disclosure:not([open]) > .sdk-start { display:none; }
.landing .v2-page .sdk-start-copy > p { max-width:42ch; margin-top:22px; }
.landing .v2-page .sdk-start-copy ol { list-style:none; padding:0; margin:28px 0; counter-reset:sdk-start; }
.landing .v2-page .sdk-start-copy li { counter-increment:sdk-start; display:grid; grid-template-columns:32px 1fr; column-gap:14px; padding-block:15px; border-top:1px solid var(--t1-line); }
.landing .v2-page .sdk-start-copy li::before { content:"0" counter(sdk-start); grid-row:1 / span 2; padding-top:3px; color:var(--t1-cherry); font:11px/1.7 var(--font-mono); }
.landing .v2-page .sdk-start-copy li strong { font-size:16px; font-weight:500; }
.landing .v2-page .sdk-start-copy li span { grid-column:2; color:var(--t1-muted); font-size:13px; }
.landing .v2-page .sdk-code-panel { display:flex; flex-direction:column; min-width:0; background:#132244; color:#e9eef8; }
.landing .v2-page .sdk-code-panel .surface-hd { display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 18px; padding:16px 22px; border-bottom:1px solid #34486b; }
.landing .v2-page .sdk-code-panel .surface-hd strong { font-size:12px; font-weight:500; }
.landing .v2-page .sdk-code-panel .surface-hd span { color:#afc1dc; font:10px/1.5 var(--font-mono); }
.landing .v2-page .sdk-code-panel pre.code { margin:0; padding:26px 24px; background:transparent; color:#e9eef8; border-radius:0; font:12px/1.8 var(--font-mono); tab-size:4; overflow:auto; }
.landing .v2-page .sdk-code-panel pre.code code { font:inherit; color:inherit; }
.landing .v2-page .sdk-code-panel pre.code .k { color:#c99af2; }
.landing .v2-page .sdk-code-panel pre.code .s { color:#b8d5ff; }
.landing .v2-page .sdk-code-panel pre.code .c { color:#afc1dc; }
.landing .v2-page .sdk-setup { align-self:start; }
.landing .v2-page .sdk-gallery-heading { display:grid; grid-template-columns:1fr 1fr; gap:30px 56px; padding-block:52px 32px; border-top:1px solid var(--t1-line); }
.landing .v2-page .sdk-gallery-heading p { max-width:60ch; }
.landing .v2-page .sdk-gallery-heading .sdk-saved-note { color:var(--t1-muted); font-size:12px; }
.landing .v2-page .sdk-categories { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:12px; }
.landing .v2-page .sdk-role-picker { margin-bottom:24px; scroll-margin-top:calc(var(--landing-header-height,77px) + 24px); }
.landing .v2-page .sdk-role-picker button { cursor:pointer; padding:12px 16px; border:1px solid var(--t1-line); color:var(--t1-cherry); background:#fff; text-align:left; font:400 13px/1.5 var(--font-sans); }
.landing .v2-page .sdk-role-picker button[aria-pressed="true"] { border-color:var(--t1-cherry); background:#fff; box-shadow:inset 0 0 0 1px var(--t1-cherry); }
.landing .v2-page .sdk-role-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-top:16px; }
.landing .v2-page .sdk-role-grid button { display:flex; flex-direction:column; gap:14px; padding:24px; }
.landing .v2-page .sdk-role-grid strong { color:var(--t1-cherry); font-size:20px; line-height:1.25; font-weight:400; }
.landing .v2-page .sdk-role-grid span { color:#214d9e; font-size:12px; line-height:1.6; }
.landing .v2-page .sdk-filter-count { margin-top:18px; color:var(--t1-muted); font:10px/1.6 var(--font-mono); }
.landing .v2-page .sdk-preview-note { margin-top:12px; color:var(--t1-muted); font-size:10px; line-height:1.6; }
.landing .v2-page .sdk-categories a[hidden], .landing .v2-page .sdk-example[hidden] { display:none; }
@media(max-width:1100px) { .landing .v2-page .sdk-role-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .landing .v2-page .sdk-role-grid { grid-template-columns:1fr; } }
.landing .v2-page .sdk-categories a { display:inline-flex; align-items:center; gap:12px; padding:12px 16px; min-height:44px; border:1px solid var(--t1-line); color:var(--t1-ink); text-decoration:none; font:10px/1.5 var(--font-mono); }
.landing .v2-page .sdk-categories a span { font:12px/1.5 var(--font-sans); }
.landing .v2-page .sdk-categories a:hover { background:var(--t1-blue); color:var(--t1-paper); }
.landing .v2-page .sdk-example { padding-block:42px 48px; scroll-margin-top:calc(var(--landing-header-height,77px) + 20px); }
.landing .v2-page .sdk-example + .sdk-example { border-top:1px solid var(--t1-line); }
.landing .v2-page .sdk-example-heading { display:flex; gap:22px; align-items:flex-start; margin-bottom:24px; }
.landing .v2-page .sdk-number { flex:none; display:grid; place-items:center; width:38px; height:38px; margin-top:2px; background:var(--t1-blue); color:#f4f1e8; font:12px/1 var(--font-mono); }
.landing.gateway-shell .v2-page .sdk-example-heading h2 { font-size:calc(clamp(25px,2.4vw,34px) - 2px); }
.landing .v2-page .sdk-example-heading p { margin-top:10px; color:var(--t1-muted); }
.landing .v2-page .sdk-example-grid { display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:24px; align-items:start; }
.landing .v2-page .sdk-code-column { min-width:0; display:flex; flex-direction:column; }
.landing .v2-page .sdk-code-column > .sdk-code-panel { flex:1; }
.landing .v2-page .sdk-code-column pre.code { max-height:650px; scrollbar-color:#647fa7 #132244; }
.landing .v2-page .sdk-code-column pre.code:focus-visible { outline:2px solid #b8d5ff; outline-offset:-3px; }
.landing .v2-page .sdk-downloads { display:flex; flex-wrap:wrap; gap:12px 24px; margin-top:14px; }
.landing .v2-page .sdk-downloads a { display:inline-flex; align-items:center; gap:10px; min-height:44px; font-size:12px; }
.landing .v2-page .sdk-adapted { margin:6px 0 0; max-width:60ch; color:var(--t1-muted); font-size:10px; line-height:1.6; }
.landing .v2-page .sdk-notebook { align-self:flex-start; margin-top:14px; padding:0; border:0; background:transparent; color:var(--t1-ink); font-size:12px; }
.landing .v2-page .sdk-notebook:hover > span:first-of-type { text-decoration:underline; text-underline-offset:5px; }
.landing .v2-page .sdk-output { min-width:0; margin:0; display:flex; flex-direction:column; border:1px solid #34486b; background:#132244; }
.landing .v2-page .sdk-output-head { display:flex; justify-content:space-between; gap:20px; padding:16px 20px; color:#c0cfe4; background:#132244; font:10px/1.5 var(--font-mono); }
.landing .v2-page .sdk-chart-link { display:flex; align-items:center; flex:1; background:#132244; isolation:isolate; }
.landing .v2-page .sdk-output img { display:block; width:100%; height:auto; }
.landing .v2-page .sdk-output figcaption { margin-top:auto; padding:16px 20px; color:#c0cfe4; background:#132244; font-size:11px; line-height:1.65; }
.landing .v2-page .sdk-captured { display:block; margin-top:12px; font:9px/1.6 var(--font-mono); color:#afc1dc; }
.landing .v2-page .sdk-additional .sdk-example-grid { width:100%; }
.landing .v2-page .sdk-route-state { margin:0; padding:16px 24px 24px; color:#afc1dc; font-size:11px; line-height:1.65; }
.landing .v2-page .sdk-next { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:24px 48px; padding-block:48px 64px; border-top:1px solid var(--t1-line); }
.landing .v2-page .sdk-next p { max-width:58ch; margin-top:18px; }
.landing .v2-page .sdk-next .sdk-resource-links { margin:0; }
html[data-theme="dark"] .landing .v2-page .sdk-primary { color:#101d34; }
html[data-theme="dark"] .landing .v2-page .sdk-number { color:#101d34; }
@media(min-width:1100px) {
 .landing .v2-page .sdk-hero > p { white-space:nowrap; }
}
@media(max-width:1000px) {
 .landing .v2-page .sdk-start { gap:32px; grid-template-columns:1fr 1fr; }
 .landing .v2-page .sdk-code-panel pre.code { font-size:11px; padding:22px 18px; }
}
@media(max-width:780px) {
 .landing .v2-page .sdk-hero { padding-block:40px 36px; }
 .landing .v2-page .sdk-hero > p { font-size:16px; }
 .landing .v2-page :is(.sdk-start,.sdk-gallery-heading,.sdk-example-grid) { grid-template-columns:1fr; }
 .landing .v2-page .sdk-start { padding-block:32px 40px; }
 .landing .v2-page .sdk-gallery-heading { padding-top:36px; }
 .landing .v2-page .sdk-example { padding-block:30px; }
 .landing .v2-page .sdk-example-heading { gap:14px; }
 .landing .v2-page .sdk-number { width:30px; height:30px; font-size:10px; }
 .landing .v2-page .sdk-code-panel .surface-hd { padding:14px 18px; }
 .landing .v2-page .sdk-example-grid { gap:16px; }
 .landing .v2-page .sdk-next { padding-block:36px 44px; }
}