/* ==========================================================================
   Services (single-services.php) — Page-Specific Styles
   ========================================================================== */

/* Service overview section */
.service-overview-section {
    padding: 100px 80px;
    background: #FFFFFF;
    border-bottom: 1px solid rgba(34,55,99,0.10);
}
.service-overview-text {
    font-size: 19px; 
    color: #223763; 
    font-weight: 400;
    line-height: 1.75; 
    margin: 0; 
    letter-spacing: -0.005em;
}

/* Service list section */
.service-list-section {
    padding: 100px 80px 120px;
    background: #FAFAFB;
}
.services-intro-wrap { 
    margin-bottom: 40px; 
}
.services-intro-text {
    font-size: 17px; 
    color: #223763; 
    font-weight: 500;
    line-height: 1.6; 
    margin: 0; 
    letter-spacing: -0.005em;
}
.service-closing-text {
    font-size: 17px; 
    color: #223763; 
    font-weight: 400;
    line-height: 1.75; 
    margin: 48px 0 0; 
    letter-spacing: -0.005em;
}

/* Sub-services — orderly vertical list */
.svc-list {
    border-top: 1px solid rgba(34, 55, 99, 0.12);
}
.svc-item {
    display: grid;
    grid-template-columns: 80px 1fr;
    align-items: baseline;
    gap: 32px;
    padding: 28px 8px;
    border-bottom: 1px solid rgba(34, 55, 99, 0.12);
    transition: background 0.25s ease;
}
.svc-item:hover {
    background: rgba(34, 55, 99, 0.025);
}
.svc-item:hover .svc-item-num {
    color: #3864C0;
}
.svc-item-num {
    font-family: 'Work Sans', system-ui, sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: rgba(34, 55, 99, 0.45);
    letter-spacing: 0.18em;
    transition: color 0.25s ease;
}
.svc-item-body {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.svc-item-title {
    font-family: 'Work Sans', system-ui, sans-serif;
    font-size: 19px;
    font-weight: 700;
    color: #223763;
    line-height: 1.3;
    letter-spacing: -0.012em;
    margin: 0;
}
.svc-item-desc {
    font-size: 15px;
    color: #3F4552;
    line-height: 1.7;
    margin: 0;
}

/* Responsive */
@media (max-width: 1100px) {
    .service-overview-section,
    .service-list-section { 
        padding-left: 48px; 
        padding-right: 48px; 
    }
}

@media (max-width: 700px) {
    .service-overview-section { 
        padding: 72px 20px; 
    }
    .service-list-section { 
        padding: 72px 20px; 
    }
    .svc-item {
        grid-template-columns: 56px 1fr !important;
        gap: 16px !important;
        padding: 22px 4px !important;
    }
    .svc-item-title { 
        font-size: 17px !important; 
    }
    .svc-item-desc { 
        font-size: 14.5px !important; 
    }
}