/* Bounded corrections to the original AuditTrace Web design. */
.brand__logo { align-self: flex-start; width: 180px; height: auto; aspect-ratio: 301 / 114; object-fit: contain; }
.site-footer__brand img { width: 150px; height: auto; aspect-ratio: 301 / 114; object-fit: contain; }
.state-layers { width: 100%; padding: 12px 12px 20px; }
.state-layers > img { display: block; width: 100%; max-width: 480px; height: auto; margin: 0 auto; }
.state-layers__key { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; list-style: none; margin: 0; padding: 0 12px; font-size: .75rem; color: var(--atl-charcoal); }
.state-layers__key li { display: flex; align-items: center; gap: 8px; }
.state-layers__key li::before { content: ''; width: 14px; height: 10px; flex: 0 0 14px; border: 1px solid #538c72; background: rgba(31,111,74,.10); border-radius: 2px; }
.state-layers__key li:nth-child(1)::before { background: rgba(213,223,177,.45); }
.state-layers__key li:nth-child(2)::before { background: rgba(169,201,172,.30); }
.state-layers__key li:nth-child(3)::before { background: rgba(108,170,133,.20); }
@media (max-width: 360px) {
  .brand__logo { width: 150px; }
  .state-layers__key { padding: 0; gap: 8px; font-size: .7rem; }
}