/* Blog styles — edit this file to restyle your blog.
   It controls the look of your /blog index AND every post page, and loads AFTER the built-in blog
   styles. The blog also inherits your site's header, footer, fonts and colors automatically.

   NOTE: the built-in styles set some text colors with !important. To recolor text, use the SAME
   selector shape shown below AND add !important — because this file loads last, an equal-specificity
   !important rule wins. (Plain properties like spacing/size override without !important.)

   Handy hooks:
     .arbor-blog                 a single post (the white card surface)
     .arbor-blog .ab-title       post title        .arbor-blog .ab-meta      post date / byline
     .arbor-blog .ab-body        post body text    .arbor-blog .ab-body h2   section headings
     .ab-tldr                    the TL;DR box     .ab-toc                   the contents sidebar
     .ab-h1                      the "Blog" heading on the index
     .ab-grid                    the index grid    .ab-card                  an index card
     .ab-card h2                 card title        .ab-card .ab-desc  card blurb   .ab-card .ab-meta  card date

   Example — bigger, navy post titles:  .arbor-blog .ab-title{ color:#0b2545!important; font-size:38px } */