/* v016: tighter strategy spacing, natural reading height and softer card shadows. */
:root {
  --card-shadow:0 2px 10px rgba(0,0,0,.12);
  --card-shadow-active:0 3px 14px rgba(0,0,0,.16);
}
:root[data-theme="light"] {
  --card-shadow:0 2px 8px rgba(21,34,53,.035);
  --card-shadow-active:0 3px 12px rgba(21,34,53,.06);
}
:root .phead--strategies.phead--primary {
  padding-top:44px;
  padding-bottom:28px;
  gap:16px;
}
:root .strategy-explorer__intro { margin-bottom:18px; }
:root .strategy-entry .strategy-detail,
:root .strategy-entry .strategy-detail>.strategy-detail__copy {
  overflow:visible;
  max-height:none;
}
:root .strategy-entry .strategy-detail>.strategy-detail__copy {
  flex:0 0 auto;
  min-height:auto;
  overscroll-behavior:auto;
}
@media(min-width:851px) {
  :root .strategy-explorer .strategy-pieces {
    height:auto;
    min-height:420px;
  }
  :root .strategy-explorer .strategy-entry .strategy-detail {
    padding-bottom:36px;
  }
}
@media(min-width:851px) and (max-width:1250px) {
  :root .strategy-explorer .strategy-pieces { min-height:460px; }
}
@media(max-width:850px) {
  :root .phead--strategies.phead--primary { padding-top:32px; padding-bottom:24px; }
}

/* Optional replay is a quiet footer control, available on pages with the intro. */
:root .foot .links { flex-wrap:wrap; align-items:center; gap:14px 28px; }
:root .intro-replay {
  appearance:none;
  border:0;
  border-bottom:1px solid var(--gold-soft);
  padding:0 0 2px;
  background:none;
  color:inherit;
  font:inherit;
  cursor:pointer;
  white-space:nowrap;
}
:root .intro-replay:is(:hover,:focus-visible) { color:var(--fg); border-color:var(--gold); }
:root .intro-replay:focus-visible { outline:2px solid var(--gold); outline-offset:5px; }
:root[data-theme="light"] .foot .intro-replay { color:#e3b862; }
:root[data-theme="light"] .foot .intro-replay:is(:hover,:focus-visible) { color:#f0ece4; }
@media(prefers-reduced-motion:reduce) { :root .intro-replay { display:none; } }