@import url("./tokens.css");
@import url("./type.css");
@import url("./layout.css");
@import url("./a11y.css");
@import url("./components/post-card.css");
@import url("./components/post-rail.css");
@import url("./qntns/tokens.css");
@import url("./qntns/card.css");
@import url("./qntns/card-back.css");
@import url("./qntns/pagination.css");
@import url("./qntns/card-group.css");
@import url("./qntns/home.css");
@import url("./qntns/fund.css");
/* After card-group.css: the history page reuses the feed's classes and this
   file only adds the empty state. See assets/css/qntns/history.css. */
@import url("./qntns/history.css");
/* After card-group.css: the author archive reuses the feed's classes and this
   file only adds the masthead above them. See assets/css/qntns/author.css. */
@import url("./qntns/author.css");
@import url("./qntns/sound.css");
/* After sound.css, which styles the search TOGGLE alongside the other three
   bar controls, and after card-group.css, whose grid and feed this replaces
   while a search is up. See assets/css/qntns/search.css. */
@import url("./qntns/search.css");
@import url("./qntns/content.css");
@import url("./qntns/content-cards.css");
/* After content-cards.css: the slideshow card wears the audio card's rules,
   and this file adds only what they don't cover. */
@import url("./qntns/slideshow.css");
@import url("./qntns/drawer.css");
@import url("./qntns/footnotes.css");
@import url("./qntns/postcard.css");
@import url("./qntns/code.css");

* { box-sizing: border-box; }

body {
    min-height: 100vh;
    margin: 0;
    background: var(--color-background);
}

img,
picture,
video,
svg { max-width: 100%; }