body[data-theme='48'] .olive-details-section:not(.olive-timeline-section) {
  height: 540px;
  background-position: 0 0;
}

body[data-theme='48'] .olive-details-section:not(.olive-timeline-section)::after {
  display: none;
}

body[data-theme='48'] .olive-timeline-section {
  position: relative;
  isolation: isolate;
  display: block;
  width: 420px;
  height: 360px;
  overflow: hidden;
  color: #3b520d;
  font-family: 'Hepta Slab', serif;
  background: var(--paper) url("assets/hero-bg.png") center/cover;
}

body[data-theme='48'] .olive-timeline-section::before { display: none; }

body[data-theme='48'] .olive-timeline-section::after {
  content: '';
  position: absolute;
  z-index: 0;
  top: 74px;
  left: -19px;
  width: 458px;
  height: 413px;
  background-image: url('https://w.ladicdn.com/s800x450/691804d3a89f3900120ca482/bg2-20260607061536-z5_5c.png');
  background-position: 1px 0;
  background-size: 450px 220px;
  background-repeat: no-repeat;
  pointer-events: none;
}

body[data-theme='48'] .olive-timeline-section .olive-details__timeline-title {
  top: 12px;
}

body[data-theme='48'] .olive-timeline-section .olive-details__timeline {
  top: 110px;
}




body[data-theme='48'] .olive-timeline-section > * { z-index: 1; }

/* On tall desktop screens, extend the cover texture only inside the existing
   420px cover column. The page outside the cover remains untouched. */
@media (min-width:701px) {
  body[data-theme='48'] dialog.olive-cover-opening {
    top:0 !important;
    right:auto !important;
    bottom:0 !important;
    left:50% !important;
    width:420px !important;
    height:100dvh !important;
    max-width:420px !important;
    max-height:none !important;
    margin:0 !important;
    transform:translateX(-50%) !important;
    background:transparent !important;
    overflow:hidden !important;
  }

  body[data-theme='48'] dialog.olive-cover-opening .olive-cover-opening__canvas {
    height:100% !important;
    background-color:#71883a !important;
    background-image:
      linear-gradient(rgba(59,74,25,.34),rgba(59,74,25,.34)),
      url('assets/olive-cover-texture.png') !important;
    background-position:center !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
  }
}