.legal-page { background: #f8fafc; }
.legal-shell { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 28px; align-items: start; }
.legal-summary,
.legal-content { border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; box-shadow: 0 10px 28px rgba(32, 33, 43, 0.06); }
.legal-summary { position: sticky; top: 20px; display: grid; gap: 12px; padding: 22px; }
.legal-kicker { margin: 0; color: #FDBE33; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.legal-summary strong { color: #20212B; font-size: 20px; }
.legal-content { padding: 34px; }
.legal-content h1 { margin: 0 0 22px; color: #20212B; }
.legal-content h2 { margin-top: 28px; color: #20212B; font-size: 23px; }
.legal-content p,
.legal-content li,
.legal-content td,
.legal-content th { color: #4f5f70; line-height: 1.75; }
.legal-content ul { padding-left: 22px; }
.legal-table-wrap { overflow-x: auto; margin: 18px 0; }
.legal-table { width: 100%; min-width: 620px; border-collapse: collapse; background: #ffffff; }
.legal-table th,
.legal-table td { padding: 12px; border: 1px solid #e5e7eb; text-align: left; vertical-align: top; }
.legal-table th { color: #20212B; background: #fff4d8; }
@media (max-width: 991px) { .legal-shell { grid-template-columns: 1fr; } .legal-summary { position: static; } }
@media (max-width: 575px) { .legal-content, .legal-summary { padding: 22px; } }