/* Golden Horizon card header system - 20260518
   Time-of-day London skyline headers for every itinerary card.
   Confirmed events get the premium/high-intensity version. */

.entries .entry-card.golden-horizon-card {
  position: relative;
  overflow: hidden;
  border: 5px solid rgba(255,255,255,.94);
  border-radius: 26px;
  box-shadow: 0 18px 42px rgba(15,23,42,.12);
  transform: translateZ(0);
}

.entries .entry-card.golden-horizon-card.status-confirmed {
  border-color: rgba(255,255,255,.98);
  box-shadow:
    0 0 0 1.5px rgba(223, 167, 45, .82),
    0 0 0 5px rgba(255, 214, 102, .12),
    0 20px 54px rgba(83, 49, 5, .22),
    0 0 34px rgba(245, 188, 54, .20);
}

.entries .entry-card.golden-horizon-card .entry-time.golden-horizon-header,
.entries button.entry-card.golden-horizon-card .entry-time.golden-horizon-header,
.entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-time.golden-horizon-header {
  position: relative !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  min-height: 72px !important;
  padding: 13px 16px 9px !important;
  overflow: hidden !important;
  isolation: isolate !important;
  color: #ffffff !important;
  text-shadow: 0 2px 10px rgba(0,0,0,.42) !important;
  background: var(--gh-bg) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.38), inset 0 -1px 0 rgba(0,0,0,.22) !important;
}

.entry-card.golden-horizon-card.tod-morning {
  --gh-bg: linear-gradient(100deg, #8f5414 0%, #d58d23 28%, #ffd774 58%, #9a5d19 100%);
  --gh-sky-fill: rgba(79, 42, 5, .72);
  --gh-sky-back: rgba(121, 76, 15, .35);
  --gh-glow: rgba(255, 215, 112, .42);
  --gh-sweep: rgba(255, 245, 207, .65);
  --gh-mini: #ffe780;
}
.entry-card.golden-horizon-card.tod-afternoon {
  --gh-bg: linear-gradient(105deg, #0d5ca8 0%, #42a7f5 38%, #bfe7ff 60%, #1f74bd 100%);
  --gh-sky-fill: rgba(1, 31, 75, .63);
  --gh-sky-back: rgba(13, 77, 135, .34);
  --gh-glow: rgba(225, 247, 255, .42);
  --gh-sweep: rgba(255,255,255,.55);
  --gh-mini: #ffdf62;
}
.entry-card.golden-horizon-card.tod-evening {
  --gh-bg: linear-gradient(105deg, #241653 0%, #5b358f 32%, #ff9561 64%, #12265d 100%);
  --gh-sky-fill: rgba(8, 10, 31, .72);
  --gh-sky-back: rgba(37, 24, 76, .44);
  --gh-glow: rgba(255, 149, 97, .43);
  --gh-sweep: rgba(255, 198, 112, .62);
  --gh-mini: #ffd86d;
}
.entry-card.golden-horizon-card.tod-night,
.entry-card.golden-horizon-card.tod-late-night {
  --gh-bg: linear-gradient(105deg, #06122d 0%, #0b234c 42%, #3a2a74 68%, #020814 100%);
  --gh-sky-fill: rgba(0, 0, 10, .78);
  --gh-sky-back: rgba(41, 70, 132, .28);
  --gh-glow: rgba(99, 151, 255, .30);
  --gh-sweep: rgba(255, 199, 78, .68);
  --gh-mini: #ffd666;
}

.entry-card.golden-horizon-card.status-confirmed.tod-morning {
  --gh-bg: radial-gradient(circle at 54% 120%, rgba(255, 244, 193, .58), transparent 32%), linear-gradient(100deg, #7c450e 0%, #d48d21 24%, #ffe08a 54%, #a56118 100%);
}
.entry-card.golden-horizon-card.status-confirmed.tod-afternoon {
  --gh-bg: radial-gradient(circle at 56% 10%, rgba(255,255,255,.70), transparent 20%), linear-gradient(105deg, #0e4c96 0%, #2f95ef 40%, #cfedff 59%, #135da4 100%);
}
.entry-card.golden-horizon-card.status-confirmed.tod-evening {
  --gh-bg: radial-gradient(circle at 57% 116%, rgba(255, 221, 130, .70), transparent 25%), linear-gradient(105deg, #17103c 0%, #563184 36%, #ff8c59 63%, #101b4d 100%);
}
.entry-card.golden-horizon-card.status-confirmed.tod-night,
.entry-card.golden-horizon-card.status-confirmed.tod-late-night {
  --gh-bg: radial-gradient(circle at 59% 125%, rgba(255, 184, 58, .36), transparent 28%), linear-gradient(105deg, #020816 0%, #061a39 39%, #342568 68%, #020712 100%);
}

.entry-card.golden-horizon-card .gh-icon {
  position: relative;
  z-index: 3;
  flex: 0 0 auto;
  width: 24px;
  line-height: 1;
  font-size: 24px;
  font-weight: 800;
  opacity: .95;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.28));
}
.entry-card.golden-horizon-card .gh-time-text {
  position: relative;
  z-index: 3;
  display: inline-block;
  font-size: 21px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: -.02em;
  white-space: nowrap;
}
.entry-card.golden-horizon-card .gh-confirmed-mini {
  position: absolute;
  z-index: 3;
  left: 50px;
  top: 40px;
  font-size: 9px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: .12em;
  color: var(--gh-mini);
  text-shadow: 0 1px 4px rgba(0,0,0,.45);
  opacity: .96;
}
.entry-card.golden-horizon-card:not(.status-confirmed) .gh-confirmed-mini { display: none; }

.entry-card.golden-horizon-card .gh-sky {
  position: absolute;
  z-index: 1;
  left: 31%;
  right: -2%;
  bottom: -1px;
  height: 82px;
  opacity: .76;
  color: var(--gh-sky-fill);
  filter: drop-shadow(0 -6px 14px var(--gh-glow));
  transform: translate3d(0,0,0);
  animation: ghSkylineDrift 18s ease-in-out infinite alternate;
}
.entry-card.golden-horizon-card.status-confirmed .gh-sky {
  opacity: .96;
  filter: drop-shadow(0 -7px 18px var(--gh-glow)) drop-shadow(0 0 8px rgba(255,210,90,.16));
  animation-duration: 13s;
}
.entry-card.golden-horizon-card .gh-skyline {
  width: 100%;
  height: 100%;
  display: block;
}
.entry-card.golden-horizon-card .gh-skyline-back { fill: var(--gh-sky-back); }
.entry-card.golden-horizon-card .gh-buildings,
.entry-card.golden-horizon-card .gh-bigben,
.entry-card.golden-horizon-card .gh-parliament,
.entry-card.golden-horizon-card .gh-shard,
.entry-card.golden-horizon-card .gh-bridge,
.entry-card.golden-horizon-card .gh-gherkin { fill: currentColor; }
.entry-card.golden-horizon-card .gh-eye,
.entry-card.golden-horizon-card .gh-eye-inner {
  fill: none;
  stroke: currentColor;
  stroke-width: 5;
  opacity: .8;
}
.entry-card.golden-horizon-card .gh-eye-inner { stroke-width: 3; opacity: .55; }
.entry-card.golden-horizon-card .gh-bridge { fill: none; stroke: currentColor; stroke-width: 6; stroke-linecap: round; stroke-linejoin: round; }

.entry-card.golden-horizon-card .gh-light-sweep {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  width: 38%;
  left: -42%;
  pointer-events: none;
  background: linear-gradient(112deg, transparent 0%, transparent 24%, var(--gh-sweep) 50%, transparent 76%, transparent 100%);
  opacity: .0;
  transform: skewX(-12deg);
  animation: ghLightSweep 9s ease-in-out infinite;
}
.entry-card.golden-horizon-card.status-confirmed .gh-light-sweep {
  animation-duration: 5.8s;
  opacity: .88;
}
.entry-card.golden-horizon-card .gh-sparkles {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    radial-gradient(circle at 17% 28%, rgba(255,255,255,.95) 0 1.2px, transparent 1.8px),
    radial-gradient(circle at 54% 26%, rgba(255,255,255,.65) 0 1px, transparent 1.7px),
    radial-gradient(circle at 83% 45%, rgba(255,255,255,.86) 0 1.2px, transparent 2px);
  opacity: .34;
  animation: ghTwinkle 4.8s ease-in-out infinite;
}
.entry-card.golden-horizon-card.status-confirmed .gh-sparkles {
  opacity: .85;
  background:
    radial-gradient(circle at 11% 31%, rgba(255,255,255,1) 0 1.4px, transparent 2.2px),
    radial-gradient(circle at 29% 18%, rgba(255,236,160,.9) 0 1px, transparent 2px),
    radial-gradient(circle at 58% 29%, rgba(255,255,255,.92) 0 1.4px, transparent 2px),
    radial-gradient(circle at 82% 45%, rgba(255,255,255,.95) 0 1.5px, transparent 2.3px),
    radial-gradient(circle at 96% 23%, rgba(255,236,160,.9) 0 1.1px, transparent 2px);
}

.entry-card.golden-horizon-card.status-confirmed .entry-time.golden-horizon-header::before,
.entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-time.golden-horizon-header::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.14), transparent 55%),
    radial-gradient(circle at 56% 105%, rgba(255,222,117,.58), transparent 32%) !important;
  opacity: .95 !important;
  transform: none !important;
  animation: ghConfirmedPulse 4.8s ease-in-out infinite !important;
}
.entry-card.golden-horizon-card.status-confirmed .entry-time.golden-horizon-header::after,
.entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-time.golden-horizon-header::after {
  content: "✦" !important;
  position: absolute !important;
  right: 16px !important;
  top: 17px !important;
  z-index: 4 !important;
  color: rgba(255,255,255,.96) !important;
  font-size: 17px !important;
  text-shadow: 0 0 12px rgba(255,255,255,.92), 0 0 20px rgba(255,211,90,.72) !important;
  opacity: .95 !important;
  transform: none !important;
  background: none !important;
  animation: ghStarPop 3.8s ease-in-out infinite !important;
}

@keyframes ghSkylineDrift {
  from { transform: translate3d(-8px, 0, 0) scale(1.018); }
  to { transform: translate3d(8px, 0, 0) scale(1.018); }
}
@keyframes ghLightSweep {
  0%, 45% { left: -42%; opacity: 0; }
  54% { opacity: .88; }
  72% { left: 112%; opacity: 0; }
  100% { left: 112%; opacity: 0; }
}
@keyframes ghTwinkle {
  0%, 100% { opacity: .34; }
  45% { opacity: .76; }
  65% { opacity: .42; }
}
@keyframes ghConfirmedPulse {
  0%, 100% { opacity: .72; }
  50% { opacity: 1; }
}
@keyframes ghStarPop {
  0%, 100% { transform: scale(1); opacity: .72; }
  48% { transform: scale(1.18); opacity: 1; }
}

@media (min-width: 780px) {
  .entries .entry-card.golden-horizon-card .entry-time.golden-horizon-header {
    min-height: 86px !important;
    padding: 16px 24px 10px !important;
  }
  .entry-card.golden-horizon-card .gh-icon { font-size: 31px; width: 34px; }
  .entry-card.golden-horizon-card .gh-time-text { font-size: 28px; }
  .entry-card.golden-horizon-card .gh-confirmed-mini { left: 72px; top: 51px; font-size: 11px; }
  .entry-card.golden-horizon-card .gh-sky { left: 24%; height: 96px; }
}

@media (max-width: 480px) {
  .entries .entry-card.golden-horizon-card .entry-time.golden-horizon-header {
    min-height: 64px !important;
    padding: 12px 13px 8px !important;
  }
  .entry-card.golden-horizon-card .gh-icon { font-size: 20px; width: 22px; }
  .entry-card.golden-horizon-card .gh-time-text { font-size: 19px; }
  .entry-card.golden-horizon-card .gh-confirmed-mini { left: 44px; top: 38px; font-size: 8px; }
  .entry-card.golden-horizon-card .gh-sky { left: 26%; height: 70px; }
}

@media (prefers-reduced-motion: reduce) {
  .entry-card.golden-horizon-card .gh-sky,
  .entry-card.golden-horizon-card .gh-light-sweep,
  .entry-card.golden-horizon-card .gh-sparkles,
  .entry-card.golden-horizon-card.status-confirmed .entry-time.golden-horizon-header::before,
  .entry-card.golden-horizon-card.status-confirmed .entry-time.golden-horizon-header::after {
    animation: none !important;
  }
}

/* Golden Horizon production pass - photographic/art-directed skyline headers
   Target: cinematic London skyline headers for every card, with confirmed-only premium motion. */
.entry-card.golden-horizon-card.tod-morning { --gh-photo: url('/assets/golden-horizon-morning.png'); --gh-tint: rgba(92,50,7,.10); }
.entry-card.golden-horizon-card.tod-afternoon { --gh-photo: url('/assets/golden-horizon-afternoon.png'); --gh-tint: rgba(3,58,118,.08); }
.entry-card.golden-horizon-card.tod-evening { --gh-photo: url('/assets/golden-horizon-evening.png'); --gh-tint: rgba(35,17,80,.10); }
.entry-card.golden-horizon-card.tod-night { --gh-photo: url('/assets/golden-horizon-night.png'); --gh-tint: rgba(0,6,22,.12); }
.entry-card.golden-horizon-card.tod-late-night { --gh-photo: url('/assets/golden-horizon-late-night.png'); --gh-tint: rgba(0,4,15,.16); }

.entries .entry-card.golden-horizon-card .entry-time.golden-horizon-header,
.entries button.entry-card.golden-horizon-card .entry-time.golden-horizon-header,
.entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-time.golden-horizon-header {
  min-height: 82px !important;
  color: #fff !important;
  background-image:
    linear-gradient(90deg, rgba(0,0,0,.42) 0%, rgba(0,0,0,.14) 20%, rgba(0,0,0,.02) 45%, rgba(0,0,0,.12) 76%, rgba(0,0,0,.32) 100%),
    var(--gh-photo) !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.30),
    inset 0 -18px 26px rgba(0,0,0,.24) !important;
}

/* Hide the earlier flat SVG skyline layer. The production pass uses rendered skyline imagery instead. */
.entry-card.golden-horizon-card .gh-sky { display: none !important; }

.entries .entry-card.golden-horizon-card:not(.status-confirmed) {
  border-color: rgba(255,255,255,.95) !important;
  box-shadow: 0 18px 42px rgba(15,23,42,.13) !important;
}
.entries .entry-card.golden-horizon-card:not(.status-confirmed) .entry-time.golden-horizon-header {
  filter: saturate(.92) contrast(.96) brightness(.96);
}
.entries .entry-card.golden-horizon-card.status-confirmed,
.entries .entry-card.golden-horizon-card:has(.tag.confirmed) {
  border-color: rgba(255,255,255,.98) !important;
  box-shadow:
    0 0 0 1.5px rgba(226, 171, 53, .95),
    0 0 0 5px rgba(255, 218, 98, .16),
    0 22px 58px rgba(87, 52, 8, .25),
    0 0 42px rgba(247, 190, 55, .25) !important;
}
.entries .entry-card.golden-horizon-card.status-confirmed .entry-time.golden-horizon-header,
.entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-time.golden-horizon-header {
  filter: saturate(1.18) contrast(1.08) brightness(1.05);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.46),
    inset 0 -18px 28px rgba(0,0,0,.27),
    inset 0 0 0 1px rgba(255,218,112,.33),
    0 0 22px rgba(255,194,54,.20) !important;
}

/* Confirmed-only moving light sweep. Planned/flexible cards keep the beautiful skyline but remain calmer. */
.entry-card.golden-horizon-card .gh-light-sweep {
  display: none !important;
  animation: none !important;
}
.entry-card.golden-horizon-card.status-confirmed .gh-light-sweep,
.entries .entry-card.golden-horizon-card:has(.tag.confirmed) .gh-light-sweep {
  display: block !important;
  z-index: 2 !important;
  width: 42% !important;
  left: -48% !important;
  opacity: 0 !important;
  background:
    linear-gradient(112deg,
      transparent 0%,
      transparent 28%,
      rgba(255,255,255,.16) 40%,
      rgba(255,236,152,.84) 50%,
      rgba(255,255,255,.22) 60%,
      transparent 76%,
      transparent 100%) !important;
  mix-blend-mode: screen;
  animation: ghCinematicSweep 6.8s cubic-bezier(.4,0,.2,1) infinite !important;
}

/* Confirmed cards get richer stars and glow; other cards get only a very quiet ambient finish. */
.entry-card.golden-horizon-card .gh-sparkles {
  opacity: .22 !important;
  animation: ghSoftTwinkle 7s ease-in-out infinite !important;
  background:
    radial-gradient(circle at 19% 29%, rgba(255,255,255,.70) 0 1px, transparent 2px),
    radial-gradient(circle at 80% 34%, rgba(255,255,255,.48) 0 1px, transparent 2px) !important;
}
.entry-card.golden-horizon-card.status-confirmed .gh-sparkles,
.entries .entry-card.golden-horizon-card:has(.tag.confirmed) .gh-sparkles {
  opacity: .92 !important;
  animation: ghPremiumTwinkle 4.6s ease-in-out infinite !important;
  background:
    radial-gradient(circle at 5% 38%, rgba(255,255,255,1) 0 1.6px, transparent 2.4px),
    radial-gradient(circle at 28% 18%, rgba(255,240,176,.95) 0 1.2px, transparent 2.2px),
    radial-gradient(circle at 49% 27%, rgba(255,255,255,.82) 0 1.1px, transparent 2.1px),
    radial-gradient(circle at 82% 42%, rgba(255,255,255,.98) 0 1.5px, transparent 2.5px),
    radial-gradient(circle at 97% 23%, rgba(255,240,176,.92) 0 1.1px, transparent 2px) !important;
}

/* Global cinematic polish layers */
.entries .entry-card.golden-horizon-card .entry-time.golden-horizon-header::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), transparent 38%, rgba(0,0,0,.14) 100%),
    radial-gradient(circle at 58% 65%, rgba(255,255,255,.14), transparent 25%) !important;
  opacity: .72 !important;
  animation: none !important;
}
.entries .entry-card.golden-horizon-card.status-confirmed .entry-time.golden-horizon-header::before,
.entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-time.golden-horizon-header::before {
  background:
    linear-gradient(180deg, rgba(255,255,255,.18), transparent 42%, rgba(0,0,0,.17) 100%),
    radial-gradient(circle at 58% 65%, rgba(255,230,140,.36), transparent 30%) !important;
  opacity: .96 !important;
  animation: ghConfirmedBreath 5.8s ease-in-out infinite !important;
}
.entries .entry-card.golden-horizon-card.status-confirmed .entry-time.golden-horizon-header::after,
.entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-time.golden-horizon-header::after {
  content: "✦" !important;
  right: 18px !important;
  top: 18px !important;
  z-index: 4 !important;
  color: rgba(255,255,255,.98) !important;
  font-size: 17px !important;
  text-shadow:
    0 0 12px rgba(255,255,255,.96),
    0 0 24px rgba(255,211,91,.85),
    0 0 38px rgba(255,169,38,.42) !important;
  opacity: .98 !important;
  background: none !important;
  animation: ghStarPop 3.8s ease-in-out infinite !important;
}
.entries .entry-card.golden-horizon-card:not(.status-confirmed) .entry-time.golden-horizon-header::after {
  content: "" !important;
  display: none !important;
}

