/* ──────────────────────────────────────────────────────────────────────────
   style.css — entry point. The styles are split into small, clustered sheets
   by concern; this file just pulls them in. Edit the partial that owns the
   thing you're changing.

     tokens   design tokens (colours, fonts, type scale), reset, html/body
     base     links, focus, and the shared typography patterns
     layout   centred content column, deco images, hide utility
     nav      top menu
     home     index page — hero, filter bar, card grid
     search   search bar + results dropdown (home and post pages)
     post     article header + rendered markdown body
     code     inline code, code blocks, syntax highlighting
     bio      about page
     footer   bottom bar
     a11y     screen-reader + skip-link helpers

   (comments.css is loaded separately, only on post pages.)

   Load order matters: tokens first (defines the variables), base next (links
   + the shared font groups), then components. Co-locating each component's
   responsive @media rules in its own sheet keeps overrides next to the
   base rule they adjust. Remote @imports (web fonts) come first, as the
   spec requires all @import rules to precede other rules. */
@import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=JetBrains+Mono:wght@400;500&display=swap');
@import url("tokens.css?v=18");
@import url("base.css?v=18");
@import url("layout.css?v=18");
@import url("nav.css?v=18");
@import url("home.css?v=18");
@import url("search.css?v=18");
@import url("post.css?v=18");
@import url("code.css?v=18");
@import url("bio.css?v=18");
@import url("footer.css?v=18");
@import url("a11y.css?v=18");