/* Small reusable helpers retained from the old style.css.
   Page themes belong to the <style> block in each HTML file. */
.smallimg { width:35%; height:auto; max-width:100%; }
.medimg { width:55%; height:auto; max-width:100%; }
.btrfy {
  display:block;
  width:74%; height:40px;
  background-image:url("https://elilenti.neocities.org/webstuff/blueleafdivider.webp");
  background-size:contain; background-position:center; background-repeat:no-repeat;
  margin-left:auto; margin-right:auto;
}
.image-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin:1.5rem 0; }
.image-row img {width:100%;height:auto;display:block;}
.quotes {font-style:italic;padding-left:2rem;padding-right:2rem;}
@media(max-width:640px){.smallimg{width:55%;}.medimg{width:85%;}}