.entry-card.golden-horizon-card .gh-icon,
.entry-card.golden-horizon-card .gh-time-text,
.entry-card.golden-horizon-card .gh-confirmed-mini {
  z-index: 5 !important;
}
.entry-card.golden-horizon-card .gh-time-text {
  text-shadow: 0 3px 10px rgba(0,0,0,.58), 0 0 18px rgba(255,255,255,.20) !important;
}
.entry-card.golden-horizon-card.status-confirmed .gh-time-text,
.entries .entry-card.golden-horizon-card:has(.tag.confirmed) .gh-time-text {
  text-shadow: 0 4px 14px rgba(0,0,0,.62), 0 0 20px rgba(255,210,99,.30) !important;
}
.entry-card.golden-horizon-card .gh-confirmed-mini {
  color: #ffe36f !important;
  text-shadow: 0 1px 6px rgba(0,0,0,.65), 0 0 12px rgba(255,215,88,.42) !important;
}

@keyframes ghCinematicSweep {
  0%, 38% { left: -48%; opacity: 0; }
  46% { opacity: .92; }
  66% { left: 112%; opacity: .12; }
  100% { left: 112%; opacity: 0; }
}
@keyframes ghSoftTwinkle {
  0%, 100% { opacity: .16; }
  50% { opacity: .32; }
}
@keyframes ghPremiumTwinkle {
  0%, 100% { opacity: .64; filter: blur(0); }
  45% { opacity: 1; filter: blur(.15px); }
  72% { opacity: .76; }
}
@keyframes ghConfirmedBreath {
  0%, 100% { opacity: .82; }
  50% { opacity: 1; }
}

