/* Company: voice picker and nav states, narrow-width layout. Static styles are inline, so overrides need !important. */
/* In one grid column the quote's span 2 would add an implicit column and scroll sideways. */
@media (max-width: 800px) { .co-voice { grid-column: auto !important; } }
.co-voice-pick:hover { background: var(--sand-100) !important; }
.co-voice-pick[aria-pressed="true"] { border-left-color: var(--orange-500) !important; background: var(--white) !important; }
.co-voice-pick[aria-pressed="false"] > :first-child { color: var(--ink-600) !important; }
.co-voice-nav:hover { background: var(--sand-100) !important; border-color: var(--ink-900) !important; }

@media (max-width: 900px) {
  .co-hero, .co-grid { grid-template-columns: minmax(0, 1fr) !important; }
  .co-hero { gap: 40px !important; }
  .co-hero .mrm-tile { aspect-ratio: 4 / 3 !important; }
}
@media (max-width: 800px) {
  .co-sec { padding-top: 72px !important; padding-bottom: 72px !important; }
  #board { padding-top: 0 !important; }
  .co-tab { padding: 96px 20px 40px !important; }
  .co-person { padding: 28px 20px !important; }
  .co-grid > * { min-height: 0 !important; }
}