/* ==========================================================
   Pavyzdys: šio prototipo stiliai.
   Spalvos, tarpai, šriftai tik per var(--ds-*) iš ds/styles/tokens.css.
   ========================================================== */
.demo-section { margin-top: var(--ds-space-5xl); }
.demo-section h2 { margin-bottom: var(--ds-space-xl); }
.demo-row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ds-space-lg); }
.demo-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: var(--ds-space-3xl); max-width: 640px; }
.demo-card { max-width: 520px; }
.demo-more { padding-top: var(--ds-space-lg); }