.blog-page .feature-hero h1{max-width:19ch}.blog-back{color:var(--gold);font-weight:700}.blog-prose{padding-block:clamp(2rem,5vw,4rem)}.blog-prose h2{font:800 clamp(1.5rem,3vw,2rem)/1.2 "Libre Franklin",sans-serif;color:var(--navy);margin:2.5rem 0 1rem}.blog-prose ul{padding-left:1.4rem;margin-bottom:1.5rem}.blog-prose li{margin-bottom:.6rem}.blog-graphic{margin:2rem 0}.blog-graphic img{display:block;width:100%;height:auto;border:1px solid var(--line)}.blog-graphic figcaption{font-size:1rem;line-height:1.5;padding:.75rem 0}.blog-sources{border-top:2px solid var(--line);margin-top:2.5rem}.blog-sources a{overflow-wrap:anywhere}.blog-list{padding-block:clamp(2rem,5vw,4rem)}.blog-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:2rem;padding:1.5rem;border:1px solid var(--line);background:var(--white)}.blog-card img{display:block;width:100%;height:auto}.blog-card h3{font:800 clamp(1.5rem,3vw,2.25rem)/1.2 "Libre Franklin",sans-serif;margin:.75rem 0}.blog-card h3 a{color:var(--navy)}.blog-card p{line-height:1.65}.blog-page a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.blog-page .feature-hero a:focus-visible{outline-color:var(--gold)}@media(max-width:700px){.blog-card{grid-template-columns:1fr;padding:1rem;gap:1rem}}

.archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin:1.5rem 0 3rem}.archive-card{padding:1.5rem;border:1px solid var(--line);border-top:4px solid var(--red);background:var(--white);min-width:0}.archive-card h3{font:800 clamp(1.35rem,2.5vw,1.8rem)/1.25 "Libre Franklin",sans-serif;margin:.75rem 0}.archive-card a{color:var(--navy)}.archive-card p{line-height:1.65}.archive-meta{font-size:.95rem}.archive-note{padding:1.25rem;border-left:4px solid var(--blue);background:var(--white);margin-bottom:2rem;font-size:1rem;line-height:1.6}.archive-note p{margin:0 0 .5rem}.archive-note p:last-child{margin-bottom:0}.blog-list>h2:not(:first-child){margin-top:3rem}@media(max-width:700px){.archive-grid{grid-template-columns:1fr}}

/* Compact versions of the existing article artwork, without cropping. */
.blog-card{grid-template-columns:220px minmax(0,1fr);align-items:start}.blog-card-image{max-width:220px}.blog-card-image img{object-fit:contain;max-height:220px}.archive-thumbnail{display:block;max-width:240px;margin:1rem 0}.archive-thumbnail img{display:block;width:100%;height:auto;max-height:160px;object-fit:contain;object-position:left center}@media(max-width:700px){.blog-card{grid-template-columns:1fr}.blog-card-image{max-width:180px}}

/* Article artwork stays complete; opening the article provides readable text and the full image. */
.blog-page .archive-thumbnail{display:flex;align-items:center;justify-content:flex-start;width:100%;max-width:100%;height:240px;margin:1rem 0 1.25rem}
.blog-page .archive-thumbnail img{display:block;width:auto;max-width:100%;height:auto;max-height:240px;object-fit:contain}
.blog-page .blog-card{grid-template-columns:220px minmax(0,1fr)}
.blog-page .blog-card-image{display:block;width:220px;max-width:100%}
.blog-page .blog-card-image img{max-height:220px;object-fit:contain}
.graphic-text{margin:0 0 2rem;padding:1rem;border:1px solid var(--line);background:var(--white);line-height:1.65}
.graphic-text summary{cursor:pointer;font-weight:700}
.graphic-text p{margin:1rem 0 0}
.blog-graphic{scroll-margin-top:2rem}
@media(max-width:700px){.blog-page .blog-card{grid-template-columns:1fr}.blog-page .archive-thumbnail{height:220px}.blog-page .archive-thumbnail img{max-height:220px}}