/* ==========================================================================
   LEGAL.CSS — /cookie e /privacy
   ========================================================================== */
.legal { padding: 3rem 0 4rem; }
.legal h1 { font-size: clamp(2rem, 4vw, 2.8rem); margin-bottom: .8rem; }
.legal__note { margin-bottom: 2.5rem; padding: .8rem 1.1rem; border-radius: var(--radius-md); background: var(--col-bg-surface); color: var(--col-text-muted); font-size: .9rem; }

.legal__body h2 { margin: 2.5rem 0 .8rem; font-size: 1.4rem; }
.legal__body p, .legal__body li { color: var(--col-text-main); line-height: 1.8; }
.legal__body ul { margin: 0 0 1.4rem; padding-left: 1.3rem; }
.legal__body li { margin-bottom: .5rem; }
.legal__body table { width: 100%; margin-bottom: 1.5rem; border-collapse: collapse; font-size: .95rem; }
.legal__body th, .legal__body td { padding: .7rem .8rem; border-bottom: 1px solid var(--col-line); text-align: left; vertical-align: top; }
.legal__body th { font-family: var(--font-serif); font-weight: 500; }
@media (max-width: 600px) { .legal__body table { display: block; overflow-x: auto; } }