@import"https://fonts.googleapis.com/css2?family=Epilogue:wght@300;400;500;600;700;800&family=Lora:ital,wght@0,400;1,400;1,500&family=JetBrains+Mono:wght@500;700&display=swap";:root{--green-dark: #173D37;--green-hover: #0F2A25;--green-medium: #1E5349;--green-light: #2A685E;--accent: #C4501A;--accent-hover: #A8441A;--accent-light: #D4671F;--cream: #EFF5F3;--accent-tint: #FDF0E8;--green-tint: #E8F0ED;--bg-light: #F4F7F6;--white: #FFFFFF;--charcoal: #0D1F1C;--body-text: #3A4E48;--text-light: #6B8078;--border: #D0DCD8;--success: #22c55e;--success-bg: #dcfce7;--warning: #f59e0b;--warning-bg: #fef3c7;--error: #dc2626;--error-bg: #fee2e2;--font-primary: "Epilogue", sans-serif;--font-accent: "Lora", serif;--font-mono: "JetBrains Mono", monospace;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 12px 32px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);--shadow-focus: 0 0 0 3px rgba(196,80,26,.15);--section-padding: clamp(80px, 10vw, 140px);--container-max: 1200px;--container-narrow: 820px;--ease-out: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);font-size:16px;line-height:1.7;color:var(--body-text);background:var(--white)}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{border:none;cursor:pointer;font-family:var(--font-primary)}.ds-layout{display:flex;min-height:100vh}.ds-sidebar{width:260px;flex-shrink:0;background:var(--charcoal);color:#ffffffb3;padding:32px 0;position:fixed;top:0;left:0;bottom:0;overflow-y:auto;z-index:100}.ds-sidebar-title{font-size:15px;font-weight:700;color:var(--white);padding:0 24px;margin-bottom:8px}.ds-sidebar-subtitle{font-size:12px;color:#fff6;padding:0 24px;margin-bottom:32px}.ds-sidebar a{display:block;padding:8px 24px;font-size:14px;color:#ffffff80;transition:all .15s ease}.ds-sidebar a:hover{color:var(--white);background:#ffffff0f}.ds-sidebar a.active{color:var(--white);background:#ffffff1a;border-left:3px solid var(--accent);padding-left:21px}.ds-sidebar-group{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffff4d;padding:24px 24px 8px}.ds-main{margin-left:260px;flex:1;padding:48px 56px;max-width:960px}.ds-section{margin-bottom:80px}.ds-section-title{font-family:var(--font-primary);font-weight:800;font-size:32px;color:var(--green-dark);margin-bottom:8px;letter-spacing:-.02em}.ds-section-desc{font-size:16px;color:var(--text-light);margin-bottom:40px;max-width:640px;line-height:1.7}.ds-subsection{margin-bottom:48px}.ds-subsection-title{font-weight:700;font-size:18px;color:var(--green-dark);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border)}.ds-example{background:var(--bg-light);border:1px solid var(--border);border-radius:12px;padding:32px;margin-bottom:16px}.ds-example--dark{background:var(--green-dark)}.ds-example--cream{background:var(--bg-light)}.ds-code{background:var(--charcoal);color:#fffc;border-radius:8px;padding:16px 20px;font-family:var(--font-mono);font-size:13px;line-height:1.6;overflow-x:auto;margin-bottom:24px;white-space:pre}.ds-token-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:24px}.ds-token-card{background:var(--white);border:1px solid var(--border);border-radius:8px;overflow:hidden}.ds-token-swatch{height:56px}.ds-token-info{padding:10px 12px}.ds-token-name{font-family:var(--font-mono);font-size:12px;color:var(--green-dark);font-weight:700}.ds-token-value{font-family:var(--font-mono);font-size:11px;color:var(--text-light);margin-top:2px}.ds-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.ds-shadow-card{width:120px;height:80px;background:var(--white);border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;color:var(--text-light)}.ds-type-sample{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border)}.ds-type-sample:last-child{border-bottom:none}.ds-type-meta{font-family:var(--font-mono);font-size:11px;color:var(--text-light);margin-top:6px}.ds-table{width:100%;border-collapse:collapse;font-size:14px;margin-bottom:24px}.ds-table th{text-align:left;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-light);padding:8px 12px;border-bottom:2px solid var(--border)}.ds-table td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:top}.ds-table td:first-child{font-family:var(--font-mono);font-size:13px;color:var(--green-dark);font-weight:500}.ds-note{background:var(--accent-tint);border-left:3px solid var(--accent);border-radius:0 8px 8px 0;padding:12px 16px;font-size:14px;line-height:1.6;margin-bottom:24px;color:var(--body-text)}@media(max-width:768px){.ds-sidebar{display:none}.ds-main{margin-left:0;padding:24px}}