/* 品質管理強化に向けた支援 (/catalog/foodsafety/) — page-specific override:
   render .fi-petfood-reasons as a 2-column card grid (matching
   .cld-consulting-cards on /catalog/consulting/) instead of the shared
   numbered-list style from page-food-inspection.css. Enqueued only on this
   page (is_page('foodsafety')) so other catalog-detail pages keep the
   default numbered-list reasons layout. */
.fi-petfood-reasons {
    border: none;
    border-radius: 0;
    overflow: visible;
}

.fi-petfood-reasons h4 {
    background: none;
    color: #243752;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -0.02em;
    padding: 0;
    margin: 0 0 16px;
}

.fi-petfood-reasons ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    padding: 0;
}

.fi-petfood-reasons li {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    box-sizing: border-box;
    border: 1px solid #008f8d;
    border-radius: 8px;
    overflow: hidden;
    padding: 0;
}

.fi-petfood-reasons li::before {
    content: none;
}

.fi-petfood-reasons li > h5,
.fi-petfood-reasons li > .text-def {
    grid-column: auto;
}

.fi-petfood-reasons h5 {
    background: #008f8d;
    color: #fff;
    font-size: 20px;
    line-height: 38px;
    letter-spacing: 1.28px;
    padding: 4.5px 40px 4.91px;
    margin: 0;
}

.fi-petfood-reasons .text-def {
    padding: 20px;
}

.fi-petfood-reasons .text-def p {
    color: #42526b;
}

@media (max-width: 768px) {
    .fi-petfood-reasons ul {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .fi-petfood-reasons h4 {
        font-size: 24px;
        line-height: 32px;
    }
}

/* お客様の目的に応じたご支援例 — render .cld-exam-box as a border-less
   category list (matching .cld-consulting-support on /catalog/consulting/)
   instead of the shared bordered exam-box style from page-catalog-detail.css. */
.cld-exam-box {
    border: none;
    border-radius: 0;
    padding: 0;
    margin-bottom: 32px;
}

.cld-exam-title {
    font-size: 28px;
    line-height: 40px;
    color: #e7380d;
    border-bottom: none;
    padding-bottom: 0;
    margin: 0 0 15px;
}

.cld-exam-section {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 30px;
}

.cld-exam-section:last-of-type {
    margin-bottom: 0;
}

.cld-exam-section-heading {
    font-size: 20px;
    line-height: 32px;
    color: #061c3d;
    margin: 0;
}

.cld-exam-list {
    margin: 0;
    gap: 10px;
}

.cld-exam-list li {
    font-size: 16px;
    line-height: 24px;
}

@media (max-width: 768px) {
    .cld-exam-title {
        font-size: 24px;
        line-height: 32px;
    }
    .cld-exam-section {
        gap: 12px;
        margin-bottom: 24px;
    }
    .cld-exam-section-heading {
        font-size: 18px;
        line-height: 26px;
    }
    .cld-exam-list li {
        font-size: 14px;
        line-height: 22px;
    }
}

@media (max-width: 480px) {
    .cld-exam-title {
        font-size: 20px;
        line-height: 28px;
    }
    .cld-exam-section {
        gap: 10px;
        margin-bottom: 20px;
    }
    .cld-exam-section-heading {
        font-size: 16px;
        line-height: 24px;
    }
    .cld-exam-list li {
        font-size: 13px;
        line-height: 20px;
    }
}

/* 食の安全確保のための仕組みづくりや… — intentional Noto Serif JP accent,
   distinct from the Noto Sans JP body copy used everywhere else. Loaded via
   Google Fonts (sunatec-noto-serif-jp, functions.php) only on this page. */
.cld-detail-section-desc {
    font-family: 'Noto Serif JP', serif;
    font-size: 22px;
    line-height: 2;
}