.pp_container {
    margin: 0 auto;
    background-color: #ffffff;
    border-radius: 7vmin;
    box-shadow: 0 2vmin 6vmin rgba(0, 0, 0, 0.15);
    padding: 6vmin;
    margin-bottom: 5vmin;
}

.pp_header {
    margin-top: 2vmin;
    text-align: center;
    margin-bottom: 8vmin;
    padding-bottom: 4vmin;
    border-bottom: 0.2vmin solid #eaeaea;
}

.pp_main-title {
    color: #000;
    font-size: 5.6vmin;
    margin-bottom: 2vmin;
}

.pp_update-date {
    color: #000;
    font-style: italic;
    margin-bottom: 4vmin;
}

.pp_section {
    margin-bottom: 12vmin;
    scroll-margin-top: 4vmin;
}

.pp_section-title {
    color: var(--eco5);
    font-size: 4vmin;
    margin-bottom: 3vmin;
    padding-bottom: 1.6vmin;
    border-bottom: 0.4vmin solid #ecf0f1;
    position: relative;
    padding-left: 2vmin;
}

.pp_section-title::before {
    content: attr(data-section-number) ". ";
    font-weight: bold;
    color: var(--eco5);
}

.pp_subsection {
    margin-bottom: 5vmin;
}

.pp_subsection-title {
    color: #000;
    font-size: 3.6vmin;
    margin-bottom: 2vmin;
}

.pp_paragraph {
    margin-bottom: 3vmin;
    color: #000;
}

.pp_highlight {
    background-color: #f8f9fa;
    border-left: 0.8vmin solid var(--eco3);
    padding: 3vmin;
    margin: 3vmin 0;
    border-radius: 0 1vmin 1vmin 0;
}

.pp_list, .pp_numbered-list {
    margin-left: 4vmin;
    margin-bottom: 3vmin;
}

.pp_list-item, .pp_numbered-item {
    margin-bottom: 1.6vmin;
    color: #000;
}

.pp_contact-info {
    background-color: #f1f8ff;
    padding: 4vmin;
    border-radius: 1.6vmin;
    margin-top: 6vmin;
    border: 0.2vmin solid #d1e3ff;
}

.pp_contact-title {
    color: #000;
    font-weight: 600;
    margin-bottom: 2vmin;
}

.pp_footer-note {
    text-align: center;
    margin-top: 8vmin;
    padding-top: 4vmin;
    border-top: 0.2vmin solid #eaeaea;
    color: #000;
    font-size: 2.8vmin;
}

@media (max-width: 768px) {
    .pp_container {
        padding: 4vmin;
    }
    
    .pp_main-title {
        font-size: 4.8vmin;
    }
    
    .pp_section-title {
        font-size: 3.6vmin;
    }
}

.pp_nav-links {
    display: flex;
    flex-wrap: wrap;
    gap: 2vmin;
    margin-bottom: 15vmin;
    padding-bottom: 4vmin;
    border-bottom: 0.2vmin solid #eaeaea;
}

.pp_nav-link {
    background-color: var(--eco3);
    color: var(--white);
    padding: 2vmin 4vmin;
    border: none;
    transition: all 0.3s ease;
    margin-left: 3vmin;
    border-radius: 2vmin
    
}

.pp_nav-link:hover {
    background-color: #fafafa;
    color: var(--eco3);
    box-shadow: 0 0 0 0.4vmin rgb(152, 196, 50);
}

.pp_data-category {
    margin: 2vmin 0;
    padding-left: 3vmin;
}

.pp_data-category-title {
    color: #000;
}