.legal-page-wrapper {
        min-height: 100vh;
        background: #fafafa;
        padding: 70px 0 90px;
    }

    .legal-container {
        width: min(900px, calc(100% - 32px));
        margin: 0 auto;
    }

    .legal-header {
        text-align: center;
        margin-bottom: 36px;
    }

    .legal-eyebrow {
        display: inline-flex;
        align-items: center;
        justify-content: center;

        padding: 7px 13px;
        margin-bottom: 16px;

        border-radius: 999px;

        background: #f3f4f6;
        color: #6b7280;

        font-size: 12px;
        font-weight: 700;
    }

    .legal-title {
        margin: 0;

        color: #111827;

        font-size: clamp(30px, 5vw, 42px);
        line-height: 1.3;

        font-weight: 800;
        letter-spacing: -0.5px;
    }

    .legal-subtitle {
        max-width: 620px;

        margin: 14px auto 0;

        color: #9ca3af;

        font-size: 13px;
        line-height: 1.9;
    }

    .legal-card {
        background: #fff;

        border: 1px solid #e5e7eb;
        border-radius: 20px;

        overflow: hidden;
    }

    .legal-card-header {
        padding: 22px 28px;

        border-bottom: 1px solid #f0f1f3;

        background: #fcfcfd;

        color: #6b7280;

        font-size: 12px;
        font-weight: 700;
    }

    .legal-content {
        padding: 34px 36px;

        color: #4b5563;

        font-size: 14px;
        line-height: 2.15;

        white-space: normal;
        overflow-wrap: anywhere;
    }

    .legal-content p {
        margin: 0 0 20px;
    }

    .legal-content p:last-child {
        margin-bottom: 0;
    }

    .legal-empty {
        padding: 60px 30px;

        text-align: center;

        color: #9ca3af;

        font-size: 13px;
        line-height: 1.8;
    }

    .legal-footer {
        margin-top: 22px;

        text-align: center;

        color: #9ca3af;

        font-size: 11px;
    }

    @media (max-width: 600px) {

        .legal-page-wrapper {
            padding: 50px 0 70px;
        }

        .legal-container {
            width: min(100% - 22px, 900px);
        }

        .legal-header {
            margin-bottom: 26px;
        }

        .legal-title {
            font-size: 30px;
        }

        .legal-subtitle {
            font-size: 12px;
        }

        .legal-card-header {
            padding: 18px 20px;
        }

        .legal-content {
            padding: 25px 21px;

            font-size: 13px;
            line-height: 2;
        }

        .legal-empty {
            padding: 45px 20px;
        }
    }