.document-page {

    max-width: 1000px;

    margin: 40px auto;

    padding: 30px;

    background: white;

    border-radius: 12px;

    box-shadow: 0 2px 10px rgba(0,0,0,.08);
}

.document-page h1 {

    color: #1c7c3a;

    margin-bottom: 20px;

    border-bottom: 3px solid #8fffa8;

    padding-bottom: 10px;
}

.document-page h2 {

    color: #155c2a;

    margin-top: 30px;

    margin-bottom: 10px;
}

.document-page p {

    line-height: 1.7;

    margin-bottom: 14px;
}

.document-page ul {

    padding-left: 24px;

    line-height: 1.7;
}

.document-page li {

    margin-bottom: 6px;
}

.document-page a {

    color: #1c7c3a;

    text-decoration: none;

    font-weight: 600;
}

.document-page a:hover {

    text-decoration: underline;
}

@media (max-width: 768px) {

    .document-page {

        margin: 20px;

        padding: 20px;
    }

    .document-page h1 {

        font-size: 1.8rem;
    }
}