/* Additions for the static archive */
.entry img, .commentwrap img { max-width: 100%; height: auto; }
.entry iframe { max-width: 100%; }
audio { display: block; margin: 8px 0; max-width: 100%; }
.portfolio { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 20px; }
.portfolio img { width: 120px; height: 90px; object-fit: cover; border: 1px solid #000; }
#lb { position: fixed; inset: 0; background: rgba(0,0,0,.85); display: none; align-items: center;
      justify-content: center; z-index: 1000; cursor: zoom-out; flex-direction: column; }
#lb.on { display: flex; }
#lb img { max-width: 92vw; max-height: 84vh; border: 4px solid #fff; }
#lb p { color: #fff; font: 13px Helvetica, Arial, sans-serif; margin: 8px; }
#lb button { position: absolute; top: 50%; background: none; border: 0; color: #fff; font-size: 40px; cursor: pointer; }
#lb .prev { left: 10px; } #lb .next { right: 10px; }