@media (min-width: 780px) {
  .entries .entry-card.golden-horizon-card .entry-time.golden-horizon-header {
    min-height: 92px !important;
    padding: 17px 26px 10px !important;
  }
}
@media (max-width: 480px) {
  .entries .entry-card.golden-horizon-card .entry-time.golden-horizon-header {
    min-height: 72px !important;
    background-position: center center !important;
  }
  .entry-card.golden-horizon-card .gh-time-text { font-size: 20px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .entry-card.golden-horizon-card.status-confirmed .gh-light-sweep,
  .entries .entry-card.golden-horizon-card:has(.tag.confirmed) .gh-light-sweep,
  .entry-card.golden-horizon-card .gh-sparkles,
  .entries .entry-card.golden-horizon-card.status-confirmed .entry-time.golden-horizon-header::before,
  .entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-time.golden-horizon-header::before,
  .entries .entry-card.golden-horizon-card.status-confirmed .entry-time.golden-horizon-header::after,
  .entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-time.golden-horizon-header::after {
    animation: none !important;
  }
}

/* === Golden Horizon cinematic production correction - 20260518B ===
   Uses rendered/photo-style skyline assets instead of flat vector-only headers.
   All cards get a beautiful time-of-day skyline. Confirmed cards alone get the
   moving sweep, stronger rim/glow, and premium sparkle treatment. */
.entries .entry-card.golden-horizon-card.tod-morning { --gh-photo: url('/assets/golden-horizon-photo-morning.jpg') !important; --gh-accent: #f6bc3d; --gh-rim: rgba(245,190,66,.95); }
.entries .entry-card.golden-horizon-card.tod-afternoon { --gh-photo: url('/assets/golden-horizon-photo-afternoon.jpg') !important; --gh-accent: #8dccff; --gh-rim: rgba(92,178,255,.70); }
.entries .entry-card.golden-horizon-card.tod-evening { --gh-photo: url('/assets/golden-horizon-photo-evening.jpg') !important; --gh-accent: #ffba69; --gh-rim: rgba(255,177,92,.78); }
.entries .entry-card.golden-horizon-card.tod-night { --gh-photo: url('/assets/golden-horizon-photo-night.jpg') !important; --gh-accent: #a6bcff; --gh-rim: rgba(115,142,255,.72); }
.entries .entry-card.golden-horizon-card.tod-late-night { --gh-photo: url('/assets/golden-horizon-photo-late-night.jpg') !important; --gh-accent: #8fbbff; --gh-rim: rgba(92,126,255,.70); }

.entries .entry-card.golden-horizon-card .entry-time.golden-horizon-header,
.entries button.entry-card.golden-horizon-card .entry-time.golden-horizon-header,
.entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-time.golden-horizon-header {
  min-height: clamp(78px, 7.2vw, 112px) !important;
  padding: clamp(12px, 1.6vw, 18px) clamp(15px, 2vw, 24px) !important;
  border-radius: 20px 20px 0 0 !important;
  background-image:
    linear-gradient(90deg, rgba(0,0,0,.62) 0%, rgba(0,0,0,.30) 18%, rgba(0,0,0,.03) 42%, rgba(0,0,0,.10) 72%, rgba(0,0,0,.43) 100%),
    var(--gh-photo) !important;
  background-size: 118% 100%, cover !important;
  background-position: center center, center center !important;
  background-repeat: no-repeat !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.42),
    inset 0 -16px 22px rgba(0,0,0,.24),
    inset 0 -1px 0 rgba(255,255,255,.20) !important;
  filter: saturate(1.03) contrast(1.02) brightness(.98) !important;
}

/* Hide all older vector skyline layers; the new system is rendered imagery based. */
.entries .entry-card.golden-horizon-card .gh-sky,
.entries .entry-card.golden-horizon-card .gh-skyline {
  display: none !important;
}

/* Planned/flexible: beautiful but calmer. No sweep. No gold rim. */
.entries .entry-card.golden-horizon-card:not(.status-confirmed):not(:has(.tag.confirmed)) {
  border-color: rgba(255,255,255,.96) !important;
  box-shadow: 0 18px 42px rgba(15,23,42,.13) !important;
}
.entries .entry-card.golden-horizon-card:not(.status-confirmed):not(:has(.tag.confirmed)) .entry-time.golden-horizon-header {
  filter: saturate(.94) contrast(.96) brightness(.94) !important;
}
.entries .entry-card.golden-horizon-card:not(.status-confirmed):not(:has(.tag.confirmed)) .gh-light-sweep {
  display: none !important;
  animation: none !important;
  opacity: 0 !important;
}

/* Confirmed: unmistakably premium. */
.entries .entry-card.golden-horizon-card.status-confirmed,
.entries .entry-card.golden-horizon-card:has(.tag.confirmed) {
  border-color: rgba(255,255,255,.99) !important;
  box-shadow:
    0 0 0 1.5px rgba(228,174,54,.98),
    0 0 0 5px rgba(255,218,95,.18),
    0 22px 58px rgba(86,54,9,.25),
    0 0 46px rgba(255,190,45,.34) !important;
}
.entries .entry-card.golden-horizon-card.status-confirmed .entry-time.golden-horizon-header,
.entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-time.golden-horizon-header {
  filter: saturate(1.18) contrast(1.08) brightness(1.06) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.54),
    inset 0 -16px 24px rgba(0,0,0,.25),
    inset 0 0 0 1px rgba(255,231,132,.38),
    inset 0 0 38px rgba(255,206,78,.13),
    0 0 20px rgba(255,190,42,.18) !important;
}

/* A subtle atmosphere layer for all cards, with no motion on unconfirmed items. */
.entries .entry-card.golden-horizon-card .entry-time.golden-horizon-header::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.12), transparent 34%, rgba(0,0,0,.13) 100%),
    radial-gradient(circle at 57% 62%, rgba(255,255,255,.14), transparent 28%) !important;
  opacity: .70 !important;
  animation: none !important;
}
.entries .entry-card.golden-horizon-card.status-confirmed .entry-time.golden-horizon-header::before,
.entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-time.golden-horizon-header::before {
  background:
    linear-gradient(180deg, rgba(255,255,255,.18), transparent 39%, rgba(0,0,0,.16) 100%),
    radial-gradient(circle at 57% 62%, rgba(255,232,146,.36), transparent 30%) !important;
  opacity: .98 !important;
  animation: ghConfirmedBreath 5.2s ease-in-out infinite !important;
}

/* Confirmed-only cinematic sweep: much more visible than prior build. */
.entries .entry-card.golden-horizon-card .gh-light-sweep {
  position: absolute !important;
  display: none !important;
  top: -20% !important;
  bottom: -20% !important;
  left: -56% !important;
  width: 52% !important;
  z-index: 3 !important;
  pointer-events: none !important;
  opacity: 0 !important;
  transform: skewX(-14deg) translateZ(0) !important;
  mix-blend-mode: screen !important;
  background:
    linear-gradient(112deg,
      transparent 0%,
      transparent 25%,
      rgba(255,255,255,.10) 37%,
      rgba(255,246,185,.92) 48%,
      rgba(255,255,255,.30) 56%,
      transparent 74%,
      transparent 100%) !important;
  animation: none !important;
}
.entries .entry-card.golden-horizon-card.status-confirmed .gh-light-sweep,
.entries .entry-card.golden-horizon-card:has(.tag.confirmed) .gh-light-sweep {
  display: block !important;
  animation: ghProductionSweep 4.9s cubic-bezier(.38,0,.22,1) infinite !important;
}

/* Confirmed-only premium star pop; non-confirmed sparkle stays quiet. */
.entries .entry-card.golden-horizon-card .gh-sparkles {
  z-index: 2 !important;
  opacity: .20 !important;
  animation: ghSoftTwinkle 8s ease-in-out infinite !important;
  background:
    radial-gradient(circle at 22% 28%, rgba(255,255,255,.55) 0 1px, transparent 2px),
    radial-gradient(circle at 78% 31%, rgba(255,255,255,.42) 0 1px, transparent 2px) !important;
}
.entries .entry-card.golden-horizon-card.status-confirmed .gh-sparkles,
.entries .entry-card.golden-horizon-card:has(.tag.confirmed) .gh-sparkles {
  opacity: .94 !important;
  animation: ghPremiumTwinkle 3.8s ease-in-out infinite !important;
  background:
    radial-gradient(circle at 4% 36%, rgba(255,255,255,1) 0 1.6px, transparent 2.6px),
    radial-gradient(circle at 27% 19%, rgba(255,238,164,.96) 0 1.2px, transparent 2.2px),
    radial-gradient(circle at 49% 26%, rgba(255,255,255,.88) 0 1.1px, transparent 2.1px),
    radial-gradient(circle at 82% 43%, rgba(255,255,255,1) 0 1.5px, transparent 2.5px),
    radial-gradient(circle at 96% 22%, rgba(255,235,148,.96) 0 1.1px, transparent 2px) !important;
}

/* Right-side star reserved for confirmed cards only. */
.entries .entry-card.golden-horizon-card .entry-time.golden-horizon-header::after {
  display: none !important;
}
.entries .entry-card.golden-horizon-card.status-confirmed .entry-time.golden-horizon-header::after,
.entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-time.golden-horizon-header::after {
  display: block !important;
  content: "✦" !important;
  position: absolute !important;
  right: 18px !important;
  top: 18px !important;
  z-index: 5 !important;
  color: rgba(255,255,255,.98) !important;
  font-size: 18px !important;
  text-shadow:
    0 0 12px rgba(255,255,255,.95),
    0 0 24px rgba(255,211,91,.88),
    0 0 42px rgba(255,169,38,.44) !important;
  opacity: .98 !important;
  background: none !important;
  animation: ghStarPop 3.4s ease-in-out infinite !important;
}

.entries .entry-card.golden-horizon-card .gh-icon,
.entries .entry-card.golden-horizon-card .gh-time-text,
.entries .entry-card.golden-horizon-card .gh-confirmed-mini {
  position: relative !important;
  z-index: 6 !important;
}
.entries .entry-card.golden-horizon-card .gh-time-text {
  color: #ffffff !important;
  text-shadow: 0 3px 12px rgba(0,0,0,.68), 0 0 18px rgba(255,255,255,.18) !important;
}
.entries .entry-card.golden-horizon-card.status-confirmed .gh-time-text,
.entries .entry-card.golden-horizon-card:has(.tag.confirmed) .gh-time-text {
  text-shadow: 0 4px 14px rgba(0,0,0,.68), 0 0 22px rgba(255,216,112,.36) !important;
}
.entries .entry-card.golden-horizon-card .gh-confirmed-mini {
  color: #ffe46e !important;
  letter-spacing: .13em !important;
  text-shadow: 0 1px 7px rgba(0,0,0,.72), 0 0 12px rgba(255,215,88,.46) !important;
}

@keyframes ghProductionSweep {
  0%, 20% { left: -56%; opacity: 0; }
  30% { opacity: .96; }
  54% { left: 112%; opacity: .70; }
  64%, 100% { left: 112%; opacity: 0; }
}
@keyframes ghConfirmedBreath {
  0%, 100% { opacity: .84; filter: brightness(1); }
  50% { opacity: 1; filter: brightness(1.10); }
}

@media (max-width: 700px) {
  .entries .entry-card.golden-horizon-card .entry-time.golden-horizon-header,
  .entries button.entry-card.golden-horizon-card .entry-time.golden-horizon-header {
    min-height: 72px !important;
    background-size: 135% 100%, cover !important;
    background-position: center center, center center !important;
  }
  .entries .entry-card.golden-horizon-card.status-confirmed .gh-light-sweep,
  .entries .entry-card.golden-horizon-card:has(.tag.confirmed) .gh-light-sweep {
    animation-duration: 5.4s !important;
  }
}

/* === User-supplied Golden Horizon banner correction - 20260518C ===
   Use the approved clean banner images supplied by Michael.
   Morning, afternoon, and evening are the only visual groups for calendar headers.
   Confirmed cards alone receive the animated left-to-right premium sweep. */
.entries .entry-card.golden-horizon-card.tod-morning {
  --gh-approved-banner: url('/assets/golden-horizon-user-morning.png') !important;
  --gh-approved-accent: #f6bd45 !important;
}
.entries .entry-card.golden-horizon-card.tod-afternoon {
  --gh-approved-banner: url('/assets/golden-horizon-user-afternoon.png') !important;
  --gh-approved-accent: #7dc7ff !important;
}
.entries .entry-card.golden-horizon-card.tod-evening,
.entries .entry-card.golden-horizon-card.tod-night,
.entries .entry-card.golden-horizon-card.tod-late-night {
  --gh-approved-banner: url('/assets/golden-horizon-user-evening.png') !important;
  --gh-approved-accent: #ffc85f !important;
}

.entries .entry-card.golden-horizon-card .entry-time.golden-horizon-header,
.entries button.entry-card.golden-horizon-card .entry-time.golden-horizon-header,
.entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-time.golden-horizon-header {
  min-height: clamp(76px, 7.4vw, 108px) !important;
  padding: clamp(12px, 1.6vw, 18px) clamp(15px, 2vw, 26px) !important;
  color: #fff !important;
  background-image:
    linear-gradient(90deg,
      rgba(0,0,0,.48) 0%,
      rgba(0,0,0,.25) 18%,
      rgba(0,0,0,.04) 47%,
      rgba(0,0,0,.16) 76%,
      rgba(0,0,0,.46) 100%),
    var(--gh-approved-banner) !important;
  background-size: 100% 100%, 100% 100% !important;
  background-position: center center, center center !important;
  background-repeat: no-repeat, no-repeat !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.42),
    inset 0 -18px 26px rgba(0,0,0,.28),
    inset 0 -1px 0 rgba(255,255,255,.20) !important;
  filter: saturate(1.04) contrast(1.02) brightness(.98) !important;
}

