/* Stellar's editorial highlight deck, using Mini's approved light material.
   The shared gallery owns fit, selection, autoplay and motion. */
.qp-page .qp-read-page[data-product="mini"] #formats .qp-mixup-highlight__copy h3 {
  font-size: clamp(30px, 3.2vw, 42px);
  line-height: 1.12;
}
.qp-page .qp-read-page[data-product="mini"] #formats .qp-mixup-highlight__copy p { font-size: 15px; line-height: 1.6; }
.qp-page .qp-read-page[data-product="mini"] #formats [data-format-cards] {
  display: block; overflow: hidden; scroll-snap-type: none; padding: 0;
  touch-action: pan-y pinch-zoom; perspective: 1200px;
}
.qp-page .qp-read-page[data-product="mini"] #formats [data-format-cards]::after { content: none; }
.qp-page .qp-read-page[data-product="mini"] #formats [data-format-cards] > [data-format-item] {
  position: absolute; left: 44%; top: 50%;
  width: var(--cascade-width, 72%); height: var(--cascade-height, 88%);
  min-height: 0; margin: 0; overflow: hidden; border-radius: 19px;
  background: #f5f6f9; z-index: calc(6 - var(--card-depth, 0));
  transform: translate(-50%, -50%) translateX(calc(var(--card-depth, 0) * 42px)) scale(calc(1 - var(--card-depth, 0) * .09)) rotate(calc(var(--card-depth, 0) * 3deg));
  transform-origin: 50% 70%;
  transition: transform 600ms cubic-bezier(.22,1,.36,1), opacity 400ms ease;
  opacity: 0; pointer-events: none;
}
.qp-page .qp-read-page[data-product="mini"] #formats [data-format-cards] > [data-card-depth="0"] { transform: translate(-50%, -50%) translateX(var(--card-drag, 0px)); }
.qp-page .qp-read-page[data-product="mini"] #formats [data-format-cards] > :is([data-card-depth="0"],[data-card-depth="1"],[data-card-depth="2"]) { opacity: 1; pointer-events: auto; }
.qp-page .qp-read-page[data-product="mini"] #formats [data-format-cards]:is(.is-dragging,[data-card-instant="true"]) > [data-format-item] { transition: none; }
.qp-page .qp-read-page[data-product="mini"] #formats [data-format-cards]:not(:has([data-card-depth])) { display: flex; overflow-x: auto; gap: 16px; }
.qp-page .qp-read-page[data-product="mini"] #formats [data-format-cards] > [data-format-item]:not([data-card-depth]) { position: relative; left: auto; top: auto; flex: 0 0 82%; transform: none; opacity: 1; pointer-events: auto; }
.qp-page .qp-read-page[data-product="mini"] #formats [data-format-item]:not([data-card-depth]) .stellar-card-select { display: none; }
.qp-page .qp-read-page[data-product="mini"] #formats .stellar-card-select {
  position: absolute; inset: 0; z-index: 3; width: 100%; height: 100%;
  padding: 0; border: 0; border-radius: inherit; background: transparent; cursor: pointer;
}
.qp-page .qp-read-page[data-product="mini"] #formats .stellar-card-select:focus-visible { outline: 3px solid #3968c5; outline-offset: -4px; }
.qp-page [data-product="mini"] .stellar-cascade-controls { display: contents; }
.qp-page [data-product="mini"] .stellar-cascade-controls button {
  position: absolute; z-index: 8; display: grid; place-items: center;
  width: 44px; height: 44px; padding: 0;
  border: 1px solid rgba(40,48,68,.18); border-radius: 50%;
  background: rgba(248,249,252,.9); color: #283044; cursor: pointer;
}
.qp-page [data-product="mini"] .stellar-cascade-controls [data-cascade-play] { top: 24px; right: 24px; }
.qp-page [data-product="mini"] .stellar-cascade-controls [data-cascade-prev] { top: 50%; right: 24px; transform: translateY(-50%); background: transparent; border: 0; }
.qp-page [data-product="mini"] .stellar-cascade-icon { width: 18px; height: 18px; fill: currentColor; }
.qp-page [data-product="mini"] .stellar-cascade-ring { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); pointer-events: none; }
.qp-page [data-product="mini"] .stellar-cascade-ring circle { fill: none; stroke: #6554c0; stroke-width: 2; stroke-dasharray: 100; stroke-dashoffset: 100; }
.qp-page [data-product="mini"] [data-cascade-play][aria-pressed="true"] .stellar-cascade-play,
.qp-page [data-product="mini"] [data-cascade-play][aria-pressed="false"] .stellar-cascade-pause { display: none; }
.qp-page [data-product="mini"] .stellar-cascade-controls button:focus-visible { outline: 2px solid #3968c5; outline-offset: 3px; }
.qp-page .qp-read-page[data-product="mini"] #economics header { grid-template-columns: 1fr; }
.qp-page .qp-read-page[data-product="mini"] #production .qp-company-production__intro { display: block; }
.qp-page .qp-read-page[data-product="mini"] #production .qp-company-production__intro h2 { max-width: 820px; }
@media (max-width: 940px) {
  .qp-page .qp-read-page[data-product="mini"] #formats [data-format-cards],
  .qp-page .qp-read-page[data-product="mini"] #formats [data-format-cards] :is([data-format-item],img,button) { touch-action: pan-x pan-y pinch-zoom; }
  .qp-page .qp-read-page[data-product="mini"] #formats [data-format-cards] > [data-format-item] {
    left: 37%; width: 62%;
    transform: translate(-50%, -50%) translateX(calc(var(--card-depth, 0) * 56px)) scale(calc(1 - var(--card-depth, 0) * .07)) rotate(calc(var(--card-depth, 0) * 3deg));
  }
  .qp-page .qp-read-page[data-product="mini"] #formats [data-format-cards] > [data-card-depth="0"] { transform: translate(-50%, -50%); }
  .qp-page [data-product="mini"] .stellar-cascade-controls [data-cascade-play] { top: 12px; right: 12px; }
  .qp-page [data-product="mini"] .stellar-cascade-controls [data-cascade-prev] { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .qp-page .qp-read-page[data-product="mini"] #formats [data-format-cards] > [data-format-item] { transition: none; }
}
@media (forced-colors: active) {
  .qp-page [data-product="mini"] .stellar-cascade-controls button { color: ButtonText; background: ButtonFace; border-color: ButtonText; }
}
