/**
 * Leidenfrost Effect - Content Sections Styles
 *
 * @package Dropletlab_Child
 */

/* Hide section navigator */
section.container-validation-database-box.leidenfrost-section-navigator-section {
    display: none !important;
}

/* Main Container - 1280px max-width */
.use-case-template-container {
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 0 40px !important;
}

@media (max-width: 768px) {
    .use-case-template-container {
        padding: 0 20px !important;
    }
}

/* Content Section Containers */
.leidenfrost-exec-summary-section,
.leidenfrost-introduction-section,
.leidenfrost-science-section,
.leidenfrost-factors-section,
.leidenfrost-applications-section,
.leidenfrost-faqs-section,
.leidenfrost-references-section {
    padding: 80px 0 !important;
    background: #f9fafb !important;
}

.leidenfrost-exec-summary-section,
.leidenfrost-science-section,
.leidenfrost-applications-section,
.leidenfrost-how-created-section {
    background: #ffffff !important;
}

/* Content Typography */
.leidenfrost-content__heading {
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 36px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: #101828 !important;
    margin: 0 0 32px 0 !important;
}

.leidenfrost-content__subheading {
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    color: #101828 !important;
    margin: 0 0 16px !important;
}

.leidenfrost-content__lead {
    margin: 0 !important;
    color: #344054 !important;
    font-family: Inter, sans-serif !important;
    font-size: 18px !important;
    line-height: 28px !important;
}

/* Lists */
.leidenfrost-content__list {
    margin: 24px 0 !important;
    padding-left: 24px !important;
    list-style: none !important;
}

.leidenfrost-content__list li {
    position: relative !important;
    margin-bottom: 16px !important;
    padding-left: 12px !important;
    font-size: 18px !important;
    line-height: 1.6 !important;
    color: #475467 !important;
}

.leidenfrost-content__list li::before {
    content: "\\2022" !important;
    position: absolute !important;
    left: -12px !important;
    color: #175cd3 !important;
    font-weight: 700 !important;
}

/* References */
.leidenfrost-content__references {
    margin: 24px 0 !important;
    padding-left: 28px !important;
    list-style: decimal !important;
}

.leidenfrost-content__references li {
    margin-bottom: 16px !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    color: #475467 !important;
}

.leidenfrost-content__references li em {
    font-style: italic !important;
}

/* Callout Boxes */
.ss-callout {
    padding: 32px !important;
    margin: 32px 0 !important;
    border-radius: 8px !important;
    border: 1px solid #e4e7ec !important;
    background: #f9fafb !important;
}

.ss-callout--tldr {
    background: #eff8ff !important;
    border-color: #b2ddff !important;
}

.ss-callout--warning {
    background: #fffaeb !important;
    border-color: #fec84b !important;
}

.ss-callout--expert {
    background: #f4f3ff !important;
    border-color: #d9d6fe !important;
}

.ss-callout__heading {
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    color: #101828 !important;
    margin: 0 0 16px 0 !important;
}

.ss-callout p {
    margin: 0 0 12px 0 !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    color: #344054 !important;
}

.ss-callout p:last-child {
    margin-bottom: 0 !important;
}

.ss-callout__list {
    margin: 16px 0 0 0 !important;
    padding-left: 24px !important;
    list-style: none !important;
}

.ss-callout__list li {
    position: relative !important;
    margin-bottom: 12px !important;
    padding-left: 12px !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    color: #344054 !important;
}

.ss-callout__list li::before {
    content: "\\2022" !important;
    position: absolute !important;
    left: -12px !important;
    color: #175cd3 !important;
    font-weight: 700 !important;
}

/* Figure Placeholders */
.ss-figure {
    margin: 32px 0 !important;
    padding: 40px !important;
    background: #f2f4f7 !important;
    border: 2px dashed #d0d5dd !important;
    border-radius: 8px !important;
    text-align: center !important;
}

.ss-figure__placeholder p {
    margin: 8px 0 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: #667085 !important;
}

.ss-figure__placeholder em {
    font-style: italic !important;
}

/* Reused card and rich-text glue */
.leidenfrost-features-grid--single {
    grid-template-columns: 1fr !important;
}

.leidenfrost-content-header {
    margin-bottom: 24px !important;
}

.leidenfrost-richtext {
    width: 100% !important;
}

.leidenfrost-richtext > *:first-child {
    margin-top: 0 !important;
}

.leidenfrost-richtext > *:last-child {
    margin-bottom: 0 !important;
}

.leidenfrost-richtext p,
.leidenfrost-richtext li {
    color: #344054 !important;
    font-family: Inter, sans-serif !important;
    font-size: 16px !important;
    line-height: 26px !important;
}

 .leidenfrost-science__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
}

.leidenfrost-factors__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 32px;
    align-items: start;
}

.leidenfrost-factors__text {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.leidenfrost-factors__list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 24px;
}

.leidenfrost-factors__list article {
    background: #ffffff !important;
}
/* Mobile Responsive */
@media (max-width: 768px) {
    .leidenfrost-exec-summary-section,
    .leidenfrost-introduction-section,
    .leidenfrost-science-section,
    .leidenfrost-factors-section,
    .leidenfrost-applications-section,
    .leidenfrost-faqs-section,
    .leidenfrost-references-section {
        padding: 60px 0 !important;
    }

    .leidenfrost-content__heading {
        font-size: 28px !important;
        margin-bottom: 24px !important;
    }

    .leidenfrost-content__subheading {
        font-size: 20px !important;
        margin-top: 20px !important;
    }

    .leidenfrost-content__lead {
        font-size: 16px !important;
        line-height: 24px !important;
    }

    .leidenfrost-content__list li,
    .ss-callout__list li,
    .leidenfrost-richtext p,
    .leidenfrost-richtext li {
        font-size: 16px !important;
        line-height: 24px !important;
    }

    .ss-callout {
        padding: 24px !important;
        margin: 24px 0 !important;
    }

    .ss-figure {
        padding: 24px !important;
        margin: 24px 0 !important;
    }
}