/* Moved verbatim from the <style> block of design/Training.dc.html. */
  body { margin: 0; background: #FAFAFA; }
  nav::-webkit-scrollbar { display: none; }
  @media (max-width: 1100px) { .ax-header-icons { display: none !important; } }
  a { color: var(--ax-accent-deep); text-decoration-color: color-mix(in oklab, var(--ax-accent-deep) 45%, transparent); }
  a:hover { color: var(--ax-ink-900); text-decoration-color: currentColor; }

/* The mock-up's style-hover attributes. */
.tr-tile:hover { box-shadow: 0 6px 16px rgba(9,9,11,0.10) !important; }
.tr-row:hover { background: var(--ax-ink-25) !important; }
.tr-sub:hover { background: var(--ax-ink-50); }

/* A tile blurb carrying "Coming soon" labels (#2470) needs more than the mock-up's two clamped lines; the grid row
   keeps the three tiles the same height. */
[data-tile-blurb]:has(.ax-coming-soon) { max-height: none !important; }