/* Blog index presentation stays here; posts remain ordinary Quarto documents. */
#title-block-header { margin:0 0 .65rem; }
#title-block-header h1.title { font-size:1.9rem; line-height:1.08; font-weight:400; letter-spacing:-.025em; margin:0; }
.blog-intro { color:var(--muted); font-size:.94rem; line-height:1.5; margin:0 0 1.9rem; }
.blog-intro p { margin:0; }
.blog-list { border-top:1px solid var(--line); padding-bottom:1rem; }
.blog-entry { display:grid; grid-template-columns:242px minmax(0,1fr); column-gap:4rem; align-items:center; padding:1.8rem .75rem; }
.blog-entry + .blog-entry { border-top:1px solid var(--line); }
.blog-thumbnail { display:block; width:242px; height:170px; padding:7px; border:1px solid var(--line); border-radius:2px; background:var(--paper); isolation:isolate; overflow:hidden; }
.blog-thumbnail:hover { border-color:var(--red); }
.blog-thumbnail:focus-visible { outline:2px solid var(--red); outline-offset:4px; }
/* Blend white pixels into the page without changing the original figure files. */
.blog-thumbnail img { display:block; width:100%; height:100%; object-fit:contain; mix-blend-mode:darken; }
/* Focus the regression thumbnail on the curve and its confidence limits. */
.blog-thumbnail img[src$="regression-confidence/quadratic-confidence.png"] {
  object-fit:cover;
  transform:scale(1.55);
  transform-origin:55% 95%;
}
.blog-copy { min-width:0; }
.blog-copy h2 { font-size:1.45rem; line-height:1.2; font-weight:400; border:0; padding:0; margin:0 0 .55rem; }
.blog-copy h2 a { color:var(--ink); }
.blog-copy h2 a:hover,.blog-copy h2 a:focus-visible { color:var(--red); }
.blog-date { color:#657080; font-size:.85rem; line-height:1.5; margin:0 0 .85rem; }
.blog-description { color:var(--muted); font-size:.94rem; line-height:1.55; margin:0 0 .75rem; }
.blog-description p { margin:0; }
.blog-topics { display:flex; flex-wrap:wrap; gap:.25rem 0; color:#657080; font-size:.73rem; line-height:1.5; list-style:none; padding:0; margin:0 0 .75rem; }
.blog-topics li { margin:0; padding:0; }
.blog-topics li + li::before { content:'·'; display:inline-block; padding:0 .55rem; color:#7c8189; }
.blog-read { display:inline-block; font-size:.85rem; line-height:1.5; }
.blog-entry-no-image { grid-template-columns:1fr; }
@media(max-width:1000px) {
  .blog-entry { grid-template-columns:210px minmax(0,1fr); column-gap:2.4rem; }
  .blog-thumbnail { width:210px; height:155px; }
  .blog-copy h2 { font-size:1.35rem; }
  .blog-entry-no-image { grid-template-columns:1fr; }
}
@media(max-width:760px) {
  .blog-entry { grid-template-columns:165px minmax(0,1fr); column-gap:1.6rem; padding:1.5rem 0; }
  .blog-thumbnail { width:165px; height:140px; }
  .blog-entry-no-image { grid-template-columns:1fr; }
}
@media(max-width:560px) {
  #title-block-header h1.title { font-size:1.85rem; }
  .blog-intro { margin-bottom:1.5rem; }
  .blog-entry { grid-template-columns:1fr; row-gap:1.25rem; }
  .blog-thumbnail { width:min(242px,100%); height:170px; justify-self:center; }
}