/* Restored 2012 archive: selectors are limited to this gallery and its viewer. */
#lotion-reviews { margin: 2rem 0 0; }
#lotion-reviews h4 { margin: 0 0 .75rem; font-size: clamp(1.2rem, 2vw, 1.5rem); line-height: 1.45; }
#lotion-reviews .history-reviews-intro { max-width: 54rem; color: #d2d7d2; font-size: 1rem; line-height: 1.75; }
#lotion-reviews .history-reviews-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; align-items: start; }
#lotion-reviews .history-review { min-width: 0; padding: 1.1rem; border: 1px solid #67746c; border-radius: .5rem; background: #303732; color: #f6f7f4; }
#lotion-reviews .history-review h5 { margin: 1rem 0 .75rem; font-family: inherit; font-size: 1rem; line-height: 1.5; color: inherit; overflow-wrap: anywhere; }
#lotion-reviews .history-review-thumb { display: block; padding: .5rem; border: 0; background: #fff; border-radius: .25rem; }
#lotion-reviews .history-review-thumb img { display: block; width: 100%; max-width: 100%; height: 12rem; max-height: none; object-fit: contain; margin: 0; border: 0; border-radius: 0; }
#lotion-reviews .history-review blockquote { border: 0; padding: 0; margin: 0 0 1rem; font-size: 1rem; line-height: 1.75; }
#lotion-reviews .history-review blockquote p { margin: 0; color: inherit; font-size: inherit; line-height: inherit; }
#lotion-reviews .history-review-details > summary { cursor: pointer; color: #d8e7db; font-size: .95rem; padding: .5rem 0; text-decoration: underline; text-underline-offset: .25rem; }
#lotion-reviews .history-review-details[open] > summary { margin-bottom: .5rem; }
#lotion-reviews .history-review-details p { font-size: 1rem; line-height: 1.8; color: inherit; }
#lotion-reviews .history-review-details .review-transcription-note { font-size: .85rem; line-height: 1.65; color: #cad2cb; }
#lotion-reviews .history-review-sources { padding-top: .75rem; border-top: 1px solid #67746c; display: flex; flex-direction: column; gap: .5rem; }
#lotion-reviews .history-review-sources a { font-size: .9rem; line-height: 1.6; color: #d8e7db; }
#lotion-reviews .history-reviews-more { margin-top: 1.25rem; }
#lotion-reviews .history-reviews-more > summary { cursor: pointer; padding: .8rem 1.1rem; border: 1px solid #849889; border-radius: .35rem; color: #f6f7f4; background: #39463d; font-size: 1rem; width: fit-content; max-width: 100%; box-sizing: border-box; }
#lotion-reviews .history-reviews-more[open] > summary { margin-bottom: 1.25rem; }
#lotion-reviews summary:focus-visible,
#lotion-reviews a:focus-visible { outline: 2px solid #96cfaa; outline-offset: 4px; }
@media (min-width: 601px) and (max-width: 1000px) {
  #lotion-reviews .history-reviews-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  #lotion-reviews .history-reviews-grid { grid-template-columns: minmax(0, 1fr); }
  #lotion-reviews .history-review-thumb img { height: 13rem; }
  #lotion-reviews .history-reviews-more > summary { width: 100%; }
}

#molisan-history-image-viewer {
  width: min(1120px, calc(100vw - 2rem));
  max-width: calc(100vw - 2rem);
  max-height: calc(100vh - 2rem);
  max-height: calc(100dvh - 2rem);
  margin: auto;
  padding: 0;
  border: 1px solid #849889;
  border-radius: .5rem;
  background: #272c28;
  color: #f6f7f4;
  box-sizing: border-box;
  overflow: auto;
  overscroll-behavior: contain;
}
#molisan-history-image-viewer::backdrop { background: rgb(0 0 0 / 80%); }
#molisan-history-image-viewer .history-viewer-panel { display: grid; grid-template-columns: minmax(0, 1fr); gap: .75rem; padding: 1rem; }
#molisan-history-image-viewer .history-viewer-close {
  justify-self: end;
  min-width: 44px;
  min-height: 44px;
  padding: .5rem .9rem;
  border: 1px solid #849889;
  border-radius: .3rem;
  background: #39463d;
  color: #f6f7f4;
  font: inherit;
  line-height: 1.4;
  cursor: pointer;
}
#molisan-history-image-viewer .history-viewer-image {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: calc(100vh - 11rem);
  max-height: calc(100dvh - 11rem);
  min-height: 0;
  margin: 0 auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  object-fit: contain;
  background: #fff;
}
#molisan-history-image-viewer .history-viewer-caption { margin: 0; color: inherit; font-size: .9rem; line-height: 1.6; overflow-wrap: anywhere; }
#molisan-history-image-viewer .history-viewer-close:focus-visible { outline: 2px solid #96cfaa; outline-offset: 3px; }