/* Reading layout for the complete illustrated reflex collection. */
#reflex-series { scroll-margin-top: 110px; }
#reflex-series .series-print { display: flex; align-items: center; justify-content: center; }
#reflex-series .series-print .image-zoom { width: 100%; height: 580px; }
#reflex-series .series-editorial { min-width: 0; padding: 28px; }
#reflex-series .explorer-copy { padding-top: 16px; }
#reflex-series .explorer-copy h4 { font-size: 31px; }
#reflex-series .explorer-copy > p { margin: 0 0 18px; }
.reflex-explanation { margin: 0; }
.reflex-explanation > div { display: grid; grid-template-columns: 80px minmax(0, 1fr); gap: 12px; padding: 13px 0; border-top: 1px solid #e6dfd2; }
.reflex-explanation dt { padding-top: 3px; font-size: 9px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: #87674c; }
.reflex-explanation dd { margin: 0; font-size: 13px; line-height: 1.65; color: #475a5a; }
#reflex-series .explorer-copy .reflex-context { margin: 14px 0 0; padding-left: 12px; border-left: 2px solid #d5c7ae; font-size: 12px; line-height: 1.65; color: #736e62; }
#reflex-series .series-links { margin: 18px 0 0; gap: 8px; }
#reflex-series .series-reference { line-height: 1.6; }
.series-collection { grid-column: 1 / -1; min-width: 0; padding: 23px; border-top: 1px solid #ddd5c5; background: #f8f5ed; }
.series-collection-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 15px; }
.series-navigation { display: flex; gap: 7px; }
.series-navigation button { width: 38px; height: 34px; padding: 0; border: 1px solid #cfc8b8; border-radius: 5px; background: #fffdf8; color: #344c50; font-size: 20px; cursor: pointer; }
.series-navigation button:hover { background: #e2eeea; border-color: #63948c; }
#reflex-series .series-issues { grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 0; gap: 10px; }
#reflex-series .series-issue { min-width: 0; gap: 10px; padding: 10px; }
#reflex-series .series-issue > img { flex: 0 0 34px; width: 34px; height: 60px; object-fit: contain; }
#reflex-series .series-issue > span { min-width: 0; }
#reflex-series .series-issue strong { display: block; font-size: 12px; line-height: 1.4; }
#reflex-series .series-issue small { font-size: 8px; line-height: 1.4; text-transform: uppercase; }
#reflex-series .series-issue-arrow { display: none; }
#reflex-series button:focus-visible, #reflex-series a:focus-visible { outline: 3px solid #3e8175; outline-offset: 3px; }
@media (max-width: 1000px) {
  #reflex-series .series-issues { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #reflex-series .series-editorial { padding: 22px; }
  #reflex-series .series-issue strong { font-size: 13px; }
  .reflex-explanation > div { grid-template-columns: 68px minmax(0, 1fr); gap: 9px; }
}
@media (max-width: 700px) {
  #reflex-series .series-print .image-zoom { height: 420px; }
  #reflex-series .series-editorial { padding: 24px 20px; }
  #reflex-series .explorer-copy h4 { font-size: 29px; }
  .series-collection { padding: 18px 12px; }
  .series-collection-heading { padding: 0 4px; }
  #reflex-series .series-issue { padding: 8px; gap: 8px; }
  #reflex-series .series-issue > img { flex-basis: 27px; width: 27px; height: 51px; }
  #reflex-series .series-issue strong { font-size: 11px; }
  #reflex-series .series-issue small { font-size: 7px; }
}