/* sdk.css */
.sdk-header{background:var(--navy-deep);padding:80px 32px 60px;}
.sdk-header-title{font-family:var(--font-display);font-size:clamp(44px,6vw,72px);font-weight:300;color:var(--white);margin-bottom:12px;line-height:1;}
.sdk-header-sub{font-size:18px;color:rgba(255,255,255,0.55);max-width:600px;line-height:1.7;margin-bottom:24px;}
.sdk-header-badges{display:flex;gap:8px;flex-wrap:wrap;}
.sdk-what-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;}
.sdk-props{display:flex;flex-direction:column;gap:16px;margin-top:24px;}
.sdk-prop{display:flex;align-items:flex-start;gap:14px;}
.sdk-prop-icon{font-size:24px;flex-shrink:0;}
.sdk-prop-name{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:4px;}
.sdk-prop-desc{font-size:14px;color:var(--gray-600);}
.sdk-structure-visual{background:var(--navy);border-radius:var(--radius-xl);padding:28px;}
.sdk-folder-tree{font-family:var(--font-mono);font-size:14px;display:flex;flex-direction:column;gap:4px;}
.sft-root{color:var(--gold);font-weight:700;margin-bottom:4px;}
.sft-folder{color:rgba(255,255,255,0.5);}
.sft-file{color:rgba(255,255,255,0.45);padding:3px 6px;border-radius:var(--radius-sm);transition:var(--transition);}
.sft-file.active,.sft-file.highlight{color:var(--gold);background:rgba(201,168,76,0.1);}
.inline-code{font-family:var(--font-mono);font-size:0.9em;background:var(--gray-100);padding:2px 6px;border-radius:var(--radius-sm);color:var(--navy);}
.sdk-files-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.sdk-file-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:24px;transition:var(--transition);}
.sdk-file-card:hover{border-color:var(--navy);box-shadow:var(--shadow-sm);}
.sdk-file-card-featured{border-color:var(--gold);background:rgba(201,168,76,0.02);}
.sfc-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;flex-wrap:wrap;}
.sfc-filename{font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--navy);}
.sfc-desc{font-size:14px;color:var(--gray-600);line-height:1.6;margin-bottom:14px;}
.sfc-example{background:var(--navy);border-radius:var(--radius-sm);padding:12px 14px;}
.sfc-example-label{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);margin-bottom:8px;}
.sfc-example code{font-family:var(--font-mono);font-size:12px;color:rgba(255,255,255,0.7);line-height:1.6;display:block;white-space:pre-line;}
.sdk-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;align-items:start;}
.sdk-step{padding:0 20px;text-align:center;}
.sdk-step-num{font-family:var(--font-display);font-size:48px;font-weight:300;color:var(--gold);opacity:0.6;margin-bottom:8px;}
.sdk-step-name{font-size:16px;font-weight:700;color:var(--navy);margin-bottom:8px;}
.sdk-step-desc{font-size:14px;color:var(--gray-600);line-height:1.6;}
.sdk-step-connector{font-size:24px;color:var(--gold);opacity:0.3;display:flex;align-items:center;padding-top:20px;justify-content:center;}
@media(max-width:1024px){.sdk-what-grid{grid-template-columns:1fr;gap:40px;}.sdk-files-grid{grid-template-columns:repeat(2,1fr);}.sdk-steps{grid-template-columns:1fr 1fr;gap:32px;}.sdk-step-connector{display:none;}}
@media(max-width:640px){.sdk-files-grid{grid-template-columns:1fr;}.sdk-steps{grid-template-columns:1fr;}}