/* Website shell integration only; original scene and controls remain unchanged. */
.description, .eyebrow, .state-note p, .edition, footer { color: #525b52; }
@media (max-width: 620px) {
  #viewer { min-height: 540px; }
  header { top: 18px; left: 18px; right: 18px; font-size: 9px; letter-spacing: 1px; }
  .intro { display: none; }
  .views { top: 46px; left: 14px; right: 14px; flex-direction: row; align-items: center; justify-content: space-between; }
  .views button { padding: 9px 5px; font-size: 9px; letter-spacing: .7px; }
  .views span { display: none; }
  .state-note { left: 18px; top: 93px; bottom: auto; font-size: 9px; letter-spacing: 1px; }
  .state-note p { font-size: 11px; margin-top: 7px; }
  .states { bottom: 43px; }
  .states button { padding: 14px 12px; font-size: 10px; }
  footer { bottom: 18px; left: 18px; right: 18px; font-size: 8px; }
}
@media (prefers-reduced-motion: reduce) { button { transition: none; } }