@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");
/* NEITHER THE FIRST-PAINT GATE NOR ITS LOADING BAR IS IMPORTED HERE, AND
   THAT IS THE POINT OF THEM (CHECKLIST-15 §66, §70). Both live in inline
   <style> blocks in default.hbs — the only rules in this theme that do.
   An @import is a SECOND SERIAL ROUND TRIP: the browser fetches this file,
   parses it, finds the line, and only then fetches the next one. That round
   trip is precisely the window the gate holds and the bar covers, so rules
   served from here would arrive about the moment they stopped being needed
   — and the gate arriving late is worse than no gate, because the raw
   content paints first and the bar lands on top of it. The long comments
   above those two <style> blocks are where both components are documented. */
@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");
@import url("./qntns/graffiti.css");
@import url("./qntns/goal-meditation.css");
@import url("./qntns/goal-stewardship.css");
@import url("./qntns/goal-projects.css");
@import url("./qntns/goal-savings.css");
@import url("./qntns/goal-friends.css");
@import url("./qntns/goal-feedback.css");
@import url("./qntns/goal-log.css");
@import url("./qntns/goal-mood.css");
@import url("./qntns/goal-spending.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");
/* The views menu, a Storybook mock-up until CHECKLIST-25 item 5 wires it.
   See assets/css/qntns/views-menu.css. */
@import url("./qntns/views-menu.css");
/* The gear menu beside Search (CHECKLIST-26 §13). After views-menu.css. */
@import url("./qntns/settings-menu.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");
/* CHECKLIST-15: the store listing, the ToC and pinned chapter heads, audio
   chapters, and the password gate. After content-cards.css, whose audio card
   and button rules they extend. */
@import url("./qntns/listing.css");
@import url("./qntns/toc.css");
@import url("./qntns/chapters.css");
@import url("./qntns/lock.css");
@import url("./qntns/drawer.css");
@import url("./qntns/footnotes.css");
@import url("./qntns/postcard.css");
@import url("./qntns/code.css");
/* LAST, and the position is the whole reason it is here rather than beside the
   other qntns files. The toast is fixed over everything and claims z-index 6,
   one above the footer bar's 5; importing it last means no later file can
   quietly win the tie. See assets/css/qntns/toast.css. */
@import url("./qntns/toast.css");

* { box-sizing: border-box; }

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

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