/* Platform pillars use the existing cyan evidence / gold direction palette. */
.ank-pillar-jumps { display: flex; flex-wrap: wrap; gap: 8px 24px; height: auto; margin-top: 24px; }
.ank-pillar-jumps a { display: inline-flex; align-items: center; min-height: 44px; color: #9af7ff; }
.ank-pillar-jumps a:last-child { color: #f0cf96; }
.ank-pillar-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.ank-pillar { padding: clamp(22px, 3vw, 36px); border: 1px solid rgba(69, 231, 242, .25); border-radius: 14px; background: linear-gradient(145deg, #081c20, #081115); scroll-margin-top: 100px; }
.ank-pillar-architect { border-color: rgba(226, 173, 98, .3); }
.ank-pillar h3 { margin: 24px 0 16px; font: 400 clamp(1.9rem, 3vw, 2.7rem)/1.1 Georgia, serif; color: #9af7ff; }
.ank-pillar-architect h3 { color: #f0cf96; }
.ank-pillar-purpose { color: #edf4f2; line-height: 1.6; }
.ank-pillar dl { margin: 26px 0; }
.ank-pillar dt { margin-top: 24px; color: #d9eeee; font-weight: 700; line-height: 1.5; }
.ank-pillar dd { margin: 8px 0 0; color: #a7bbbd; line-height: 1.7; }
.ank-pillar .actions { align-items: center; }
.ank-pillar .actions > a { display: inline-flex; align-items: center; min-height: 44px; color: #9af7ff; }
.ank-pillar .actions > .primary { color: #04110e; }
.ank-pillar-architect .actions > a { color: #f0cf96; }
.ank-platform-pillars :focus-visible, .ank-pillar-jumps :focus-visible { outline: 2px solid #45e7f2; outline-offset: 4px; }
@media (max-width: 950px) {
  .ank-pillar-grid { grid-template-columns: minmax(0, 1fr); }
}