/* blog.css
   Reconciled onto the site's design system on 2 September 2026, when 29 pages
   designed outside were merged in. Three kinds of rule were removed; the full
   list is in the commit, not here.

     1. Rules that re-styled SHARED shell components. This stylesheet loads
        AFTER palesas.css, so each one silently overrode the site-wide header,
        footer or nav ON THIS PAGE ONLY, while shell.mjs check called the page
        clean because the MARKUP was identical. A markup checker cannot see a
        stylesheet. That went for CLASS selectors and, in a second pass, for
        bare ELEMENT selectors too: one page stylesheet said nav{display:none}
        below 700px and was hiding the site's primary navigation.
     2. Rules for markup that no longer exists: the chrome this page arrived
        with, and its own hero.
     3. Document-level rules that fought palesas.css, which owns them.

   Colours are tokens now. palesas.css owns every shared component.

   Two things have already broken this banner, both worth knowing. It once
   PASTED THE REMOVED SELECTOR LIST INTO ITSELF, and that list held a star next
   to a slash, which closed the comment early and swallowed the next real rule.
   Then a sweep that counted braces without skipping comments read this prose
   as a selector and deleted words out of it. A tool that parses CSS must strip
   comments FIRST, and no generated text belongs inside one. */
.posts{padding:14px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.post{border:1px solid var(--pk-border);border-radius:var(--pk-r);overflow:hidden}.post img{width:100%;height:205px;object-fit:cover}.post div{padding:20px}.post h2{font:600 23px Outfit;color:var(--pk-primary);margin:7px 0}.post a{color:var(--pk-primary);font-weight:bold}.newsletter{background:var(--pk-cream);text-align:center;padding:var(--pk-band) 0}.newsletter input{padding:13px;border:1px solid var(--pk-border);width:250px}.newsletter button{padding:14px 18px;background:var(--pk-primary);color:var(--pk-primary-fg);border:0}@media(max-width:700px){.posts{grid-template-columns:1fr}}
/* --------------------------------------------------------------------------
   8 September 2026: the journal got its first four real posts, so the parts
   of this page that only render when there ARE posts are now reachable for
   the first time. Everything below is an addition to the block above, never
   an edit of it.

   Pagination: home.php has always called the_posts_pagination(), and nothing
   in any stylesheet this page loads had a rule for what it prints. Below
   eleven posts WordPress renders nothing at all, which is why an unstyled
   row of numbers has never appeared. It is styled here so that the eleventh
   post does not land on one.
   -------------------------------------------------------------------------- */
.pagination{display:flex;justify-content:center;padding:10px 0 var(--pk-band)}
.pagination .nav-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.pagination .page-numbers{display:grid;place-items:center;min-width:38px;height:38px;padding:0 12px;border:1px solid var(--pk-border);border-radius:var(--pk-pill);color:var(--pk-primary);text-decoration:none;font-size:14px;font-weight:600}
.pagination .page-numbers.current{background:var(--pk-primary);border-color:var(--pk-primary);color:var(--pk-primary-fg)}
.pagination .page-numbers.dots{border-color:transparent}
@media (hover:hover) and (pointer:fine){
  .pagination a.page-numbers:hover{border-color:var(--pk-primary)}
}