/* 
 * PDFTeq Tool Pages Layout Styles 
 * Used for the generic info sections and FAQs across all tools.
 */

.info-section {
    background-color: #0F172A;
    padding: 60px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.info-wrapper {
    background: #1E293B;
    border: 1px solid #334155;
    border-radius: 20px;
    padding: 40px;
}

.info-section h2 { 
    color: #fcd34d; 
    font-weight: 700; 
    margin-top: 40px; 
    margin-bottom: 20px; 
    font-size: 1.9rem; 
    line-height: 1.3; 
}

.info-section h3 { 
    color: #38bdf8; 
    font-weight: 600; 
    margin-top: 30px; 
    margin-bottom: 12px; 
    font-size: 1.3rem; 
}

.info-section p, .info-section li { 
    color: #94A3B8; 
    font-size: 1.02rem; 
    line-height: 1.75; 
}

.info-section ul { 
    margin-bottom: 20px; 
    padding-left: 20px; 
}

.info-section li { 
    margin-bottom: 8px; 
}

.info-section strong { 
    color: #E2E8F0; 
}

.info-section details { 
    background: #0F172A; 
    border: 1px solid #334155; 
    border-radius: 12px; 
    padding: 14px 18px; 
    margin-bottom: 12px; 
}

.info-section summary { 
    color: #E2E8F0; 
    font-weight: 600; 
    cursor: pointer; 
}

.info-section details p { 
    margin: 10px 0 0; 
}

@media (max-width: 768px) {
    .info-wrapper { padding: 24px; }
    .info-section h2 { font-size: 1.5rem; }
}