/* Publiczna, samodzielna strona dokumentu prawnego (/ui/legal/<slug>/).
   Lekki layout do osadzania w modalu/iframe landingu: NIE ładuje stylów aplikacji.
   Wykrywa motyw (prefers-color-scheme) i sam ustawia solidne tło + kolor tekstu,
   żeby treść była czytelna niezależnie od kontenera wywołującego. */

.legal-doc {
    color-scheme: light dark;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    max-width: 780px;
    margin: 0 auto;
    padding: 1.5rem;
    line-height: 1.7;
    font-size: 1rem;
    color: #1a1a1a;
    background: #ffffff;
    overflow-wrap: break-word;
}

.legal-doc__title {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.25;
    margin: 0 0 0.35rem;
}

.legal-doc__meta {
    font-size: 0.9rem;
    color: #6b6b6b;
    margin: 0 0 1.5rem;
}

.legal-doc__body h1,
.legal-doc__body h2,
.legal-doc__body h3,
.legal-doc__body h4 {
    font-weight: 600;
    line-height: 1.3;
    margin: 1.75rem 0 0.6rem;
}

.legal-doc__body h1 { font-size: 1.4rem; }
.legal-doc__body h2 { font-size: 1.2rem; }
.legal-doc__body h3 { font-size: 1.05rem; }

.legal-doc__body p {
    margin: 0 0 1rem;
}

.legal-doc__body ul,
.legal-doc__body ol {
    margin: 0 0 1rem;
    padding-inline-start: 1.75rem;
}

.legal-doc__body li {
    margin-bottom: 0.4rem;
}

.legal-doc__body a {
    color: #2563eb;
    text-decoration: underline;
}

.legal-doc__body table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 1.25rem;
}

.legal-doc__body th,
.legal-doc__body td {
    border: 1px solid #d9d9d9;
    padding: 0.5rem 0.75rem;
    text-align: left;
}

.legal-doc__body img {
    max-width: 100%;
    height: auto;
}

@media (prefers-color-scheme: dark) {
    .legal-doc { color: #f0f0f0; background: #1c1c1a; }
    .legal-doc__meta { color: #a0a0a0; }
    .legal-doc__body a { color: #6ea8fe; }
    .legal-doc__body th,
    .legal-doc__body td { border-color: #444; }
}