/* Shared reading design for ELCAAS legal documents. */
.legal-page-layout {
    max-width: 1180px;
    margin: 0 auto;
    padding: 42px 24px 54px;
    background: #f8f7fc;
}

.legal-page-layout .main-text-wrapper {
    max-width: 960px;
    margin: 0 auto;
    padding: 42px 48px 46px;
    background: #fff;
    border: 1px solid #e8e3f3;
    border-radius: 16px;
    box-shadow: 0 12px 30px rgba(66, 36, 117, 0.08);
    color: #4b4655;
    font-family: "Poppins", "Segoe UI", sans-serif;
    font-size: 15px;
    line-height: 1.8;
}

.legal-page-layout .main-text-wrapper h1,
.legal-page-layout .main-text-wrapper h2,
.legal-page-layout .main-text-wrapper h3 {
    color: #4d278f;
    font-family: "Poppins", "Segoe UI", sans-serif;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.01em;
}

.legal-page-layout .main-text-wrapper h1 {
    margin: 34px 0 13px;
    padding-bottom: 9px;
    border-bottom: 1px solid #ece6f6;
    font-size: 25px;
}

.legal-page-layout .main-text-wrapper h1:first-child { margin-top: 0; font-size: 30px; }
.legal-page-layout .main-text-wrapper h2 { margin: 24px 0 9px; font-size: 18px; }
.legal-page-layout .main-text-wrapper h3 { margin: 20px 0 8px; font-size: 16px; }

.legal-page-layout .main-text-wrapper p { margin: 0 0 15px; color: #514c5b; }
.legal-page-layout .main-text-wrapper ul,
.legal-page-layout .main-text-wrapper ol { margin: 0 0 17px; padding-left: 24px; }
.legal-page-layout .main-text-wrapper li { margin: 7px 0; padding-left: 4px; }
.legal-page-layout .main-text-wrapper li::marker { color: #7542c0; }
.legal-page-layout .main-text-wrapper strong { color: #392064; font-weight: 700; }
.legal-page-layout .main-text-wrapper a { color: #6330ae; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 768px) {
    .legal-page-layout { padding: 26px 14px 36px; }
    .legal-page-layout .main-text-wrapper { padding: 27px 22px 30px; font-size: 14px; line-height: 1.72; }
    .legal-page-layout .main-text-wrapper h1 { font-size: 22px; }
    .legal-page-layout .main-text-wrapper h1:first-child { font-size: 26px; }
    .legal-page-layout .main-text-wrapper h2 { font-size: 17px; }
}