/* Let the parent page's continuous atmosphere show through the embedded gallery. */
html:has(body.embedded), body.embedded { background: transparent; }
body.embedded { color: #ede7da; }
body.embedded .card {
  background: linear-gradient(135deg, rgba(27, 47, 69, .8), rgba(11, 25, 42, .9));
  border-color: rgba(151, 174, 198, .2);
  box-shadow: 0 18px 42px rgba(3, 9, 17, .18);
}
body.embedded .title { color: #f7f3ea; font-size: 18px; }
body.embedded :is(.index, .meta) { color: #dfbe83; font-size: 12px; }
body.embedded .role { color: #d2d8df; font-size: 13px; }
body.embedded .desc { color: #b7c2ce; font-size: 14px; line-height: 1.8; }
body.embedded .tag { background: rgba(196, 152, 79, .12); color: #dfbe83; font-size: 11px; }
body.embedded .footer { color: #b7c2ce; border-color: rgba(223, 190, 131, .17); font-size: 11px; }
body.embedded .report-link { color: #dfbe83; font-size: 12px; }
body.embedded .report-link:hover { color: #0b1220; }
body.embedded :is(.carousel-status, .carousel-hint, .carousel-edge-note) { color: #b7c2ce; font-size: 12px; }
body.embedded :is(button, a):focus-visible { outline: 2px solid #dfbe83; outline-offset: 3px; }