/* Non-confirmed cards: same approved banner system, calmer visual treatment, no left-to-right sweep. */
.entries .entry-card.golden-horizon-card:not(.status-confirmed):not(:has(.tag.confirmed)) {
  border-color: rgba(255,255,255,.96) !important;
  box-shadow: 0 16px 38px rgba(15,23,42,.12) !important;
}
.entries .entry-card.golden-horizon-card:not(.status-confirmed):not(:has(.tag.confirmed)) .entry-time.golden-horizon-header {
  filter: saturate(.92) contrast(.95) brightness(.93) !important;
}
.entries .entry-card.golden-horizon-card:not(.status-confirmed):not(:has(.tag.confirmed)) .gh-light-sweep {
  display: none !important;
  visibility: hidden !important;
  animation: none !important;
  opacity: 0 !important;
}

/* Confirmed cards: premium rim, brighter header, and the only moving sweep. */
.entries .entry-card.golden-horizon-card.status-confirmed,
.entries .entry-card.golden-horizon-card:has(.tag.confirmed) {
  border-color: rgba(255,255,255,.99) !important;
  box-shadow:
    0 0 0 1.5px rgba(232,179,55,.98),
    0 0 0 5px rgba(255,221,104,.18),
    0 22px 58px rgba(86,54,9,.26),
    0 0 48px rgba(255,190,45,.36) !important;
}
.entries .entry-card.golden-horizon-card.status-confirmed .entry-time.golden-horizon-header,
.entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-time.golden-horizon-header {
  filter: saturate(1.14) contrast(1.07) brightness(1.05) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.54),
    inset 0 -18px 28px rgba(0,0,0,.27),
    inset 0 0 0 1px rgba(255,231,132,.40),
    inset 0 0 38px rgba(255,206,78,.15),
    0 0 22px rgba(255,190,42,.20) !important;
}

.entries .entry-card.golden-horizon-card .gh-sky,
.entries .entry-card.golden-horizon-card .gh-skyline {
  display: none !important;
}

.entries .entry-card.golden-horizon-card .entry-time.golden-horizon-header::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.12), transparent 34%, rgba(0,0,0,.15) 100%),
    radial-gradient(circle at 57% 62%, rgba(255,255,255,.11), transparent 28%) !important;
  opacity: .72 !important;
  animation: none !important;
}
.entries .entry-card.golden-horizon-card.status-confirmed .entry-time.golden-horizon-header::before,
.entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-time.golden-horizon-header::before {
  background:
    linear-gradient(180deg, rgba(255,255,255,.18), transparent 39%, rgba(0,0,0,.18) 100%),
    radial-gradient(circle at 56% 62%, rgba(255,232,146,.35), transparent 30%) !important;
  opacity: .98 !important;
  animation: ghApprovedConfirmedBreath 5.2s ease-in-out infinite !important;
}

.entries .entry-card.golden-horizon-card .gh-light-sweep {
  position: absolute !important;
  display: none !important;
  top: -22% !important;
  bottom: -22% !important;
  left: -58% !important;
  width: 54% !important;
  z-index: 4 !important;
  pointer-events: none !important;
  opacity: 0 !important;
  transform: skewX(-14deg) translateZ(0) !important;
  mix-blend-mode: screen !important;
  background:
    linear-gradient(112deg,
      transparent 0%,
      transparent 24%,
      rgba(255,255,255,.10) 36%,
      rgba(255,246,185,.95) 48%,
      rgba(255,255,255,.32) 57%,
      transparent 75%,
      transparent 100%) !important;
  animation: none !important;
}
.entries .entry-card.golden-horizon-card.status-confirmed .gh-light-sweep,
.entries .entry-card.golden-horizon-card:has(.tag.confirmed) .gh-light-sweep {
  display: block !important;
  visibility: visible !important;
  animation: ghApprovedSweep 4.8s cubic-bezier(.38,0,.22,1) infinite !important;
}

.entries .entry-card.golden-horizon-card .gh-sparkles {
  z-index: 2 !important;
  opacity: .18 !important;
  animation: none !important;
  background:
    radial-gradient(circle at 22% 28%, rgba(255,255,255,.42) 0 1px, transparent 2px),
    radial-gradient(circle at 78% 31%, rgba(255,255,255,.32) 0 1px, transparent 2px) !important;
}
.entries .entry-card.golden-horizon-card.status-confirmed .gh-sparkles,
.entries .entry-card.golden-horizon-card:has(.tag.confirmed) .gh-sparkles {
  opacity: .92 !important;
  animation: ghApprovedPremiumTwinkle 3.8s ease-in-out infinite !important;
  background:
    radial-gradient(circle at 4% 36%, rgba(255,255,255,1) 0 1.6px, transparent 2.6px),
    radial-gradient(circle at 27% 19%, rgba(255,238,164,.96) 0 1.2px, transparent 2.2px),
    radial-gradient(circle at 49% 26%, rgba(255,255,255,.88) 0 1.1px, transparent 2.1px),
    radial-gradient(circle at 82% 43%, rgba(255,255,255,1) 0 1.5px, transparent 2.5px),
    radial-gradient(circle at 96% 22%, rgba(255,235,148,.96) 0 1.1px, transparent 2px) !important;
}

.entries .entry-card.golden-horizon-card .entry-time.golden-horizon-header::after {
  display: none !important;
}
.entries .entry-card.golden-horizon-card.status-confirmed .entry-time.golden-horizon-header::after,
.entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-time.golden-horizon-header::after {
  display: block !important;
  content: "✦" !important;
  position: absolute !important;
  right: 18px !important;
  top: 18px !important;
  z-index: 6 !important;
  color: rgba(255,255,255,.98) !important;
  font-size: 18px !important;
  text-shadow:
    0 0 12px rgba(255,255,255,.95),
    0 0 24px rgba(255,211,91,.88),
    0 0 42px rgba(255,169,38,.44) !important;
  opacity: .98 !important;
  background: none !important;
  animation: ghStarPop 3.4s ease-in-out infinite !important;
}

.entries .entry-card.golden-horizon-card .gh-icon,
.entries .entry-card.golden-horizon-card .gh-time-text,
.entries .entry-card.golden-horizon-card .gh-confirmed-mini {
  position: relative !important;
  z-index: 7 !important;
}
.entries .entry-card.golden-horizon-card .gh-time-text {
  color: #fff !important;
  text-shadow: 0 3px 12px rgba(0,0,0,.70), 0 0 18px rgba(255,255,255,.18) !important;
}
.entries .entry-card.golden-horizon-card.status-confirmed .gh-time-text,
.entries .entry-card.golden-horizon-card:has(.tag.confirmed) .gh-time-text {
  text-shadow: 0 4px 14px rgba(0,0,0,.70), 0 0 22px rgba(255,216,112,.38) !important;
}

@keyframes ghApprovedSweep {
  0%, 18% { left: -58%; opacity: 0; }
  28% { opacity: .96; }
  55% { left: 112%; opacity: .66; }
  66%, 100% { left: 112%; opacity: 0; }
}
@keyframes ghApprovedConfirmedBreath {
  0%, 100% { opacity: .84; filter: brightness(1); }
  50% { opacity: 1; filter: brightness(1.10); }
}
@keyframes ghApprovedPremiumTwinkle {
  0%, 100% { opacity: .62; filter: blur(0); }
  45% { opacity: 1; filter: blur(.15px); }
  72% { opacity: .78; }
}

@media (max-width: 700px) {
  .entries .entry-card.golden-horizon-card .entry-time.golden-horizon-header,
  .entries button.entry-card.golden-horizon-card .entry-time.golden-horizon-header {
    min-height: 72px !important;
    background-size: 100% 100%, 100% 100% !important;
    background-position: center center, center center !important;
  }
  .entries .entry-card.golden-horizon-card.status-confirmed .gh-light-sweep,
  .entries .entry-card.golden-horizon-card:has(.tag.confirmed) .gh-light-sweep {
    animation-duration: 5.2s !important;
  }
}

/* === Approved afternoon image replacement + confirmed-only animation visibility fix - 20260518D ===
   Uses Michael's corrected afternoon/daytime banner asset and makes the confirmed-event
   sweep visibly animate on iPhone Safari and desktop. Planned/flexible cards do not get
   the sweep. */
.entries .entry-card.golden-horizon-card.tod-afternoon {
  --gh-approved-banner: url('/assets/golden-horizon-user-afternoon.png') !important;
}

/* Keep the approved user-supplied images crisp and prevent the previous bad-AI/vector assets
   from bleeding through. */
.entries .entry-card.golden-horizon-card .entry-time.golden-horizon-header,
.entries button.entry-card.golden-horizon-card .entry-time.golden-horizon-header {
  background-image:
    linear-gradient(90deg,
      rgba(0,0,0,.50) 0%,
      rgba(0,0,0,.23) 18%,
      rgba(0,0,0,.02) 47%,
      rgba(0,0,0,.12) 76%,
      rgba(0,0,0,.43) 100%),
    var(--gh-approved-banner) !important;
  background-size: 100% 100%, 100% 100% !important;
  background-position: center center, center center !important;
  background-repeat: no-repeat, no-repeat !important;
}

/* Absolutely no sweep animation on non-confirmed cards. */
.entries .entry-card.golden-horizon-card:not(.status-confirmed):not(:has(.tag.confirmed)) .gh-light-sweep,
.entries .entry-card.golden-horizon-card:not(.status-confirmed):not(:has(.tag.confirmed)) .entry-time.golden-horizon-header .gh-light-sweep {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  animation: none !important;
}

/* Confirmed cards: obvious, premium, left-to-right moving sweep. */
.entries .entry-card.golden-horizon-card.status-confirmed .gh-light-sweep,
.entries .entry-card.golden-horizon-card:has(.tag.confirmed) .gh-light-sweep {
  display: block !important;
  visibility: visible !important;
  position: absolute !important;
  top: -35% !important;
  bottom: -35% !important;
  left: -70% !important;
  width: 62% !important;
  z-index: 10 !important;
  pointer-events: none !important;
  opacity: 0 !important;
  transform: skewX(-16deg) translate3d(0,0,0) !important;
  will-change: left, opacity, transform !important;
  mix-blend-mode: screen !important;
  background:
    linear-gradient(112deg,
      transparent 0%,
      transparent 23%,
      rgba(255,255,255,.16) 34%,
      rgba(255,248,205,.98) 46%,
      rgba(255,222,105,.86) 51%,
      rgba(255,255,255,.26) 61%,
      transparent 76%,
      transparent 100%) !important;
  filter: blur(.15px) drop-shadow(0 0 12px rgba(255,230,132,.55)) !important;
  animation: ghApprovedVisibleSweep 4.6s cubic-bezier(.35,0,.22,1) infinite !important;
}

/* Confirmed cards also get a soft moving horizon glow so the animation is visible even
   if a screenshot catches the main sweep between passes. */
