/* Generated by tools/build-styles.py; edit experiment-wide-galleries.css instead. */
body.mbp-wide-galleries .mbp-single-wrap { width: min(960px, calc(100% - 40px)); max-width: 960px; padding-top: 36px !important; } body.mbp-wide-galleries .mbp-single-layout-grid { max-width: 960px !important; } body.mbp-wide-galleries .mbp-single-article { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; } body.mbp-wide-galleries .mbp-single-header { max-width: var(--mbp-reading-width, 720px); margin-left: auto !important; margin-right: auto !important; margin-bottom: 32px !important; } body.mbp-wide-galleries .mbp-single-title { font-size: clamp(30px, 3.4vw, 46px) !important; font-weight: 500 !important; line-height: 1.18 !important; letter-spacing: -.025em !important; margin-bottom: 16px !important; } body.mbp-wide-galleries .mbp-single-meta { margin-bottom: 18px !important; padding-bottom: 18px !important; } body.mbp-wide-galleries .mbp-single-article .mbp-entry-content > :not(.penci-sticky-toc) { max-width: var(--mbp-reading-width, 720px) !important; margin-left: auto !important; margin-right: auto !important; } body.mbp-wide-galleries .mbp-single-article .mbp-entry-content > :is(.wp-block-gallery, .gallery, .wp-block-image, .wp-block-embed, .wp-block-video, .wp-block-table) { width: 100%; max-width: 960px !important; margin-top: 32px; margin-bottom: 32px; } body.mbp-wide-galleries .mbp-single-article .mbp-entry-content > .wp-block-gallery { --wp--style--unstable-gallery-gap: 16px; gap: 16px; } body.mbp-wide-galleries .mbp-single-article .mbp-entry-content > :is(.wp-block-gallery, .wp-block-image):has(+ :is(.wp-block-gallery, .wp-block-image)) { margin-bottom: 16px; } body.mbp-wide-galleries .mbp-single-article .mbp-entry-content > :is(.wp-block-gallery, .wp-block-image) + :is(.wp-block-gallery, .wp-block-image) { margin-top: 16px; }  body.mbp-wide-galleries .mbp-single-article .mbp-entry-content > .wp-block-image:not(.is-resized) img { display: block; width: auto !important; height: auto !important; max-width: 100% !important; max-height: 800px; margin-left: auto; margin-right: auto; object-fit: contain; } body.mbp-wide-galleries .mbp-single-article .mbp-entry-content :is(.wp-block-image, .wp-block-gallery) img { border-radius: 4px !important; } body.mbp-wide-galleries .mbp-single-article .mbp-entry-content > .wp-block-image figcaption { max-width: var(--mbp-reading-width, 720px); margin-left: auto; margin-right: auto; }  body.mbp-wide-galleries .mbp-single-article .mbp-entry-content > :is(hr.wp-block-separator, .wp-block-spacer):is(:has(+ h2), :has(+ :is(hr.wp-block-separator, .wp-block-spacer) + h2), :has(+ :is(hr.wp-block-separator, .wp-block-spacer) + :is(hr.wp-block-separator, .wp-block-spacer) + h2), :has(+ :is(hr.wp-block-separator, .wp-block-spacer) + :is(hr.wp-block-separator, .wp-block-spacer) + :is(hr.wp-block-separator, .wp-block-spacer) + h2)) { display: none !important; } body.mbp-wide-galleries .mbp-single-article .mbp-entry-content > h2 { position: relative; color: var(--mbp-color-heading) !important; text-align: left !important; font-family: 'Caveat Brush', var(--mbp-font-serif) !important; font-weight: 400 !important; font-size: clamp(36px, 3.9vw, 48px) !important; line-height: 1.15 !important; letter-spacing: 0 !important; text-transform: none !important; padding: 0 0 17px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; margin-top: 80px !important; margin-bottom: 22px !important; }  body.mbp-wide-galleries .mbp-single-article .mbp-entry-content > h2::after { content: ''; position: absolute; left: 0; bottom: 0; width: 88px; height: 10px; background: var(--mbp-color-terracotta, #b44f25); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 10'%3E%3Cfilter id='f' x='-5%25' y='-30%25' width='110%25' height='160%25'%3E%3CfeGaussianBlur stdDeviation='.35'/%3E%3C/filter%3E%3Cpath d='M1 6.5 A 43 3 0 0 1 87 6.5 Z' fill='%23000' filter='url(%23f)' transform='rotate(-2 44 6.5)'/%3E%3C/svg%3E") no-repeat 0 0 / 100% 100%; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 10'%3E%3Cfilter id='f' x='-5%25' y='-30%25' width='110%25' height='160%25'%3E%3CfeGaussianBlur stdDeviation='.35'/%3E%3C/filter%3E%3Cpath d='M1 6.5 A 43 3 0 0 1 87 6.5 Z' fill='%23000' filter='url(%23f)' transform='rotate(-2 44 6.5)'/%3E%3C/svg%3E") no-repeat 0 0 / 100% 100%; } @media (max-width: 600px) { body.mbp-wide-galleries .mbp-single-article .mbp-entry-content > h2 { margin-top: 58px !important; } } body.mbp-wide-galleries .mbp-single-article .mbp-entry-content > :is(h3, h4) { color: var(--mbp-color-heading) !important; text-transform: none !important; }  body.mbp-wide-galleries .mbp-single-article .mbp-entry-content :is(h1, h2, h3, h4, h5, h6):is(.has-text-color, .has-background, [style*="color"], [style*="background"]) { color: var(--mbp-color-heading) !important; background: transparent !important; box-shadow: none !important; } body.mbp-wide-galleries .mbp-single-article .mbp-entry-content :not(.mbp-entry-content) > :is(h1, h2, h3, h4, h5, h6):is(.has-background, [style*="background"]) { text-align: left !important; padding: 0 !important; border-radius: 0 !important; } body.mbp-wide-galleries .mbp-single-article .mbp-entry-content :is(h1, h2, h3, h4, h5, h6).has-link-color a { color: var(--mbp-color-accent) !important; }  body.mbp-wide-galleries .mbp-single-article .mbp-entry-content h5 { font-family: var(--mbp-font-sans) !important; font-size: 18px !important; font-weight: 600 !important; font-style: normal !important; line-height: 1.5 !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--mbp-color-heading) !important; margin: 28px 0 8px !important; } body.mbp-wide-galleries .mbp-single-article > :is(.mbp-author-box, .mbp-comments-section), body.mbp-wide-galleries .mbp-single-article .post-tags, body.mbp-wide-galleries .mbp-single-article .mbp-share-bar { max-width: var(--mbp-reading-width, 720px); margin-left: auto !important; margin-right: auto !important; } @media (max-width: 768px) { body.mbp-wide-galleries .mbp-single-wrap { padding-top: 24px !important; } body.mbp-wide-galleries .mbp-single-header { margin-bottom: 24px !important; } body.mbp-wide-galleries .mbp-single-title { font-size: clamp(28px, 5vw, 36px) !important; } body.mbp-wide-galleries .mbp-single-article .mbp-entry-content > :is(.wp-block-gallery, .gallery, .wp-block-image, .wp-block-embed, .wp-block-video) { margin-top: 24px; margin-bottom: 24px; } body.mbp-wide-galleries .mbp-single-article .mbp-entry-content > :is(.wp-block-gallery, .wp-block-image) + :is(.wp-block-gallery, .wp-block-image) { margin-top: 16px; } }  .mbp-wide-flag { position: fixed; left: 20px; bottom: 20px; z-index: 9999; display: flex; align-items: center; gap: 12px; margin: 0; padding: 9px 9px 9px 16px; border-radius: 9999px; background: var(--mbp-color-surface); border: 1px solid var(--mbp-color-border); box-shadow: var(--mbp-shadow-md); font-family: var(--mbp-font-sans); font-size: 12px; line-height: 1.4; color: var(--mbp-color-text-muted); } .mbp-wide-flag span { min-width: 0; } .mbp-wide-flag.is-on span { color: var(--mbp-color-accent); font-weight: 600; } .mbp-wide-flag a { display: inline-block; padding: 5px 13px; border-radius: 9999px; background: var(--mbp-color-accent-solid); color: var(--mbp-color-on-accent); font-weight: 600; text-decoration: none; text-align: center; transition: background .2s ease; } .mbp-wide-flag a:hover, .mbp-wide-flag a:focus-visible { background: var(--mbp-color-accent-solid-hover); color: var(--mbp-color-on-accent); } .mbp-wide-flag a:focus-visible { outline: 2px solid var(--mbp-color-accent); outline-offset: 2px; } @media print { .mbp-wide-flag { display: none; } } @media only screen and (max-width: 600px) { .mbp-wide-flag { left: 12px; right: 12px; bottom: 12px; gap: 8px; justify-content: space-between; } }
