/* Preserve the existing two-column proportions, typography, card sizing and
   sidebar. Only the right-hand cards gain a natural vertical reading sequence. */
#main #pillars .pillars-scroll-columns { align-items: start; }
.pillars-scroll-columns .pillars-head { position: sticky; align-self: start; }
.pillars-scroll-columns .pillar-stage { display: flex; flex-direction: column; gap: 48px; }
#main #pillars .pillars-scroll-columns .ppanel { flex: none; }
#main #pillars .ppanel:not([hidden]) { animation: none; }
#main #pillars .ptab.is-current { border-left-color: var(--azure); background: var(--wash); }
#main #pillars .ptab.is-current .mi { color: var(--graphite); }
/* Every card is available by swiping on smaller screens, below its own label. */
.pillars-scroll-stack .pillar-stage { display: none; }
#main #pillars .pillars-scroll-stack .ppanel { display: flex; margin: 12px 0 36px; }
.pillars-scroll-stack .ptab { flex: none; }