/* v2.22 — Discography polish; site media and responsive fixes. */
/* Six behind-the-scenes frames, with their source captions. */
.v222-photo-grid { display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:1.45rem; margin-top:1.3rem; }
.v222-photo-tile { margin:0; min-width:0; }
.v222-photo-tile .responsive-picture, .v222-photo-tile picture { display:block; width:100%; max-width:none; }
.v222-photo-tile img { display:block; width:100%; height:auto; max-width:100%; border-radius:0; }
.v222-photo-tile figcaption { font-size:.96rem; line-height:1.5; margin-top:.65rem; color:inherit; opacity:.83; }
/* Buttons: readable under either light or dark background. */
.v222-streaming-controls a, .v222-streaming-controls .button, .v222-streaming-controls [class*="button"], .v222-streaming-controls .button-text {
 color:#16191a !important; background:#e8f16d !important; border:1px solid #e8f16d !important; border-radius:4px; text-decoration:none;
}
.v222-streaming-controls a:hover, .v222-streaming-controls .button:hover { background:#fff !important; border-color:#fff !important; color:#151515 !important; }
.v222-streaming-controls a:focus-visible { outline:3px solid #282828; outline-offset:3px; }
/* Media present as a full-width section, rather than floating in a small lightbox. */
.legacy-main .v222-wide-documentary-photo { grid-column:1 / -1; width:100%; max-width:none; }
.v222-wide-documentary-photo .container, .v222-wide-documentary-photo .checkyourself-wrapperimg,
.v222-wide-documentary-photo .responsive-picture, .v222-wide-documentary-photo picture {display:block; width:100%;max-width:none;margin:0;}
.v222-wide-documentary-photo img { display:block; width:100%;height:auto;max-width:none;border-radius:0; }
/* Explanatory photograph alongside Ofra Haza biography. */
.v222-ofra-inline .credits-wrapper::after {content:"";display:block;clear:both;}
.v222-ofra-inline .ofra-haza-pic { float:left; width:min(38%,280px); margin:0 1.6rem 1rem 0; }
.v222-ofra-inline .ofra-haza-pic img {width:100%;height:auto;max-width:100%;}
.v222-ofra-inline p {line-height:1.75;}
/* Production credits: readable two-column program, preserving all names. */
.v222-credits-panel .v222-credit-list { column-count:2;column-gap:2.75rem;column-rule:1px solid rgba(90,90,90,.17);font-size:1rem !important;line-height:1.72; }
.v222-credits-panel .v222-credit-list span {font-weight:750;letter-spacing:.015em;}
/* Dance-page combined videos. */
.v222-inline-performance {margin-top:1.8rem;clear:both;}
.v222-inline-performance .musicvideo-wrapper {max-width:850px;margin:0 auto;}
.v222-inline-performance .responsive-video {max-width:100%;}
.v222-video-feature .responsive-video {max-width:850px;margin:1rem auto;}
/* Overview image neatly occupies the same story panel as introductory text. */
.v222-overview-cover {float:right;width:min(35%,260px);margin:0 0 1rem 1.8rem;}
.v222-overview-cover img {display:block;width:100%;height:auto;box-shadow:0 12px 34px rgba(0,0,0,.13);}
.v222-overview-with-cover::after {content:"";display:table;clear:both;}
/* Marshmello's video section uses light content canvas; its heading must be dark. */
.v222-contrast-heading .single-header, .v222-contrast-heading .single-header * {color:#151515 !important;}
.v222-news-links .credits-wrapper {display:flex;flex-direction:column;align-items:stretch;gap:0 !important;}
.v222-news-links .v222-news-link {display:block !important;margin:0 !important;padding:.95rem .7rem;border-bottom:1px solid rgba(100,100,100,.18);line-height:1.5;white-space:normal;}
.v222-news-links .v222-news-link:hover {background:rgba(140,140,140,.08);}
@media(max-width:720px){.v222-photo-grid{grid-template-columns:1fr;gap:1rem}.v222-ofra-inline .ofra-haza-pic{float:none;width:min(100%,340px);margin:0 auto 1rem}.v222-overview-cover{float:none;width:min(100%,280px);margin:0 auto 1.1rem}.v222-credits-panel .v222-credit-list{column-count:1}.v222-news-links .v222-news-link{padding:.9rem .35rem}}

/* Check Yourself uses an uncropped full-width photo panel matching Under My Spell. */
.legacy-main.editorial-detail .legacy-section.v222-wide-documentary-photo .tour-wide-photo img { height:auto !important;max-height:none !important;object-fit:contain !important;object-position:center !important; }
/* The existing legacy 3-column promo grid must not squeeze the new two-column BTS gallery into a single grid cell. */
.legacy-main.editorial-detail #part-11 .promo-media-wrapper { display:block !important; width:100% !important; max-width:100% !important; }
.legacy-main.editorial-detail #part-11 .v222-photo-grid { display:grid !important; width:100%; grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
.legacy-main.editorial-detail #part-11 .v222-photo-tile img { width:100% !important; height:auto !important; max-height:none !important; object-fit:contain !important; margin:0 !important; }
@media (max-width:720px){.legacy-main.editorial-detail #part-11 .v222-photo-grid {grid-template-columns:1fr !important;}}