/* German in Context · Curriculum Ticket V4
 * The generated Cologne skyline etching is decorative only, desktop only.
 * Preserves the V3 horizontal ticket, original mobile design and chapter logic.
 */
@media (min-width: 900px) {
  .gic-curriculum-ticket-v2 .gic-current-ticket .gic-current-main {
    isolation: isolate;
    overflow: hidden;
    position: relative;
  }
  .gic-curriculum-ticket-v2 .gic-current-ticket .gic-current-main::before {
    content: "";
    display: block;
    position: absolute;
    right: 1px;
    bottom: 0;
    top: 0;
    width: min(57%, 410px);
    background-image: url("/static/gic-ticket-cologne-engraving.webp?v=20261023-4");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain;
    opacity: .90;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.56) 22%, #000 45%);
    mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.56) 22%, #000 45%);
    z-index: 0;
    pointer-events: none;
  }
  .gic-curriculum-ticket-v2 .gic-current-ticket .gic-current-main > * {
    position: relative;
    z-index: 1;
  }
  /* Preserve the perforated divider above the decorative illustration. */
  .gic-curriculum-ticket-v2 .gic-current-ticket .gic-current-main::after {
    z-index: 2;
  }
  /* Slightly softer on night mode; never brighten the entire ticket. */
  html[data-gic-theme="dark"] .gic-curriculum-ticket-v2 .gic-current-main::before,
  html[data-theme="dark"] .gic-curriculum-ticket-v2 .gic-current-main::before {
    opacity: .25;
    filter: brightness(1.6) sepia(.25);
  }
}
/* On compact desktop widths, soften the artwork near longer descriptions. */
@media (min-width: 900px) and (max-width: 1099px) {
  .gic-curriculum-ticket-v2 .gic-current-ticket .gic-current-main::before {
    opacity: .72;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.2) 36%, #000 84%);
    mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.2) 36%, #000 84%);
  }
}
@media (max-width: 899px) {
  .gic-curriculum-ticket-v2 .gic-current-main::before {
    display: none !important;
    background-image: none !important;
  }
}
