/* Embedded material navigation. The publication renderer and viewer are shared with the reader. */
.book-gallery { position: relative; margin-top: 35px; scroll-margin-top: 20px; min-width: 0; }
.book-gallery-nav { position: absolute; top: 26px; right: 26px; z-index: 2; display: flex; align-items: center; gap: 10px; }
.gallery-position { min-width: 38px; color: #6c7e99; text-align: center; white-space: nowrap; font-size: 13px; }
.gallery-close { margin-left: 10px; }
.gallery-article .article_header { min-height: 106px; padding: 23px 230px 23px 27px; border: 1px solid #dde5f3; border-bottom: 0; border-radius: 12px 12px 0 0; background: #f4f7fd; }
.gallery-section-name { display: block; color: #8a97ae; font-size: 12px; line-height: 1.6; }
.gallery-article .article_header h2 { margin-top: 6px; font-size: 24px; font-weight: 550; line-height: 1.35; letter-spacing: -.6px; overflow-wrap: anywhere; }
.gallery-article .publication-paper { min-height: 300px; padding: 0 34px 30px; border: 1px solid #dde5f3; border-radius: 0 0 12px 12px; background: #fff; }
.gallery-article .answer-tabs { margin-bottom: 28px; padding-top: 7px; }
.gallery-article .gdz-publication { max-width: 870px; margin: 0 auto; }
.gallery-status, .gallery-error { min-height: 130px; padding: 72px 27px 25px; background: #f4f7fd; border: 1px solid #dde5f3; border-radius: 12px; color: var(--muted); font-size: 14px; line-height: 1.7; }
.gallery-status:empty { display: none; }
.has-material > .gallery-status { position: absolute; top: -28px; left: 0; min-height: 0; padding: 3px 8px; border: 0; background: #fff; font-size: 12px; }
.has-material > .gallery-error { position: absolute; top: 0; left: 0; right: 0; z-index: 3; }
.gallery-error p { margin-bottom: 15px; }
.gallery-error > a { display: inline-block; margin-left: 12px; }
.gallery-pager { margin-top: 20px; padding-top: 0; border: 0; }
[data-gallery-content]:focus { outline: none; }
@media (max-width: 700px) {
    .book-gallery { margin-top: 26px; }
    .book-gallery-nav { position: static; justify-content: flex-end; padding: 13px 15px; border: 1px solid #dde5f3; border-bottom: 0; border-radius: 10px 10px 0 0; background: #f4f7fd; }
    .gallery-article .article_header { min-height: 0; padding: 6px 18px 20px; border-top: 0; border-radius: 0; }
    .gallery-article .article_header h2 { font-size: 23px; }
    .gallery-article .publication-paper { padding: 0 18px 23px; }
    .gallery-status, .gallery-error { min-height: 100px; padding: 18px; border-top: 0; border-radius: 0 0 10px 10px; }
    .gallery-error > a { margin-left: 0; margin-top: 12px; }
}