/* Scoped statutory information layout; colors follow the shared theme. */
.statutory-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 1.5rem; }
.statutory-card { grid-column: span 2; min-width: 0; padding: clamp(24px, 3vw, 40px); background: var(--paper); border: 1px solid var(--line); border-top: 2px solid var(--gold); border-radius: 4px; box-shadow: var(--shadow-soft); overflow-wrap: anywhere; }
.statutory-card:nth-child(n+4) { grid-column: span 3; }
.statutory-card h2 { margin-bottom: 1.5rem; color: var(--ink); font-size: clamp(1.5rem, 2.2vw, 2rem); line-height: 1.25; }
.statutory-card p { color: var(--ink); line-height: 1.8; }
.statutory-card p + p { margin-top: 1.25rem; }
/* Keep information visible without JavaScript; reuse main.js's reveal state. */
.statutory-page .reveal { opacity: 1; transform: none; transition: none; }
@media (prefers-reduced-motion: no-preference) {
  .statutory-page .reveal.in { animation: statutory-enter .6s ease both; }
}
@keyframes statutory-enter { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@media (max-width: 1100px) {
  .statutory-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .statutory-card, .statutory-card:nth-child(n+4) { grid-column: auto; }
}
@media (max-width: 700px) {
  .statutory-grid { grid-template-columns: minmax(0, 1fr); }
}