/* Shared styling for the legal pages: privacy, terms, accessibility. */

.legal-page {
    background: #fff;
}

.legal-hero {
    background: #FFC5F4;
    padding: clamp(80px, 10vw, 140px) 33px clamp(40px, 5vw, 64px);
}

.legal-hero__title {
    font-size: clamp(40px, 7vw, 84px);
    line-height: 1.02;
    letter-spacing: -0.03em;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0;
}

.legal-hero__meta {
    font-size: 15px;
    color: #4a4a4a;
    margin-top: 16px;
}

.legal-body {
    max-width: 760px;
    margin: 0 auto;
    padding: clamp(40px, 6vw, 72px) 33px clamp(72px, 9vw, 120px);
}

.legal-body h2 {
    font-size: clamp(22px, 3vw, 28px);
    letter-spacing: -0.02em;
    font-weight: normal;
    margin: 48px 0 12px;
}

.legal-body h2:first-child {
    margin-top: 0;
}

.legal-body h3 {
    font-size: 17px;
    font-weight: normal;
    color: #6e6e6e;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin: 28px 0 8px;
}

.legal-body p,
.legal-body li {
    font-size: 16px;
    line-height: 1.65;
    color: #1a1a1a;
}

.legal-body ul {
    padding-inline-start: 20px;
    margin: 12px 0;
}

.legal-body li {
    margin-bottom: 8px;
}

.legal-body a {
    color: #000;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.legal-note {
    background: #f6f6f6;
    border-radius: 16px;
    padding: 20px 24px;
    margin: 24px 0;
    font-size: 15px;
    line-height: 1.6;
}

.legal-toc {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    padding: 20px 0;
    margin-bottom: 8px;
}

.legal-toc a {
    display: inline-block;
    margin: 0 16px 8px 0;
    font-size: 15px;
}

.legal-footer {
    border-top: 1px solid #e6e6e6;
    margin-top: 56px;
    padding-top: 24px;
    font-size: 14px;
    color: #6e6e6e;
}

.legal-footer a {
    color: #000;
}

/* Hebrew pages */
.legal-page[dir="rtl"] .legal-body ul {
    padding-inline-start: 20px;
}

@media (max-width: 768px) {
    .legal-hero { padding-left: 20px; padding-right: 20px; }
    .legal-body { padding-left: 20px; padding-right: 20px; }
}

/* Placeholders still to be filled in. The Lab2 face has no square brackets,
   so they are marked with a highlight instead. */
.legal-fill {
    background: #C6FE59;
    padding: 1px 6px;
    border-radius: 4px;
}