/* =============================================================================
   SWARNIL DESIGN SYSTEM · 3 — COMPONENTS
   Composed UI: things with variants, states, and parts that know about each
   other. A button is a component because it has six intents and five states;
   a badge is an element because it is a word in a shape.

   23-collection.css is the one that matters most — it is the theme's
   routes.yaml turned into cards, so every collection the site publishes has a
   defined shape instead of an improvised one.

   Requires 1-foundation and 2-elements.
   ========================================================================== */

@import url('./20-button.css?v=cds25');      /* 6 intents, 3 sizes, states, groups    */
@import url('./21-form.css?v=cds25');        /* field = label + control + hint + error */
@import url('./22-card.css?v=cds25');        /* the base card and its layouts         */
@import url('./23-collection.css?v=cds25');  /* one card per routes.yaml collection   */
@import url('./24-nav.css?v=cds25');         /* island, tabs, crumbs, pager, toc      */
@import url('./25-feedback.css?v=cds25');    /* alert, toast, empty state             */
@import url('./26-media.css?v=cds25');       /* player, poster, episode row, promo    */
@import url('./27-composite.css?v=cds25');   /* curriculum, episodes, buildlog, trip  */
@import url('./28-disclosure.css?v=cds25');  /* close, collapse, accordion, dropdown, list group, carousel, marquee */
@import url('./29-overlay.css?v=cds25');     /* modal, offcanvas, popover             */
@import url('./30-form-plus.css?v=cds25');   /* range, floating labels                */
@import url('./31-content.css?v=cds25');     /* long-form content — headings … kg-cards */
@import url('./32-editorial.css?v=cds25');   /* rail, chat, release, share            */
@import url('./33-navbar.css?v=cds25');      /* alignment, dropdown, mega, sheet, contexts */
@import url('./34-ad.css?v=cds25');          /* IAB ad slots — skeleton, lazy, hide  */
@import url('./35-timeline.css?v=cds25');    /* timeline — vertical, horizontal, alt, ranged */
@import url('./36-comment.css?v=cds25');     /* comments — thread, box, one level of replies */