/* ============================================
LEGAL INFO PAGE - Responsive Grid
============================================ */
.legal-info-list {
margin: 0;
display: grid;
gap: 0.75rem;
}

.legal-info-row {
display: grid;
grid-template-columns: 200px 1fr;
gap: 1rem;
padding: 0.75rem;
background: var(--med-bg-light);
border-radius: var(--med-radius-sm);
}

.legal-info-row dt {
font-weight: 600;
color: var(--med-text);
}

.legal-info-row dd {
margin: 0;
color: var(--med-text-light);
word-break: break-word;
}

@media (max-width: 768px) {
.legal-info-row {
grid-template-columns: 1fr;
gap: 0.5rem;
}
}