/* ============================================
   OurCare Dashboard - Guide Pages (Desktop)
   Extracted from templates/dashboard/survey_methods_desktop.html and
   templates/dashboard/using_your_dashboard_desktop.html
   ============================================ */

/* Page-specific styles for Survey Methods / Using Your Dashboard */
.guide-container {
    max-width: 900px;
    margin: 0 auto;
    padding: 80px 30px 60px;
}

.guide-header {
    margin-bottom: 48px;
}

.guide-title {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 48px;
    line-height: 115%;
    color: #000000;
    margin-bottom: 24px;
}

.guide-content {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: #000000;
}

.guide-content p {
    margin-bottom: 24px;
}

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

.guide-content h2 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 28px;
    line-height: 130%;
    color: #000000;
    margin-top: 40px;
    margin-bottom: 16px;
}

.guide-content h2:first-of-type {
    margin-top: 0;
}

.guide-content h3 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 130%;
    color: #000000;
    margin-top: 32px;
    margin-bottom: 12px;
}

/* Responsive */
@media (max-width: 768px) {
    .guide-container {
        padding: 60px 20px 40px;
    }

    .guide-title {
        font-size: 32px;
    }

    .guide-content {
        font-size: 16px;
    }

    .guide-content h2 {
        font-size: 24px;
    }

    .guide-content h3 {
        font-size: 20px;
    }
}