/* Give the atlas its full width on compact desktop windows. */
.mobile-tools { display:none; }
@media (max-width:780px) {
  .mobile-tools { display:block; white-space:nowrap; font-size:13px; color:var(--accent); }
  .topbar { gap:12px; }
}
@media (min-width:781px) and (max-width:1100px) {
  .workspace { grid-template-columns:minmax(0,1fr); }
  .inspector { border-left:0; border-top:1px solid var(--line); margin:0 20px 24px; padding:25px; }
  .detail-icon { float:left; margin:22px 20px 17px 0; }
  .detail-description { clear:both; padding-top:2px; }
  .detail-kicker { margin-top:30px; }
  .inspector h2 { font-size:26px; }
  h1 em { display:inline; }
  .graph-viewport,.list-container { height:560px; }
}
@media (max-width:500px) {
  .map-footer { flex-wrap:wrap; }
  .legend { gap:12px; font-size:12px; }
  .map-heading>span:last-child { max-width:105px; }
  .map-heading>span:first-child { max-width:55%; }
  .map-heading select { max-width:110px; font-size:12px; }
  .list-filters { gap:6px; }
  .list-filters select { max-width:125px; }
  .list-filters>span { font-size:12px; }
  .milestone-card { height:91px; }
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { transition:none!important; scroll-behavior:auto!important; }
}
@media (min-width:781px) and (max-height:800px) {
  .canvas-column { padding-top:24px; }
  .page-heading { margin-bottom:24px; }
  .graph-viewport,.list-container { height:400px; min-height:400px; }
}