/* blog part 3 of 3. Generated by build_blog.py; edit theme/blog/blog.css or the master prototype. */

@media(max-width:640px){
  .bp .bp-rail{display:none}
  .bp .bp-meta{gap:4px 14px}
  .bp .bp-meta span+span::before{display:none}
  .bp .bp-cards{grid-template-columns:1fr}
  .bp .bp-body .bp-pair{grid-template-columns:1fr}
  .bp .bp-body p,.bp .bp-body li{font-size:17px}
}
@media(prefers-reduced-motion:reduce){
  .bp .bp-card .bp-card-img img{transition:none}
}

/* ---- chrome fixes that only show on blog views */
/* The Reading Progress Bar plugin paints #ff0000 on a white track from its own settings. Match the
   site accent instead; its runtime <style> sits later in the page, so these need !important. */
.tds-blog progress.readingProgressbar{background-color:transparent!important;color:var(--accent)!important;height:3px!important;border:0}
.tds-blog progress.readingProgressbar::-webkit-progress-bar{background-color:transparent!important}
.tds-blog progress.readingProgressbar::-webkit-progress-value{background-color:var(--accent)!important}
.tds-blog progress.readingProgressbar::-moz-progress-bar{background-color:var(--accent)!important}