.entries .entry-card.golden-horizon-card.status-confirmed .entry-time.golden-horizon-header,
.entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-time.golden-horizon-header {
  overflow: hidden !important;
}
.entries .entry-card.golden-horizon-card.status-confirmed .entry-time.golden-horizon-header::before,
.entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-time.golden-horizon-header::before {
  background:
    linear-gradient(180deg, rgba(255,255,255,.16), transparent 39%, rgba(0,0,0,.18) 100%),
    radial-gradient(circle at var(--gh-glow-x, 18%) 60%, rgba(255,242,180,.46), transparent 22%) !important;
  animation: ghConfirmedBreath 5.2s ease-in-out infinite, ghHorizonGlowDrift 8.5s ease-in-out infinite !important;
}

@keyframes ghApprovedVisibleSweep {
  0%, 16% { left: -70%; opacity: 0; }
  24% { opacity: .98; }
  48% { opacity: .90; }
  62% { left: 118%; opacity: .18; }
  72%, 100% { left: 118%; opacity: 0; }
}
@keyframes ghHorizonGlowDrift {
  0%, 100% { --gh-glow-x: 18%; }
  50% { --gh-glow-x: 76%; }
}

/* Mobile Safari reinforcement. */
@media (max-width: 700px) {
  .entries .entry-card.golden-horizon-card.status-confirmed .gh-light-sweep,
  .entries .entry-card.golden-horizon-card:has(.tag.confirmed) .gh-light-sweep {
    width: 72% !important;
    animation-duration: 4.8s !important;
  }
}

/* === STATIC.APP REPAIR + CONFIRMED SWEEP HARDENING - 20260518E ===
   Keeps the approved user-supplied banner images, reduces package bloat by no longer
   relying on old generated skyline assets, and makes the confirmed-only animation use
   transform-based movement for Safari reliability. */
.entries .entry-card.golden-horizon-card.tod-morning {
  --gh-approved-banner: url('/assets/golden-horizon-user-morning.png') !important;
}
.entries .entry-card.golden-horizon-card.tod-afternoon {
  --gh-approved-banner: url('/assets/golden-horizon-user-afternoon.png') !important;
}
.entries .entry-card.golden-horizon-card.tod-evening,
.entries .entry-card.golden-horizon-card.tod-night,
.entries .entry-card.golden-horizon-card.tod-late-night {
  --gh-approved-banner: url('/assets/golden-horizon-user-evening.png') !important;
}
.entries .entry-card.golden-horizon-card .entry-time.golden-horizon-header,
.entries button.entry-card.golden-horizon-card .entry-time.golden-horizon-header {
  background-image:
    linear-gradient(90deg, rgba(0,0,0,.48) 0%, rgba(0,0,0,.18) 18%, rgba(0,0,0,0) 48%, rgba(0,0,0,.13) 76%, rgba(0,0,0,.44) 100%),
    var(--gh-approved-banner) !important;
  background-size: 100% 100%, 100% 100% !important;
  background-position: center center, center center !important;
  background-repeat: no-repeat, no-repeat !important;
  overflow: hidden !important;
}
.entries .entry-card.golden-horizon-card:not(.status-confirmed):not(:has(.tag.confirmed)) .gh-light-sweep {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  animation: none !important;
}
.entries .entry-card.golden-horizon-card.status-confirmed .gh-light-sweep,
.entries .entry-card.golden-horizon-card:has(.tag.confirmed) .gh-light-sweep {
  display: block !important;
  visibility: visible !important;
  position: absolute !important;
  top: -45% !important;
  bottom: -45% !important;
  left: 0 !important;
  width: 46% !important;
  z-index: 12 !important;
  pointer-events: none !important;
  opacity: 0 !important;
  transform: translate3d(-170%,0,0) skewX(-15deg) !important;
  will-change: transform, opacity !important;
  mix-blend-mode: screen !important;
  background: linear-gradient(112deg,
    transparent 0%, transparent 21%,
    rgba(255,255,255,.10) 33%,
    rgba(255,250,215,.98) 47%,
    rgba(255,211,86,.78) 53%,
    rgba(255,255,255,.26) 64%,
    transparent 80%, transparent 100%) !important;
  filter: blur(.12px) drop-shadow(0 0 15px rgba(255,227,128,.72)) !important;
  animation: ghConfirmedTransformSweep 4.4s cubic-bezier(.32,0,.18,1) infinite !important;
}
@keyframes ghConfirmedTransformSweep {
  0%, 14% { transform: translate3d(-175%,0,0) skewX(-15deg); opacity: 0; }
  23% { opacity: .98; }
  50% { opacity: .88; }
  64% { transform: translate3d(265%,0,0) skewX(-15deg); opacity: .20; }
  76%, 100% { transform: translate3d(265%,0,0) skewX(-15deg); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .entries .entry-card.golden-horizon-card.status-confirmed .gh-light-sweep,
  .entries .entry-card.golden-horizon-card:has(.tag.confirmed) .gh-light-sweep {
    animation: none !important;
    opacity: 0 !important;
  }
}

/* === Golden Horizon refinement - 20260518F ===
   - Keeps Michael's corrected daytime/afternoon banner.
   - Removes the harsh confirmed-card sweep/blinking animation entirely.
   - Forces London Baby/open evening cards to use the same full skyline header treatment
     instead of the older pink/blue brand-gradient strip. */
.entries .entry-card.golden-horizon-card.tod-afternoon {
  --gh-approved-banner: url('/assets/golden-horizon-user-afternoon.png') !important;
}

/* Remove the current confirmed sweep animation; keep the premium still treatment. */
.entries .entry-card.golden-horizon-card .gh-light-sweep,
.entries .entry-card.golden-horizon-card.status-confirmed .gh-light-sweep,
.entries .entry-card.golden-horizon-card:has(.tag.confirmed) .gh-light-sweep {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  animation: none !important;
  background: none !important;
  filter: none !important;
}

/* Stop the remaining animated pulse/twinkle/star-pop effects so confirmed cards do not blink. */
.entries .entry-card.golden-horizon-card .entry-time.golden-horizon-header::before,
.entries .entry-card.golden-horizon-card.status-confirmed .entry-time.golden-horizon-header::before,
.entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-time.golden-horizon-header::before,
.entries .entry-card.golden-horizon-card .entry-time.golden-horizon-header::after,
.entries .entry-card.golden-horizon-card.status-confirmed .entry-time.golden-horizon-header::after,
.entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-time.golden-horizon-header::after,
.entries .entry-card.golden-horizon-card .gh-sparkles,
.entries .entry-card.golden-horizon-card.status-confirmed .gh-sparkles,
.entries .entry-card.golden-horizon-card:has(.tag.confirmed) .gh-sparkles {
  animation: none !important;
}

/* Keep a static, tasteful sparkle for confirmed cards only. */
.entries .entry-card.golden-horizon-card:not(.status-confirmed):not(:has(.tag.confirmed)) .entry-time.golden-horizon-header::after {
  display: none !important;
  content: none !important;
}
.entries .entry-card.golden-horizon-card.status-confirmed .entry-time.golden-horizon-header::after,
.entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-time.golden-horizon-header::after {
  display: block !important;
  content: "✦" !important;
  opacity: .86 !important;
  transform: none !important;
}
.entries .entry-card.golden-horizon-card.status-confirmed .gh-sparkles,
.entries .entry-card.golden-horizon-card:has(.tag.confirmed) .gh-sparkles {
  opacity: .58 !important;
}

/* Override old London Baby/open-card gradient treatment so open evening cards receive the full skyline header. */
html body #app.app-shell .entries .entry-card.golden-horizon-card.brand-logo-entry .entry-time.golden-horizon-header,
html body #app.app-shell .entries button.entry-card.golden-horizon-card.brand-logo-entry .entry-time.golden-horizon-header,
html body #app.app-shell .entry-card.golden-horizon-card.brand-logo-entry .entry-time,
html body .entry-card.golden-horizon-card.brand-logo-entry .entry-time {
  color: #fff !important;
  text-shadow: 0 3px 12px rgba(0,0,0,.70), 0 0 18px rgba(255,255,255,.18) !important;
  background-image:
    linear-gradient(90deg,
      rgba(0,0,0,.58) 0%,
      rgba(0,0,0,.30) 18%,
      rgba(0,0,0,.06) 47%,
      rgba(0,0,0,.18) 76%,
      rgba(0,0,0,.48) 100%),
    var(--gh-approved-banner) !important;
  background-size: 100% 100%, 100% 100% !important;
  background-position: center center, center center !important;
  background-repeat: no-repeat, no-repeat !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.42),
    inset 0 -18px 26px rgba(0,0,0,.28),
    inset 0 -1px 0 rgba(255,255,255,.20) !important;
  filter: saturate(1.03) contrast(1.02) brightness(.96) !important;
}

/* Brand/logo open cards with non-clock labels like “Later” should still use the night/evening skyline. */
html body #app.app-shell .entries .entry-card.golden-horizon-card.brand-logo-entry.tod-night,
html body #app.app-shell .entries .entry-card.golden-horizon-card.brand-logo-entry.tod-late-night,
html body #app.app-shell .entries .entry-card.golden-horizon-card.brand-logo-entry.tod-evening {
  --gh-approved-banner: url('/assets/golden-horizon-user-evening.png') !important;
}


/* === Evening-label skyline correction - 20260518G ===
   Non-clock open/later/evening cards are now classified in JS as night/evening
   so they use the same evening skyline banner as the "Return to Hotel. No Dinner Reservation." card. */
html body #app.app-shell .entries .entry-card.golden-horizon-card.tod-evening .entry-time.golden-horizon-header,
html body #app.app-shell .entries .entry-card.golden-horizon-card.tod-night .entry-time.golden-horizon-header,
html body #app.app-shell .entries .entry-card.golden-horizon-card.tod-late-night .entry-time.golden-horizon-header {
  background-image:
    linear-gradient(90deg, rgba(0,0,0,.48) 0%, rgba(0,0,0,.18) 18%, rgba(0,0,0,0) 48%, rgba(0,0,0,.13) 76%, rgba(0,0,0,.44) 100%),
    url('/assets/golden-horizon-user-evening.png') !important;
}

/* === Confirmed title plaque treatment - 20260518H ===
   Confirmed event cards now carry the same premium gold-plaque language used
   by the CONFIRMED badge into the title/summary text block. This applies only
   to the main itinerary cards, not detail modals or unconfirmed items. */
.entries .entry-card.golden-horizon-card.status-confirmed .entry-copy h3,
.entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-copy h3 {
  display: inline !important;
  color: #3f2b08 !important;
  font-weight: 900 !important;
  line-height: 1.32 !important;
  padding: .075em .34em .13em !important;
  border-radius: 14px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.62) 0%, rgba(255,238,157,.96) 22%, rgba(226,160,34,.98) 100%) !important;
  border: 1px solid rgba(151,100,11,.42) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.72) inset,
    0 -1px 0 rgba(112,70,6,.22) inset,
    0 8px 18px rgba(158,103,12,.18),
    0 0 18px rgba(255,214,91,.18) !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.48) !important;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.entries .entry-card.golden-horizon-card.status-confirmed .entry-copy p,
.entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-copy p {
  display: inline !important;
  color: #4d3712 !important;
  font-weight: 850 !important;
  line-height: 1.35 !important;
  padding: .06em .30em .10em !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.50) 0%, rgba(255,244,194,.92) 28%, rgba(237,188,77,.92) 100%) !important;
  border: 1px solid rgba(163,112,18,.28) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.60) inset,
    0 5px 14px rgba(140,94,16,.12) !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.38) !important;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.entries .entry-card.golden-horizon-card.status-confirmed .entry-copy h3 + p,
.entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-copy h3 + p {
  margin-top: 14px !important;
}

@media (max-width: 700px) {
  .entries .entry-card.golden-horizon-card.status-confirmed .entry-copy h3,
  .entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-copy h3 {
    border-radius: 11px !important;
    padding: .06em .24em .10em !important;
  }
  .entries .entry-card.golden-horizon-card.status-confirmed .entry-copy p,
  .entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-copy p {
    border-radius: 10px !important;
    padding: .05em .22em .08em !important;
  }
}

/* === REAL FIX: night banner + confirmed subtitle cleanup - 20260518I ===
   Keep the confirmed title gold plaque, but remove gold-plaque treatment from
   secondary summary text. Also force Eagle/Horse Meat Disco cards into the full
   nighttime skyline treatment if the JS/data classification is ambiguous. */
.entries .entry-card.golden-horizon-card.status-confirmed .entry-copy p,
.entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-copy p {
  display: block !important;
  color: #66738a !important;
  font-weight: 800 !important;
  line-height: 1.34 !important;
  padding: 0 !important;
  margin-top: 10px !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  -webkit-box-decoration-break: initial !important;
  box-decoration-break: initial !important;
}

.entries .entry-card.golden-horizon-card.status-confirmed .entry-copy h3 + p,
.entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-copy h3 + p {
  margin-top: 10px !important;
}

/* === Global cinematic thumbnail integration - 20260518J ===
   Applies a premium, time-of-day-aware treatment to all normal event thumbnails.
   This preserves the locked skyline header system and does not alter card structure. */
html body #app.app-shell .entries .entry-card.golden-horizon-card {
  --thumb-grade: saturate(1.06) contrast(1.04) brightness(1.01);
  --thumb-glow: rgba(15, 23, 42, .18);
  --thumb-edge: rgba(255,255,255,.82);
  --thumb-sheen: rgba(255,255,255,.30);
  --thumb-wash-1: rgba(255,255,255,.08);
  --thumb-wash-2: rgba(255,255,255,.00);
}

html body #app.app-shell .entries .entry-card.golden-horizon-card.tod-morning {
  --thumb-grade: sepia(.10) saturate(1.13) contrast(1.045) brightness(1.035);
  --thumb-glow: rgba(214, 141, 23, .26);
  --thumb-edge: rgba(255, 231, 171, .86);
  --thumb-sheen: rgba(255, 226, 164, .34);
  --thumb-wash-1: rgba(255, 214, 122, .16);
  --thumb-wash-2: rgba(255, 255, 255, .02);
}

html body #app.app-shell .entries .entry-card.golden-horizon-card.tod-afternoon {
  --thumb-grade: saturate(1.10) contrast(1.045) brightness(1.025);
  --thumb-glow: rgba(40, 130, 214, .22);
  --thumb-edge: rgba(190, 224, 255, .84);
  --thumb-sheen: rgba(209, 235, 255, .30);
  --thumb-wash-1: rgba(87, 166, 235, .12);
  --thumb-wash-2: rgba(255, 255, 255, .02);
}

html body #app.app-shell .entries .entry-card.golden-horizon-card.tod-evening,
html body #app.app-shell .entries .entry-card.golden-horizon-card.tod-night,
html body #app.app-shell .entries .entry-card.golden-horizon-card.tod-late-night {
  --thumb-grade: sepia(.045) saturate(1.16) contrast(1.07) brightness(.98) hue-rotate(-4deg);
  --thumb-glow: rgba(96, 66, 184, .28);
  --thumb-edge: rgba(223, 207, 255, .78);
  --thumb-sheen: rgba(255, 210, 152, .25);
  --thumb-wash-1: rgba(92, 55, 176, .16);
  --thumb-wash-2: rgba(255, 171, 84, .06);
}

html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-body {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 96% 14%, var(--thumb-wash-1), transparent 34%),
    linear-gradient(90deg, #fff 0%, #fff 74%, rgba(248,250,252,.96) 100%) !important;
}

html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-body::before {
  content: "" !important;
  position: absolute !important;
  z-index: 2 !important;
  top: 0 !important;
  right: 88px !important;
  bottom: 0 !important;
  width: 36px !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.55) 42%, #fff 100%) !important;
  opacity: .82 !important;
}

html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-body::after {
  content: "" !important;
  position: absolute !important;
  z-index: 4 !important;
  top: 10px !important;
  right: 10px !important;
  bottom: 10px !important;
  width: 102px !important;
  border-radius: 18px !important;
  pointer-events: none !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.46) 0%, rgba(255,255,255,.16) 18%, rgba(255,255,255,0) 48%),
    radial-gradient(circle at 24% 8%, var(--thumb-sheen), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0) 43%, rgba(0,0,0,.10) 100%) !important;
  border: 1px solid var(--thumb-edge) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.50), inset 0 -1px 0 rgba(0,0,0,.08) !important;
  mix-blend-mode: soft-light !important;
  opacity: .82 !important;
}

html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-thumb:not(.brand-entry-thumb) {
  position: relative !important;
  z-index: 3 !important;
  width: 102px !important;
  min-height: 118px !important;
  height: calc(100% - 20px) !important;
  align-self: stretch !important;
  margin: 10px 10px 10px 0 !important;
  border-radius: 18px !important;
  object-fit: cover !important;
  object-position: center center !important;
  box-shadow:
    0 16px 28px rgba(15, 23, 42, .18),
    0 8px 18px var(--thumb-glow),
    0 0 0 1px rgba(255,255,255,.68) inset !important;
  filter: var(--thumb-grade) !important;
  transform: translateZ(0) !important;
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
  -webkit-mask-image:
    linear-gradient(90deg, transparent 0%, #000 10%, #000 100%),
    linear-gradient(180deg, transparent 0%, #000 8%, #000 92%, transparent 100%) !important;
  -webkit-mask-composite: source-in !important;
  mask-image:
    linear-gradient(90deg, transparent 0%, #000 10%, #000 100%),
    linear-gradient(180deg, transparent 0%, #000 8%, #000 92%, transparent 100%) !important;
  mask-composite: intersect !important;
}

html body #app.app-shell .entries .entry-card.golden-horizon-card.status-confirmed .entry-thumb:not(.brand-entry-thumb),
html body #app.app-shell .entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-thumb:not(.brand-entry-thumb) {
  box-shadow:
    0 18px 34px rgba(86,54,9,.18),
    0 9px 22px var(--thumb-glow),
    0 0 0 1px rgba(255,236,169,.76) inset,
    0 0 18px rgba(255,210,82,.16) !important;
}

html body #app.app-shell .entries .entry-card.golden-horizon-card.brand-logo-entry .entry-body::before,
html body #app.app-shell .entries .entry-card.golden-horizon-card.brand-logo-entry .entry-body::after {
  display: none !important;
  content: none !important;
}

@media (max-width: 760px) {
  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-body::before {
    right: 89px !important;
    width: 34px !important;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-body::after {
    top: 8px !important;
    right: 8px !important;
    bottom: 8px !important;
    width: 96px !important;
    border-radius: 17px !important;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-thumb:not(.brand-entry-thumb) {
    width: 96px !important;
    min-height: 116px !important;
    height: calc(100% - 16px) !important;
    margin: 8px 8px 8px 0 !important;
    border-radius: 17px !important;
  }
}

/* PHOTO FRAMING SAFETY FIX — 2026-05-18
   Purpose: keep the current cinematic/glass/fade thumbnail treatment, but stop
   event photos from being aggressively cropped inside the card thumbnail window.
   Scope: event card thumbnails only. This does not touch the neon top navigation,
   date buttons, launch buttons, skyline headers, page overflow, or card structure.
*/
html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-thumb:not(.brand-entry-thumb) {
  object-fit: contain !important;
  object-position: center center !important;
  padding: 0 !important;
  background: transparent !important;
}

/* Keep brand/logo cards readable without changing the surrounding card design. */
html body #app.app-shell .entries .entry-card.golden-horizon-card.brand-logo-entry .entry-thumb,
html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-thumb.brand-entry-thumb {
  object-fit: contain !important;
  object-position: center center !important;
}

/* Preserve normal document scrolling on iPhone Safari. */
html, body, #app.app-shell {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

/* PHOTO INTEGRATION REPAIR — 2026-05-18B
   Keeps the current stable build intact while replacing the too-large blank
   thumbnail shell with a tighter, designed-in glass photo tile. The actual
   image uses object-fit: contain so meaningful content is not zoomed/cropped. */
html body #app.app-shell .entries .entry-card.golden-horizon-card {
  --photo-panel: rgba(255,255,255,.72);
  --photo-panel-2: rgba(248,250,252,.52);
  --photo-border: rgba(255,255,255,.86);
  --photo-ambient: rgba(15,23,42,.12);
}

html body #app.app-shell .entries .entry-card.golden-horizon-card.tod-morning {
  --photo-panel: rgba(255,249,233,.76);
  --photo-panel-2: rgba(255,226,151,.34);
  --photo-border: rgba(255,232,177,.88);
  --photo-ambient: rgba(218,151,35,.20);
}

html body #app.app-shell .entries .entry-card.golden-horizon-card.tod-afternoon {
  --photo-panel: rgba(246,251,255,.76);
  --photo-panel-2: rgba(178,221,255,.30);
  --photo-border: rgba(205,233,255,.88);
  --photo-ambient: rgba(47,137,220,.18);
}

html body #app.app-shell .entries .entry-card.golden-horizon-card.tod-evening,
html body #app.app-shell .entries .entry-card.golden-horizon-card.tod-night,
html body #app.app-shell .entries .entry-card.golden-horizon-card.tod-late-night {
  --photo-panel: rgba(255,250,246,.73);
  --photo-panel-2: rgba(155,118,221,.20);
  --photo-border: rgba(238,220,255,.84);
  --photo-ambient: rgba(101,70,184,.22);
}

html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-body {
  background:
    radial-gradient(ellipse at 94% 50%, var(--photo-panel-2) 0%, rgba(255,255,255,.50) 28%, rgba(255,255,255,0) 48%),
    linear-gradient(90deg, #fff 0%, #fff 68%, rgba(248,250,252,.86) 100%) !important;
}

/* Remove the previous tall empty glass outline that made contained images look stranded. */
html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-body::after {
  display: none !important;
  content: none !important;
}

/* Keep only a gentle atmospheric fade from text to photo, not a boxed blank panel. */
html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-body::before {
  right: 108px !important;
  width: 42px !important;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.42) 55%, rgba(255,255,255,.94) 100%) !important;
  opacity: .70 !important;
}

html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-thumb:not(.brand-entry-thumb) {
  z-index: 3 !important;
  width: 118px !important;
  max-width: 118px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 148px !important;
  align-self: center !important;
  justify-self: end !important;
  margin: 12px 12px 12px 0 !important;
  padding: 5px !important;
  box-sizing: border-box !important;
  border-radius: 22px !important;
  object-fit: contain !important;
  object-position: center center !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.72) 0%, rgba(255,255,255,.30) 30%, rgba(255,255,255,.08) 100%),
    radial-gradient(circle at 18% 12%, rgba(255,255,255,.92), rgba(255,255,255,0) 34%),
    linear-gradient(180deg, var(--photo-panel), var(--photo-panel-2)) !important;
  border: 1px solid var(--photo-border) !important;
  box-shadow:
    0 18px 34px rgba(15,23,42,.13),
    0 8px 22px var(--photo-ambient),
    inset 0 1px 0 rgba(255,255,255,.86),
    inset 0 -1px 0 rgba(15,23,42,.08) !important;
  filter: var(--thumb-grade) !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  overflow: hidden !important;
}

