/* OKeba Blog Grid v1.0 */
.okeba-blog-grid-v10,
.okeba-blog-grid-v10 * { box-sizing: border-box; }
.okeba-blog-grid-v10 {
    --okeba-blog-heading-font: "Poppins", "Inter", Arial, sans-serif;
    --okeba-blog-body-font: "Inter", "Roboto", Arial, sans-serif;
    --okeba-blog-primary: #007A3D;
    --okeba-blog-primary-2: #1FA12E;
    --okeba-blog-secondary: #F4B400;
    --okeba-blog-accent: #C97800;
    --okeba-blog-dark: #12351F;
    --okeba-blog-text: #1F2A24;
    --okeba-blog-muted: #5C6B63;
    --okeba-blog-bg: #FFFFFF;
    --okeba-blog-card-bg: #FFFFFF;
    --okeba-blog-title-color: #020B16;
    --okeba-blog-excerpt-color: #3C4B43;
    --okeba-blog-meta-color: #617068;
    --okeba-blog-radius: 18px;
    --okeba-blog-card-radius: 18px;
    --okeba-blog-card-gap: 30px;
    --okeba-blog-image-height: 255px;
    --okeba-blog-card-padding: 0px;
    --okeba-blog-content-padding: 26px;
    --okeba-blog-section-padding-top: 90px;
    --okeba-blog-section-padding-bottom: 90px;
    --okeba-blog-container: 1180px;
    --okeba-blog-columns: 3;
    font-family: var(--okeba-blog-body-font);
    background: var(--okeba-blog-bg);
    padding: var(--okeba-blog-section-padding-top) 18px var(--okeba-blog-section-padding-bottom);
}
.okeba-blog-grid-v10__wrap { max-width: var(--okeba-blog-container); margin: 0 auto; }
.okeba-blog-grid-v10__heading {
    text-align: center;
    margin: 0 auto 42px;
    max-width: 820px;
}
.okeba-blog-grid-v10__eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--okeba-blog-eyebrow-color, var(--okeba-blog-primary));
    font-family: var(--okeba-blog-heading-font);
    font-size: var(--okeba-blog-eyebrow-size, 16px);
    font-weight: var(--okeba-blog-eyebrow-weight, 700);
    line-height: 1.2;
}
.okeba-blog-grid-v10__title {
    margin: 0;
    color: var(--okeba-blog-title-color);
    font-family: var(--okeba-blog-heading-font);
    font-size: var(--okeba-blog-heading-size, 42px);
    font-weight: var(--okeba-blog-heading-weight, 700);
    line-height: 1.14;
    letter-spacing: -.02em;
}
.okeba-blog-grid-v10__intro {
    margin: 14px auto 0;
    color: var(--okeba-blog-intro-color, var(--okeba-blog-muted));
    font-size: var(--okeba-blog-intro-size, 17px);
    font-weight: var(--okeba-blog-intro-weight, 400);
    line-height: 1.65;
    max-width: 720px;
}
.okeba-blog-grid-v10__grid {
    display: grid;
    grid-template-columns: repeat(var(--okeba-blog-columns), minmax(0, 1fr));
    gap: var(--okeba-blog-card-gap);
    align-items: stretch;
}
.okeba-blog-grid-v10__card {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-width: 0;
    border-radius: var(--okeba-blog-card-radius);
    background: var(--okeba-blog-card-bg);
    box-shadow: 0 18px 46px rgba(15, 36, 25, .08);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    border: 1px solid rgba(0, 122, 61, .10);
}
.okeba-blog-grid-v10__card:hover,
.okeba-blog-grid-v10__card:focus-within {
    transform: translateY(-6px);
    box-shadow: 0 28px 62px rgba(15, 36, 25, .15);
    border-color: rgba(0, 122, 61, .22);
}
.okeba-blog-grid-v10__image-link {
    display: block;
    position: relative;
    overflow: hidden;
    min-height: var(--okeba-blog-image-height);
    background: #EDF5EF;
}
.okeba-blog-grid-v10__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: var(--okeba-blog-image-fit, cover);
    object-position: var(--okeba-blog-image-position, center center);
    transform: scale(1.01);
    transition: transform .45s ease;
}
.okeba-blog-grid-v10__card:hover .okeba-blog-grid-v10__image { transform: scale(1.065); }
.okeba-blog-grid-v10__placeholder {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(0,122,61,.92), rgba(31,161,46,.80));
    color: #fff;
    font-size: 36px;
    font-weight: 800;
    font-family: var(--okeba-blog-heading-font);
}
.okeba-blog-grid-v10__category {
    position: absolute;
    left: 22px;
    bottom: 18px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 7px 14px;
    border-radius: 999px;
    background: var(--okeba-blog-category-bg, #F4B400);
    color: var(--okeba-blog-category-color, #12351F);
    font-family: var(--okeba-blog-body-font);
    font-size: var(--okeba-blog-category-size, 13px);
    font-weight: var(--okeba-blog-category-weight, 700);
    line-height: 1;
}
.okeba-blog-grid-v10__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: var(--okeba-blog-content-padding);
}
.okeba-blog-grid-v10__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 9px 14px;
    margin: 0 0 12px;
    color: var(--okeba-blog-meta-color);
    font-size: var(--okeba-blog-meta-size, 13px);
    font-weight: var(--okeba-blog-meta-weight, 600);
    line-height: 1.35;
}
.okeba-blog-grid-v10__meta span { display: inline-flex; align-items: center; gap: 6px; }
.okeba-blog-grid-v10__post-title {
    margin: 0 0 12px;
    color: var(--okeba-blog-post-title-color, var(--okeba-blog-title-color));
    font-family: var(--okeba-blog-heading-font);
    font-size: var(--okeba-blog-post-title-size, 23px);
    font-weight: var(--okeba-blog-post-title-weight, 700);
    line-height: 1.24;
}
.okeba-blog-grid-v10__post-title a {
    color: inherit;
    text-decoration: none;
}
.okeba-blog-grid-v10__post-title a:hover { color: var(--okeba-blog-primary); }
.okeba-blog-grid-v10__excerpt {
    margin: 0 0 22px;
    color: var(--okeba-blog-excerpt-color);
    font-size: var(--okeba-blog-excerpt-size, 15.5px);
    font-weight: var(--okeba-blog-excerpt-weight, 400);
    line-height: 1.68;
}
.okeba-blog-grid-v10__readmore {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    gap: 7px;
    min-height: 44px;
    padding: 12px 21px;
    border-radius: 999px;
    background: var(--okeba-blog-button-bg, #1FA12E);
    color: var(--okeba-blog-button-color, #fff);
    font-size: var(--okeba-blog-button-size, 14px);
    font-weight: var(--okeba-blog-button-weight, 700);
    line-height: 1;
    text-decoration: none;
    transition: background .22s ease, color .22s ease, transform .22s ease;
}
.okeba-blog-grid-v10__readmore:hover,
.okeba-blog-grid-v10__readmore:focus {
    background: var(--okeba-blog-button-hover-bg, #F4B400);
    color: var(--okeba-blog-button-hover-color, #12351F);
    transform: translateX(2px);
}
.okeba-blog-grid-v10__footer {
    display: flex;
    justify-content: center;
    margin-top: 42px;
}
.okeba-blog-grid-v10__view-all {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 15px 27px;
    border-radius: 999px;
    background: var(--okeba-blog-view-all-bg, #007A3D);
    color: var(--okeba-blog-view-all-color, #fff);
    font-size: var(--okeba-blog-view-all-size, 15px);
    font-weight: var(--okeba-blog-view-all-weight, 700);
    text-decoration: none;
    transition: background .22s ease, color .22s ease;
}
.okeba-blog-grid-v10__view-all:hover,
.okeba-blog-grid-v10__view-all:focus {
    background: var(--okeba-blog-view-all-hover-bg, #F4B400);
    color: var(--okeba-blog-view-all-hover-color, #12351F);
}
.okeba-blog-grid-v10__empty {
    padding: 35px;
    border-radius: var(--okeba-blog-card-radius);
    background: #F4FAF5;
    color: var(--okeba-blog-text);
    text-align: center;
    font-size: 16px;
}
@media (max-width: 1024px) {
    .okeba-blog-grid-v10 { --okeba-blog-columns: var(--okeba-blog-tablet-columns, 2); }
}
@media (max-width: 767px) {
    .okeba-blog-grid-v10 {
        --okeba-blog-columns: 1;
        padding-left: 16px;
        padding-right: 16px;
    }
    .okeba-blog-grid-v10__title { font-size: calc(var(--okeba-blog-heading-size, 42px) * .78); }
    .okeba-blog-grid-v10__image-link { min-height: calc(var(--okeba-blog-image-height, 255px) * .84); }
}