.brochure-reader { display: grid; gap: 36px; }
.brochure-heading, .brochure-section { width: min(100%, 820px); margin-inline: auto; }
.brochure-heading h2 { margin-bottom: 8px; }
.brochure-heading p { color: #526563; }
.brochure-section h3 { margin: 0 0 12px; color: #153e35; font-size: 18px; }
.brochure-panel { position: relative; display: block; width: 100%; padding: 0; border: 0; background: white; cursor: zoom-in; overflow: hidden; }
.brochure-panel img, .brochure-enlarged img { display: block; width: 100%; height: auto; aspect-ratio: var(--panel-ratio, 1754 / 3723); object-fit: cover; object-position: var(--panel-position) center; }
.brochure-panel:focus-visible, .brochure-close:focus-visible { outline: 3px solid #c39132; outline-offset: 4px; }
.brochure-zoom-hint { display: block; padding: 10px 16px; background: #092536; color: white; font-size: 14px; text-align: right; }
.brochure-dialog { width: min(1100px, 96vw); max-width: 96vw; max-height: 94dvh; padding: 0; border: 0; border-radius: 12px; background: #edf2ef; color: #12352e; }
.brochure-dialog::backdrop { background: rgb(0 15 25 / 80%); }
.brochure-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 12px 16px; background: white; }
.brochure-toolbar p { margin: 4px 0 0; font-size: 13px; }
.brochure-close { flex-shrink: 0; padding: 10px 14px; border: 1px solid #b7c8c1; border-radius: 6px; background: white; cursor: pointer; color: inherit; font: inherit; }
.brochure-viewport { overflow: auto; max-height: calc(94dvh - 90px); overscroll-behavior: contain; }
.brochure-enlarged { width: 1000px; margin-inline: auto; }
@media (max-width: 600px) {
  .brochure-reader { gap: 24px; }
  .brochure-section h3 { font-size: 16px; }
  .brochure-enlarged { width: 820px; }
}
.brochure-dialog { margin: auto; }
body:has(.brochure-dialog[open]) { overflow: hidden; }