/* ===== BODY ===== */
body {
    background-color: #F6F4EB;
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    line-height: 1.6;
    color: #001F3F;
}

/* ===== HEADINGS ===== */
.h1-tNc {
    color: #001F3F;
    border-bottom: 3px solid #3498db;
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
    font-size: 2rem;
}

.h2-tNc {
    color: #001F3F;
    margin-top: 2rem;
    padding-bottom: 0.4rem;
    font-size: 1.75rem;
}

.h3-tNc {
    color: #001F3F;
    margin-top: 1.5rem;
    font-size: 1.5rem;
}

h4 {
    color: #7f8c8d;
    margin-top: 1rem;
    font-size: 1.25rem;
}

/* ===== PARAGRAPHS & LISTS ===== */
.p-tNc {
    margin-bottom: 1rem;
}

.ul-tNc,
.ol-tNc {
    padding-left: 1.5rem;
    margin-bottom: 1rem;
}

.li-tNc {
    margin-bottom: 0.5rem;
}

/* ===== STRONG TEXT ===== */
strong {
    color: #2c3e50;
}

/* ===== UPDATE DATE ===== */
.update-date {
    color: #001F3F;
    font-style: italic;
    font-size: 0.9rem;
}

/* ===== CONTACT INFO ===== */
.contact-info {
    background-color: #ecf0f1;
    padding: 1rem;
    border-radius: 5px;
    margin-top: 1rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}

/* ===== IMPORTANT BOX ===== */
.important {
    background-color: #fff3cd;
    padding: 1rem;
    border-left: 4px solid #ffc107;
    margin: 1.5rem 0;
    color: #2c3e50;
}

/* ===== TABLE OF CONTENTS ===== */
.toc {
    background-color: #f8f9fa;
    padding: 1rem;
    border-radius: 5px;
    margin: 1.5rem 0;
}

.toc a {
    color: #3498db;
    text-decoration: none;
}

.toc a:hover {
    text-decoration: underline;
}

/* ===== SECTION HEADINGS ===== */
#services, #intellectual-property, #user-representations, 
#user-registration, #reservations, #payment, #cancellation,
#prohibited, #resort-rules, #services-management, 
#privacy-policy, #term-termination, #modifications,
#governing-law, #dispute-resolution, #liability,
#indemnification, #miscellaneous, #contact {
    color: #001F3F;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .h1-tNc { font-size: 1.5rem; }
    .h2-tNc { font-size: 1.25rem; }
    .h3-tNc { font-size: 1.1rem; }
    .toc { padding: 0.8rem; }
    .contact-info, .important { padding: 0.8rem; }
}