.col-h2{font-family:Plus Jakarta Sans,sans-serif;font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:#1a1a1a;margin:3rem 0 1rem;line-height:1.2}.col-h2:first-of-type{margin-top:0}.col-h3{font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#1a1a1a99;margin:1.75rem 0 .85rem}.col-p{font-family:Inter,sans-serif;font-size:1.025rem;line-height:1.7;color:#1a1a1abf;margin:0 0 1rem}.col-swatch-group{display:grid;grid-template-columns:1fr;gap:.65rem;margin:.75rem 0 1.5rem}.col-swatch{display:grid;grid-template-columns:5rem 11rem 1fr;gap:1rem;align-items:center;border-radius:.65rem;overflow:hidden;border:1px solid rgba(26,26,26,.08);background:#fff}@media(max-width:600px){.col-swatch{grid-template-columns:4rem 1fr}.col-swatch-use{grid-column:1 / -1;padding:0 1rem .85rem}}.col-swatch-chip{height:100%;min-height:3.25rem;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:700;letter-spacing:.04em}.col-swatch-chip.light{color:#fffffff2}.col-swatch-chip.dark{color:#1a1a1ad9}.col-swatch-meta{padding:.7rem 0;font-family:JetBrains Mono,monospace;font-size:.78rem;color:#1a1a1ad9;line-height:1.45}.col-swatch-token{font-weight:700;color:#1a1a1a}.col-swatch-use{padding:.7rem 1rem .7rem 0;font-family:Inter,sans-serif;font-size:.9rem;color:#1a1a1aa6;line-height:1.5}.col-typo{display:grid;gap:1.25rem;margin:.5rem 0 1.5rem}.col-type-card{border-radius:.85rem;border:1px solid rgba(26,26,26,.08);padding:1.5rem 1.75rem;background:#fff}.col-type-label{font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#1a1a1a8c;margin:0 0 .85rem}.col-type-sample-display{font-family:Plus Jakarta Sans,sans-serif;font-size:2.4rem;font-weight:800;letter-spacing:-.025em;line-height:1.05;color:#1a1a1a;margin:0 0 .5rem}.col-type-sample-body{font-family:Inter,sans-serif;font-size:1.05rem;font-weight:400;line-height:1.65;color:#1a1a1a;margin:0 0 .5rem}.col-type-sample-mono{font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:600;letter-spacing:.02em;color:#1a1a1a;margin:0 0 .5rem}.col-type-meta{font-family:JetBrains Mono,monospace;font-size:.72rem;color:#1a1a1a8c;margin:0}.col-component{border-radius:.85rem;border:1px solid rgba(26,26,26,.08);padding:1.5rem 1.75rem;background:#fff;margin-bottom:1.25rem}.col-component h4{font-family:Plus Jakarta Sans,sans-serif;font-size:1.1rem;font-weight:800;color:#1a1a1a;margin:0 0 .4rem;letter-spacing:-.01em}.col-component p{font-family:Inter,sans-serif;font-size:.93rem;color:#1a1a1aa6;line-height:1.55;margin:0 0 1rem}.col-component-demo{display:flex;flex-wrap:wrap;gap:.85rem;align-items:center;padding:1.25rem;background:var(--color-brand-cream);border-radius:.65rem;margin-top:.5rem}.col-btn-primary{background:var(--color-brand-green);color:#fff;border:none;border-radius:9999px;padding:.65rem 1.25rem;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:.9rem;cursor:default}.col-btn-ghost{background:transparent;color:var(--color-brand-ink);border:1.5px solid var(--color-brand-ink);border-radius:9999px;padding:.55rem 1.15rem;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:.9rem;cursor:default}.col-badge{display:inline-flex;align-items:center;gap:.4rem;background:var(--color-brand-yellow);color:var(--color-brand-ink);border:2px solid var(--color-brand-ink);border-radius:9999px;padding:.4rem .9rem;font-family:JetBrains Mono,monospace;font-weight:700;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;box-shadow:3px 3px 0 var(--color-brand-ink)}.col-eyebrow{font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-brand-green)}.col-card-example{background:#fff;border:1.5px solid rgba(26,26,26,.1);border-radius:.85rem;padding:1.25rem 1.5rem;box-shadow:3px 3px 0 var(--color-brand-yellow);width:100%;max-width:28rem}.col-card-example h5{font-family:Plus Jakarta Sans,sans-serif;font-size:1.05rem;font-weight:800;margin:.4rem 0 .35rem;color:#1a1a1a}.col-card-example p{font-family:Inter,sans-serif;font-size:.88rem;color:#1a1a1aa6;margin:0}