html body #app.app-shell .entries .entry-card.golden-horizon-card.status-confirmed .entry-thumb:not(.brand-entry-thumb),
html body #app.app-shell .entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-thumb:not(.brand-entry-thumb) {
  box-shadow:
    0 19px 38px rgba(86,54,9,.16),
    0 10px 25px var(--photo-ambient),
    0 0 20px rgba(255,210,82,.13),
    inset 0 1px 0 rgba(255,255,255,.88),
    inset 0 -1px 0 rgba(91,57,8,.10) !important;
}

@media (max-width: 760px) {
  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-body::before {
    right: 100px !important;
    width: 38px !important;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-thumb:not(.brand-entry-thumb) {
    width: 110px !important;
    max-width: 110px !important;
    max-height: 142px !important;
    margin: 10px 10px 10px 0 !important;
    padding: 4px !important;
    border-radius: 20px !important;
  }
}

@media (max-width: 390px) {
  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-thumb:not(.brand-entry-thumb) {
    width: 104px !important;
    max-width: 104px !important;
    max-height: 136px !important;
  }
}

/* PHOTO FILL ADJUSTMENT — 2026-05-18C
   Keeps the approved integrated glass/photo treatment, but lets the photos occupy
   more of their card space. This is scoped only to itinerary card thumbnails and
   avoids the prior aggressive crop/zoom issue by preserving object-fit: contain. */
html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-body::before {
  right: 124px !important;
  width: 36px !important;
  opacity: .64 !important;
}

html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-thumb:not(.brand-entry-thumb) {
  width: 136px !important;
  max-width: 136px !important;
  height: 136px !important;
  max-height: 168px !important;
  margin: 10px 12px 10px 0 !important;
  padding: 2px !important;
  border-radius: 22px !important;
  object-fit: contain !important;
  object-position: center center !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.58) 0%, rgba(255,255,255,.20) 38%, rgba(255,255,255,.05) 100%),
    radial-gradient(circle at 18% 12%, rgba(255,255,255,.72), rgba(255,255,255,0) 30%),
    linear-gradient(180deg, var(--photo-panel), var(--photo-panel-2)) !important;
}

html body #app.app-shell .entries .entry-card.golden-horizon-card.brand-logo-entry .entry-thumb,
html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-thumb.brand-entry-thumb {
  object-fit: contain !important;
  object-position: center center !important;
}

@media (max-width: 760px) {
  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-body::before {
    right: 115px !important;
    width: 32px !important;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-thumb:not(.brand-entry-thumb) {
    width: 126px !important;
    max-width: 126px !important;
    height: 126px !important;
    max-height: 154px !important;
    margin: 9px 9px 9px 0 !important;
    padding: 2px !important;
    border-radius: 21px !important;
  }
}

@media (max-width: 390px) {
  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-body::before {
    right: 108px !important;
    width: 28px !important;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-thumb:not(.brand-entry-thumb) {
    width: 118px !important;
    max-width: 118px !important;
    height: 118px !important;
    max-height: 146px !important;
    margin-right: 8px !important;
  }
}

/* === PHOTO/TEXT COLLISION + UNIFIED GOLD PLAQUE FIX — 2026-05-18D ===
   Scope: global itinerary cards only. This protects text from the enlarged photo
   treatment and replaces the confirmed-title line-by-line highlight with one
   continuous Apple-style gold plaque across the full title block. */
html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-body {
  grid-template-columns: minmax(0, 1fr) 156px !important;
  column-gap: 14px !important;
  align-items: center !important;
}

html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-copy {
  min-width: 0 !important;
  max-width: 100% !important;
  padding-right: 0 !important;
  position: relative !important;
  z-index: 5 !important;
}

html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-copy h3,
html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-copy p {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-thumb:not(.brand-entry-thumb) {
  grid-column: 2 !important;
  justify-self: end !important;
  align-self: center !important;
  position: relative !important;
  z-index: 3 !important;
}

/* The fade should sit between the reserved text column and the photo column, not over readable text. */
html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-body::before {
  right: 150px !important;
  width: 28px !important;
  opacity: .52 !important;
}

/* Unified confirmed title plaque: one premium block, not separate highlighted rows. */
html body #app.app-shell .entries .entry-card.golden-horizon-card.status-confirmed .entry-copy h3,
html body #app.app-shell .entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-copy h3 {
  display: block !important;
  box-sizing: border-box !important;
  width: fit-content !important;
  max-width: 100% !important;
  color: #322105 !important;
  font-weight: 950 !important;
  line-height: 1.06 !important;
  padding: 10px 14px 12px !important;
  border-radius: 18px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.92) 0%, rgba(255,241,169,.98) 18%, rgba(244,194,66,.98) 58%, rgba(213,145,23,.98) 100%) !important;
  border: 1px solid rgba(139,91,10,.42) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.86),
    inset 0 -2px 0 rgba(100,61,4,.20),
    0 1px 0 rgba(255,255,255,.66),
    0 10px 22px rgba(128,83,12,.16),
    0 0 22px rgba(255,214,88,.16) !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.52) !important;
  -webkit-box-decoration-break: initial !important;
  box-decoration-break: initial !important;
}

html body #app.app-shell .entries .entry-card.golden-horizon-card.status-confirmed .entry-copy h3::before,
html body #app.app-shell .entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-copy h3::before {
  content: "" !important;
  position: absolute !important;
  inset: 1px 1px auto 1px !important;
  height: 42% !important;
  border-radius: 17px 17px 10px 10px !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(255,255,255,.46), rgba(255,255,255,0)) !important;
}

html body #app.app-shell .entries .entry-card.golden-horizon-card.status-confirmed .entry-copy p,
html body #app.app-shell .entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-copy p {
  position: relative !important;
  z-index: 6 !important;
}

@media (max-width: 760px) {
  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-body {
    grid-template-columns: minmax(0, 1fr) 140px !important;
    column-gap: 10px !important;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-body::before {
    right: 134px !important;
    width: 24px !important;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card.status-confirmed .entry-copy h3,
  html body #app.app-shell .entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-copy h3 {
    padding: 8px 11px 10px !important;
    border-radius: 15px !important;
    line-height: 1.07 !important;
  }
}

@media (max-width: 390px) {
  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-body {
    grid-template-columns: minmax(0, 1fr) 130px !important;
    column-gap: 8px !important;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-body::before {
    right: 124px !important;
    width: 22px !important;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card.status-confirmed .entry-copy h3,
  html body #app.app-shell .entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-copy h3 {
    padding: 7px 9px 9px !important;
    border-radius: 13px !important;
  }
}

/* === GLOBAL VISUAL REFINEMENT: HEADER LABEL REMOVAL + APPLE-STYLE PLAQUE — 2026-05-18E ===
   Scope: global itinerary cards only.
   - Removes duplicate/cropped CONFIRMED text from skyline headers.
   - Refines confirmed title plaque into a restrained champagne-metal panel.
   - Protects copy from photo overlap while preserving the integrated photo treatment.
   - Tightens badge rhythm and reduces competing visual weight. */

/* The confirmed state is already shown in the pill badge, so remove the duplicate header label globally. */
html body #app.app-shell .entries .entry-card.golden-horizon-card .gh-confirmed-mini,
html body #app.app-shell .entries .entry-card.golden-horizon-card.status-confirmed .gh-confirmed-mini,
html body #app.app-shell .entries .entry-card.golden-horizon-card:has(.tag.confirmed) .gh-confirmed-mini {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  content: none !important;
}

/* Keep only the time and quiet atmosphere in the skyline header; no extra right-side copy. */
html body #app.app-shell .entries .entry-card.golden-horizon-card.status-confirmed .entry-time.golden-horizon-header::after,
html body #app.app-shell .entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-time.golden-horizon-header::after {
  display: none !important;
  content: none !important;
}

/* Give the card body a stable two-column composition so photos cannot invade text. */
html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-body {
  grid-template-columns: minmax(0, 1fr) clamp(118px, 28vw, 150px) !important;
  column-gap: 14px !important;
  align-items: center !important;
  overflow: hidden !important;
}

html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-copy {
  min-width: 0 !important;
  max-width: 100% !important;
  padding-right: 0 !important;
}

/* Keep the atmospheric fade outside the readable copy column. */
html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-body::before {
  right: clamp(124px, 29vw, 156px) !important;
  width: 24px !important;
  opacity: .38 !important;
  pointer-events: none !important;
}

/* Photo remains premium and larger, but is confined to its own protected column. */
html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-thumb:not(.brand-entry-thumb) {
  grid-column: 2 !important;
  width: clamp(112px, 26vw, 138px) !important;
  max-width: clamp(112px, 26vw, 138px) !important;
  height: clamp(112px, 26vw, 138px) !important;
  justify-self: end !important;
  align-self: center !important;
  margin: 10px 10px 10px 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
}

/* Tighter, calmer badge stack. */
html body #app.app-shell .entries .entry-card.golden-horizon-card .tags {
  gap: 8px !important;
  margin-bottom: 12px !important;
  align-items: center !important;
}

html body #app.app-shell .entries .entry-card.golden-horizon-card .tag {
  box-shadow: 0 6px 16px rgba(15,23,42,.045) !important;
}

/* Replace the loud casino-gold slab with a quieter Apple-style champagne metal plaque. */
html body #app.app-shell .entries .entry-card.golden-horizon-card.status-confirmed .entry-copy h3,
html body #app.app-shell .entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-copy h3 {
  position: relative !important;
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  color: #2f250f !important;
  font-weight: 930 !important;
  letter-spacing: -.045em !important;
  line-height: 1.10 !important;
  padding: 8px 12px 10px !important;
  border-radius: 14px !important;
  background:
    linear-gradient(180deg,
      rgba(255,255,255,.82) 0%,
      rgba(255,246,205,.95) 25%,
      rgba(239,198,91,.92) 68%,
      rgba(202,139,28,.88) 100%) !important;
  border: 1px solid rgba(139,103,32,.34) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -1px 0 rgba(92,61,13,.16),
    0 1px 0 rgba(255,255,255,.68),
    0 8px 18px rgba(83,59,19,.10) !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.40) !important;
  -webkit-box-decoration-break: initial !important;
  box-decoration-break: initial !important;
  overflow: hidden !important;
}

html body #app.app-shell .entries .entry-card.golden-horizon-card.status-confirmed .entry-copy h3::before,
html body #app.app-shell .entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-copy h3::before {
  content: "" !important;
  position: absolute !important;
  inset: 1px 1px auto 1px !important;
  height: 38% !important;
  border-radius: 13px 13px 7px 7px !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(255,255,255,.42), rgba(255,255,255,0)) !important;
}

html body #app.app-shell .entries .entry-card.golden-horizon-card.status-confirmed .entry-copy h3::after,
html body #app.app-shell .entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-copy h3::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  background: linear-gradient(110deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.20) 42%, rgba(255,255,255,0) 70%) !important;
  opacity: .42 !important;
}

/* Secondary description stays quiet and readable. */
html body #app.app-shell .entries .entry-card.golden-horizon-card.status-confirmed .entry-copy p,
html body #app.app-shell .entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-copy p {
  color: #647189 !important;
  font-weight: 800 !important;
  line-height: 1.34 !important;
  margin-top: 12px !important;
  max-width: 100% !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

