.etchwpkits-docs__tabs{display:flex;flex-direction:column;gap:32px}.etchwpkits-docs__panel{display:flex;flex-direction:column;gap:24px}.etchwpkits-docs__panel--faq{gap:16px}.etchwpkits-docs__steps{display:flex;flex-direction:column;gap:16px}.etchwpkits-docs__step{display:flex;gap:12px}.etchwpkits-docs__step-num{flex-shrink:0;width:32px;height:32px;border-radius:9999px;background:hsl(var(--foreground));color:hsl(var(--background));display:flex;align-items:center;justify-content:center;font-weight:600}.etchwpkits-docs__step-title{font-size:1.125rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 4px}.etchwpkits-docs__step-text{color:hsl(var(--muted-foreground));margin:0}.etchwpkits-docs__features{display:grid;grid-template-columns:1fr;gap:16px}.etchwpkits-docs__feature{display:flex;gap:12px}.etchwpkits-docs__feature-icon{width:1.25rem;height:1.25rem;flex-shrink:0;margin-top:.125rem;color:hsl(var(--foreground))}.etchwpkits-docs__feature-title{font-size:1.125rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 4px}.etchwpkits-docs__feature-text{font-size:.875rem;line-height:1.55;color:hsl(var(--muted-foreground));margin:0}.etchwpkits-docs__walk{display:flex;flex-direction:column;gap:24px}.etchwpkits-docs__walk-title{font-size:1.125rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 8px}.etchwpkits-docs__walk-text,.etchwpkits-docs__bem-intro{color:hsl(var(--muted-foreground));margin:0}.etchwpkits-docs__bem-list{display:flex;flex-direction:column;gap:12px}.etchwpkits-docs__bem-item{padding:15px;background:hsl(var(--muted));border:1px solid hsl(var(--gray-7));border-radius:.5rem}.etchwpkits-docs__bem-token{font-family:var(--ewk-mono);font-size:.875rem;color:hsl(var(--foreground));margin:0 0 8px}.etchwpkits-docs__bem-desc{font-size:.875rem;color:hsl(var(--muted-foreground));margin:0}.etchwpkits-docs__example{padding:16px;background:hsl(var(--accent) / .1);border:1px solid hsl(var(--gray-7));border-radius:.5rem}.etchwpkits-docs__example-title{font-size:1.125rem;font-weight:600;color:hsl(var(--foreground));margin:0 0 8px}.etchwpkits-docs__code{font-family:var(--ewk-mono);font-size:.875rem;color:hsl(var(--foreground));margin:0;overflow-x:auto}.etchwpkits-docs__glossary-group{display:flex;flex-direction:column;gap:12px}.etchwpkits-docs__glossary-list{display:flex;flex-direction:column;gap:8px}.etchwpkits-docs__skeletons{display:flex;flex-direction:column;gap:16px}.etchwpkits-docs__skeleton{height:80px;border-radius:.75rem;background:hsl(var(--muted))}.etchwpkits-docs__accordion{background:hsl(var(--gray-1));border:1px solid hsl(var(--gray-7));border-radius:.75rem;overflow:hidden;transition:all .3s;box-shadow:0 2px 8px #0000000a}.etchwpkits-docs__accordion-trigger{width:100%;text-align:left;padding:20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:colors .2s}.etchwpkits-docs__accordion-label{font-weight:600}.etchwpkits-docs__accordion-label--question{padding-right:16px}.etchwpkits-docs__accordion-icon{width:1.25rem;height:1.25rem;flex-shrink:0;color:hsl(var(--muted-foreground));transition:transform .2s}.etchwpkits-docs__accordion-icon--open{transform:rotate(45deg)}.etchwpkits-docs__accordion-body{padding:0 20px 20px;display:flex;flex-direction:column;gap:12px}.etchwpkits-docs__accordion-text{color:hsl(var(--muted-foreground));margin:0}.etchwpkits-docs__accordion-detail{font-size:.875rem;color:hsl(var(--muted-foreground));margin:0}.etchwpkits-docs__values{margin-top:12px;display:flex;flex-direction:column;gap:8px}.etchwpkits-docs__values-label{font-size:.875rem;font-weight:500;color:hsl(var(--foreground));margin:0}.etchwpkits-docs__values-grid{display:grid;gap:8px}.etchwpkits-docs__value{display:flex;align-items:flex-start;gap:8px;font-size:.875rem;background:hsl(var(--muted) / .5);border:1px solid hsl(var(--gray-7));padding:7px;border-radius:.25rem}.etchwpkits-docs__value-key{font-family:var(--ewk-mono);font-size:.75rem;background:hsl(var(--muted));box-shadow:inset 0 0 0 1px hsl(var(--gray-7));padding:2px 6px;border-radius:.25rem}.etchwpkits-docs__value-desc{color:hsl(var(--muted-foreground))}.etchwpkits-docs__empty{padding-block:48px;text-align:center;color:hsl(var(--muted-foreground))}@media (min-width: 768px){.etchwpkits-docs__features{grid-template-columns:1fr 1fr}}