/* Original TENET schedule card styles, scoped to Stack. */
.stack-tenet {
  --surface-2: #0d3030;
  --surface-3: #184950;
  --accent-ink: #061b17;
  --ink: #061b17;
  --text: #fff;
  --muted: #acc8c8;
  --faint: #96b5b5;
  --line: #fff2;
  --accent: #4bbad1;
  --accent-soft: #4bbad126;
  --mono: var(--font-mono);
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --ease-io: cubic-bezier(.65, 0, .35, 1);
  padding: clamp(28px, 5vw, 80px) var(--edge);
}
.stack-tenet .mono {font-family:var(--mono)}
.stack-tenet .brand.brand-tile {width:var(--s);height:var(--s);background:var(--surface-3);color:var(--text);font-family:var(--mono);font-size:var(--f);letter-spacing:-.04em;border-radius:28%;place-items:center;font-weight:600;line-height:1;display:inline-grid}
.stack-tenet .faint {color:var(--faint)}
.stack-tenet .rv {transition:opacity .72s var(--ease-out) var(--rv-delay,0s), transform .82s var(--ease-out) var(--rv-delay,0s), filter .72s var(--ease-out) var(--rv-delay,0s)}
.stack-tenet .rv.rv-pre {opacity:0;filter:blur(6px);transform:translateY(28px)}
@media (prefers-reduced-motion:reduce) {
.stack-tenet .rv, .stack-tenet .rv.rv-pre {opacity:1;filter:none;transition:none;animation:none;transform:none}
}
.stack-tenet .rule-stack {flex-direction:column;gap:22svh;margin-top:clamp(64px,8vw,120px);display:flex}
.stack-tenet .rule-card {position:sticky;top:96px}
.stack-tenet .rule-card:nth-child(2) {top:116px}
.stack-tenet .rule-card:nth-child(3) {top:136px}
.stack-tenet .rule-card:nth-child(4) {top:156px}
.stack-tenet .rule-inner {background:var(--surface-2);transform-origin:50% 0;min-height:clamp(300px,48svh,440px);transform:scale(calc(1 - var(--cover,0) * .06));filter:brightness(calc(1 - var(--cover,0) * .45));border-radius:26px;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(20px,4vw,64px);padding:clamp(24px,3.4vw,48px);display:grid;box-shadow:0 -24px 60px -34px #000000e6,inset 0 1px #ffffff0a}
.stack-tenet .rule-card:nth-child(2) .rule-inner {background:#0e353c}
.stack-tenet .rule-card:nth-child(3) .rule-inner {background:#103b47}
.stack-tenet .rule-card:nth-child(4) .rule-inner {background:#153936;color:var(--text)}
.stack-tenet .rule-copy h3 {letter-spacing:-.045em;margin:0 0 18px;font-size:clamp(2rem,4.2vw,3.8rem);font-weight:500;line-height:1}
.stack-tenet .rule-big {max-width:26ch;font-size:clamp(1.15rem,1.6vw,1.5rem);line-height:1.3}
.stack-tenet .card-foot {color:var(--muted);margin-top:18px;font-size:15px}
.stack-tenet .rc-panel {background:var(--ink);color:var(--text);box-shadow:inset 0 0 0 1px var(--line);border-radius:18px;flex-direction:column;gap:10px;padding:16px 18px 14px;display:flex}
.stack-tenet .rc-head {justify-content:space-between;align-items:center;gap:12px;display:flex}
.stack-tenet .rc-stock {align-items:center;gap:9px;font-size:15px;display:inline-flex}
.stack-tenet .rc-stock .mono {font-size:11.5px}
.stack-tenet .rc-pill {background:var(--accent-soft);color:var(--accent);white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:11.5px}
.stack-tenet .rc {width:100%;height:auto;display:block;overflow:visible}
.stack-tenet .rc-grid {stroke:var(--line);stroke-width:.6px}
.stack-tenet .rc-band {fill:#4bbad114}
.stack-tenet .rc-level {stroke:var(--accent);stroke-width:1px;stroke-dasharray:4 4}
.stack-tenet .rc-tag {font:500 9px var(--mono);fill:var(--accent)}
.stack-tenet .rc-tag.faint {fill:var(--faint)}
.stack-tenet .rc-area {transition:opacity .9s var(--ease-out) .8s}
.stack-tenet .rv-pre .rc-area {opacity:0}
.stack-tenet .rc-line {fill:none;stroke:var(--text);stroke-width:1.8px;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.5s var(--ease-io) .2s}
.stack-tenet .rv-pre .rc-line {stroke-dashoffset:1px}
.stack-tenet .rc-after {fill:none;stroke:var(--faint);stroke-width:1.4px;stroke-dasharray:3 4;transition:opacity .6s 1.6s}
.stack-tenet .rv-pre .rc-after {opacity:0}
.stack-tenet .rc-buy {fill:var(--accent);stroke:var(--ink);stroke-width:1.5px}
.stack-tenet .rc-skip {fill:var(--ink);stroke:var(--faint);stroke-width:1.2px}
.stack-tenet .rc-buy, .stack-tenet .rc-skip {transform-box:fill-box;transform-origin:50%;transition:transform .42s var(--ease-out);transition-delay:calc(var(--k) * 90ms + .3s)}
.stack-tenet .rv-pre .rc-buy, .stack-tenet .rv-pre .rc-skip {transform:scale(0)}
.stack-tenet .rc-act {transition:opacity .5s var(--ease-out) 1.5s}
.stack-tenet .rv-pre .rc-act {opacity:0}
.stack-tenet .rc-hit {fill:var(--accent);stroke:var(--ink);stroke-width:2px;animation:1.8s ease-out 2s infinite stack-tenet-hit}
@keyframes stack-tenet-hit {0%{filter:drop-shadow(0 0 #4bbad1e6)}70%,to{filter:drop-shadow(0 0 10px #4bbad100)}}
.stack-tenet .rc-note {font:500 9.5px var(--mono);fill:var(--text);paint-order:stroke;stroke:var(--ink);stroke-width:3px}
.stack-tenet .rc-foot {border-top:1px dashed var(--line);color:var(--muted);flex-wrap:wrap;gap:6px 16px;padding-top:10px;font-size:11.5px;display:flex}
.stack-tenet .rc-foot span:first-child {color:var(--text)}
@media (prefers-reduced-motion:reduce) {
.stack-tenet .rc-hit {animation:none}
}
@media (max-width:900px) {
.stack-tenet .rule-stack {gap:14svh}
.stack-tenet .rule-card {top:80px}
.stack-tenet .rule-card:nth-child(2) {top:92px}
.stack-tenet .rule-card:nth-child(3) {top:104px}
.stack-tenet .rule-card:nth-child(4) {top:116px}
.stack-tenet .rule-inner {border-radius:22px;grid-template-columns:1fr;gap:18px;min-height:0;padding:24px 20px}
.stack-tenet .rc-panel {padding:12px 12px 10px}
.stack-tenet .rc-foot span:nth-child(3) {display:none}
.stack-tenet .rule-copy h3 {margin:12px 0;font-size:2.2rem}
}
@media (max-width:900px) {
.stack-tenet .rule-stack {gap:12px;margin-top:40px}
.stack-tenet .rule-card, .stack-tenet .rule-card:nth-child(n) {position:static}
.stack-tenet .rule-inner {gap:16px;padding:20px 18px}
.stack-tenet .rule-copy h3 {margin:10px 0;font-size:1.9rem}
.stack-tenet .rc-stock .mono, .stack-tenet .rc-pill, .stack-tenet .rc-foot {font-size:12.5px}
.stack-tenet .rc-tag {font-size:12px}
}
.stack-tenet .rule-stack { max-width: 1400px; margin: 0 auto; }
.stack-tenet p { margin: 0; }
.stack-tenet .card-foot { margin-top: 18px; }
@media (prefers-reduced-motion: reduce) {
  .stack-tenet * { transition: none !important; animation: none !important; }
}