@media (max-width: 760px) {
  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-body {
    grid-template-columns: minmax(0, 1fr) 128px !important;
    column-gap: 10px !important;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-thumb:not(.brand-entry-thumb) {
    width: 120px !important;
    max-width: 120px !important;
    height: 120px !important;
    margin: 9px 8px 9px 0 !important;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-body::before {
    right: 122px !important;
    width: 22px !important;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card.status-confirmed .entry-copy h3,
  html body #app.app-shell .entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-copy h3 {
    padding: 7px 10px 9px !important;
    border-radius: 12px !important;
    line-height: 1.105 !important;
  }
}

@media (max-width: 390px) {
  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-body {
    grid-template-columns: minmax(0, 1fr) 116px !important;
    column-gap: 8px !important;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-thumb:not(.brand-entry-thumb) {
    width: 108px !important;
    max-width: 108px !important;
    height: 108px !important;
    margin-right: 7px !important;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-body::before {
    right: 110px !important;
    width: 20px !important;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card.status-confirmed .entry-copy h3,
  html body #app.app-shell .entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-copy h3 {
    padding: 6px 8px 8px !important;
    border-radius: 11px !important;
  }
}

/* === APPLE-QUALITY CARD MATERIAL PASS — 2026-05-18F ===
   Controlled global refinement pass for itinerary cards only.
   Goals:
   - retain current skyline system and app header/nav systems
   - make confirmed title plaques calmer, thinner, and materially believable
   - keep photos large, integrated, and protected from text collisions
   - reduce casino/mobile-game heaviness and move toward Apple-style restraint
*/

html body #app.app-shell .entries .entry-card.golden-horizon-card {
  --apple-card-radius: 28px;
  --apple-photo-size: clamp(126px, 27vw, 164px);
  --apple-photo-gap: clamp(14px, 2.2vw, 24px);
  --apple-body-pad-y: clamp(18px, 2.5vw, 28px);
  --apple-body-pad-x: clamp(18px, 3vw, 34px);
  --apple-brass-top: #fff5d5;
  --apple-brass-mid: #e8c471;
  --apple-brass-low: #b9872f;
  --apple-brass-edge: rgba(116, 84, 26, .34);
  --apple-brass-ink: #251d0d;
  border-radius: var(--apple-card-radius) !important;
  box-shadow:
    0 18px 44px rgba(15,23,42,.105),
    0 1px 0 rgba(255,255,255,.72) inset !important;
}

html body #app.app-shell .entries .entry-card.golden-horizon-card.status-confirmed,
html body #app.app-shell .entries .entry-card.golden-horizon-card:has(.tag.confirmed) {
  box-shadow:
    0 0 0 1.25px rgba(218,169,62,.76),
    0 0 0 4px rgba(255,223,128,.10),
    0 20px 48px rgba(78,55,18,.16) !important;
}

html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-body {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) var(--apple-photo-size) !important;
  column-gap: var(--apple-photo-gap) !important;
  align-items: center !important;
  min-height: calc(var(--apple-photo-size) + 42px) !important;
  padding: var(--apple-body-pad-y) var(--apple-body-pad-x) !important;
  overflow: hidden !important;
  background:
    radial-gradient(ellipse at 96% 50%, var(--photo-panel-2, rgba(250,250,250,.45)) 0%, rgba(255,255,255,.62) 28%, rgba(255,255,255,0) 52%),
    linear-gradient(90deg, #ffffff 0%, #ffffff 68%, rgba(250,251,253,.92) 100%) !important;
}

html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-copy {
  grid-column: 1 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 0 !important;
  position: relative !important;
  z-index: 5 !important;
}

html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-body::before {
  content: "" !important;
  position: absolute !important;
  z-index: 2 !important;
  top: 0 !important;
  bottom: 0 !important;
  right: calc(var(--apple-photo-size) + var(--apple-body-pad-x) - 4px) !important;
  width: 34px !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.50) 52%, rgba(255,255,255,.96)) !important;
  opacity: .44 !important;
}

html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-body::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 1 !important;
  right: calc(var(--apple-body-pad-x) - 8px) !important;
  top: 50% !important;
  width: calc(var(--apple-photo-size) + 22px) !important;
  height: calc(var(--apple-photo-size) + 22px) !important;
  transform: translateY(-50%) !important;
  border-radius: 26px !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 24% 15%, rgba(255,255,255,.95), rgba(255,255,255,0) 34%),
    linear-gradient(180deg, rgba(255,255,255,.58), rgba(255,255,255,.18)) !important;
  box-shadow:
    0 18px 34px rgba(15,23,42,.08),
    inset 0 1px 0 rgba(255,255,255,.80) !important;
  opacity: .78 !important;
}

html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-thumb:not(.brand-entry-thumb) {
  grid-column: 2 !important;
  z-index: 4 !important;
  justify-self: end !important;
  align-self: center !important;
  width: var(--apple-photo-size) !important;
  max-width: var(--apple-photo-size) !important;
  height: var(--apple-photo-size) !important;
  max-height: var(--apple-photo-size) !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 20px !important;
  object-fit: cover !important;
  object-position: center center !important;
  background: rgba(255,255,255,.72) !important;
  border: 2px solid rgba(255,255,255,.92) !important;
  box-shadow:
    0 16px 28px rgba(15,23,42,.14),
    0 8px 22px var(--photo-ambient, rgba(15,23,42,.12)),
    0 0 0 1px var(--photo-border, rgba(255,255,255,.86)),
    inset 0 1px 0 rgba(255,255,255,.68) !important;
  filter: var(--thumb-grade) !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

html body #app.app-shell .entries .entry-card.golden-horizon-card.brand-logo-entry .entry-body::after {
  display: none !important;
  content: none !important;
}

html body #app.app-shell .entries .entry-card.golden-horizon-card.brand-logo-entry .entry-thumb,
html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-thumb.brand-entry-thumb {
  object-fit: contain !important;
  background: rgba(255,255,255,.88) !important;
  padding: 6px !important;
}

html body #app.app-shell .entries .entry-card.golden-horizon-card .tags {
  gap: 8px !important;
  margin-bottom: 14px !important;
}

html body #app.app-shell .entries .entry-card.golden-horizon-card .tag {
  box-shadow: 0 5px 14px rgba(15,23,42,.045) !important;
}

/* Quiet champagne-metal plaque for confirmed title blocks. */
html body #app.app-shell .entries .entry-card.golden-horizon-card.status-confirmed .entry-copy h3,
html body #app.app-shell .entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-copy h3 {
  position: relative !important;
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: clamp(10px, 1.5vw, 16px) clamp(14px, 2vw, 20px) !important;
  border-radius: 12px !important;
  color: var(--apple-brass-ink) !important;
  font-size: clamp(25px, 4.25vw, 42px) !important;
  line-height: 1.06 !important;
  letter-spacing: -.055em !important;
  font-weight: 930 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.45) !important;
  background:
    radial-gradient(circle at 13px 13px, rgba(111,78,24,.34) 0 2px, rgba(255,255,255,.48) 2.6px 3.2px, transparent 3.8px),
    radial-gradient(circle at calc(100% - 13px) 13px, rgba(111,78,24,.30) 0 2px, rgba(255,255,255,.46) 2.6px 3.2px, transparent 3.8px),
    radial-gradient(circle at 13px calc(100% - 13px), rgba(111,78,24,.24) 0 1.8px, rgba(255,255,255,.38) 2.4px 3px, transparent 3.6px),
    radial-gradient(circle at calc(100% - 13px) calc(100% - 13px), rgba(111,78,24,.24) 0 1.8px, rgba(255,255,255,.38) 2.4px 3px, transparent 3.6px),
    linear-gradient(180deg, rgba(255,255,255,.68) 0%, rgba(255,255,255,.16) 23%, rgba(255,255,255,0) 45%),
    linear-gradient(180deg, var(--apple-brass-top) 0%, var(--apple-brass-mid) 54%, var(--apple-brass-low) 100%) !important;
  border: 1px solid var(--apple-brass-edge) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -1px 0 rgba(76,52,15,.20),
    0 1px 0 rgba(255,255,255,.66),
    0 9px 18px rgba(80,58,19,.12) !important;
  overflow: hidden !important;
  -webkit-box-decoration-break: initial !important;
  box-decoration-break: initial !important;
}

html body #app.app-shell .entries .entry-card.golden-horizon-card.status-confirmed .entry-copy h3::before,
html body #app.app-shell .entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-copy h3::before {
  content: "" !important;
  position: absolute !important;
  inset: 1px 1px auto 1px !important;
  height: 40% !important;
  border-radius: 11px 11px 7px 7px !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(255,255,255,.38), rgba(255,255,255,0)) !important;
  opacity: .78 !important;
}

html body #app.app-shell .entries .entry-card.golden-horizon-card.status-confirmed .entry-copy h3::after,
html body #app.app-shell .entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-copy h3::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  background:
    linear-gradient(110deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.17) 43%, rgba(255,255,255,0) 70%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.045) 0 1px, rgba(95,63,12,.025) 1px 2px, transparent 2px 5px) !important;
  opacity: .42 !important;
}

html body #app.app-shell .entries .entry-card.golden-horizon-card.status-confirmed .entry-copy p,
html body #app.app-shell .entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-copy p {
  color: #68758c !important;
  font-weight: 800 !important;
  line-height: 1.34 !important;
  margin-top: 14px !important;
  max-width: 100% !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

@media (max-width: 760px) {
  html body #app.app-shell .entries .entry-card.golden-horizon-card {
    --apple-photo-size: clamp(120px, 31vw, 146px);
    --apple-photo-gap: 12px;
    --apple-body-pad-y: 20px;
    --apple-body-pad-x: 18px;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-body {
    grid-template-columns: minmax(0, 1fr) var(--apple-photo-size) !important;
    min-height: calc(var(--apple-photo-size) + 48px) !important;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-body::before {
    right: calc(var(--apple-photo-size) + var(--apple-body-pad-x) - 5px) !important;
    width: 25px !important;
    opacity: .32 !important;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-body::after {
    right: calc(var(--apple-body-pad-x) - 7px) !important;
    width: calc(var(--apple-photo-size) + 18px) !important;
    height: calc(var(--apple-photo-size) + 18px) !important;
    border-radius: 24px !important;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card .entry-thumb:not(.brand-entry-thumb) {
    width: var(--apple-photo-size) !important;
    max-width: var(--apple-photo-size) !important;
    height: var(--apple-photo-size) !important;
    max-height: var(--apple-photo-size) !important;
    border-radius: 19px !important;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card.status-confirmed .entry-copy h3,
  html body #app.app-shell .entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-copy h3 {
    font-size: clamp(26px, 6vw, 36px) !important;
    line-height: 1.075 !important;
    padding: 10px 13px 12px !important;
    border-radius: 12px !important;
  }
}

@media (max-width: 390px) {
  html body #app.app-shell .entries .entry-card.golden-horizon-card {
    --apple-photo-size: 116px;
    --apple-photo-gap: 9px;
    --apple-body-pad-y: 18px;
    --apple-body-pad-x: 16px;
  }

  html body #app.app-shell .entries .entry-card.golden-horizon-card.status-confirmed .entry-copy h3,
  html body #app.app-shell .entries .entry-card.golden-horizon-card:has(.tag.confirmed) .entry-copy h3 {
    font-size: clamp(24px, 6.2vw, 32px) !important;
    padding: 9px 11px 11px !important;
  }
}