/* KIRO Modern News v1.0.8
   Tighter 4x2 grid; date bottom-left and read-more bottom-right;
   longer intro text.
*/
.kiro-news-grid .items-row {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: stretch;
    column-gap: 14px !important;
    row-gap: 14px !important;
    width: 100%;
    margin: 0 0 14px !important;
}
.kiro-news-grid .items-row::before,
.kiro-news-grid .items-row::after { display:none !important; content:none !important; }
.kiro-news-grid .items-row > [class*="span"] {
    display:flex !important; float:none !important; width:auto !important;
    min-width:0; margin:0 !important; padding:0 !important; box-sizing:border-box;
}

/* Grid areas give a real, predictable order without moving the PHP output. */
.kiro-news-grid .items-row > [class*="span"] > .item {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:
        "image image"
        "title title"
        "intro intro"
        "date readmore";
    grid-template-rows:160px auto auto auto;
    align-content:start;
    align-items:start;
    gap:0;
    width:100%; height:100%; min-width:0; min-height:0;
    box-sizing:border-box; padding:0 0 13px !important; overflow:hidden;
    background:#fff; border:1px solid #e5eaf1; border-radius:11px;
    box-shadow:0 2px 9px rgba(22,44,75,.06);
    transition:transform .2s ease, box-shadow .2s ease;
}
.kiro-news-grid .items-row > [class*="span"] > .item:hover {
    transform:translateY(-2px);
    box-shadow:0 7px 18px rgba(22,44,75,.11);
}
.kiro-news-grid .kiro-news-image {
    grid-area:image;
    display:block; width:100%; height:160px; min-height:160px;
    margin:0 0 11px !important; padding:0 !important; overflow:hidden;
    background:#f1f4f8;
}
.kiro-news-grid .kiro-news-image .img-intro-left,
.kiro-news-grid .kiro-news-image .img-intro-right,
.kiro-news-grid .kiro-news-image .img-intro-none {
    display:block; float:none !important; width:100% !important;
    height:100% !important; margin:0 !important; padding:0 !important; border:0 !important;
}
.kiro-news-grid .kiro-news-image img {
    display:block; width:100% !important; max-width:none !important;
    height:100% !important; margin:0 !important; object-fit:cover;
    object-position:center; border:0 !important; border-radius:0 !important;
}
.kiro-news-grid .kiro-news-title {
    grid-area:title;
    display:block; min-height:60px; max-height:60px;
    margin:0 13px 7px !important; padding:0 !important;
    color:#263447; font-size:15px; font-weight:700; line-height:1.33;
    text-align:left !important; overflow:hidden;
}
.kiro-news-grid .kiro-news-title .title {
    display:-webkit-box !important; overflow:hidden;
    -webkit-box-orient:vertical; -webkit-line-clamp:3;
    color:inherit; font:inherit; line-height:inherit; text-align:left !important;
}
.kiro-news-grid .kiro-news-title a { color:inherit; text-decoration:none; }
.kiro-news-grid .kiro-news-title a:hover { color:#305aa6; }

.kiro-news-grid .kiro-news-intro {
    grid-area:intro;
    display:block; min-height:0; max-height:88px;
    overflow:hidden; margin:0 13px 10px !important; padding:0 !important;
    color:#647184; font-size:13px; line-height:1.48; text-align:left !important;
}
.kiro-news-grid .kiro-news-intro p {
    display:-webkit-box; margin:0 !important; padding:0 !important; overflow:hidden;
    -webkit-box-orient:vertical; -webkit-line-clamp:4;
    color:inherit; font:inherit; line-height:inherit; text-align:left !important;
}

/* Bottom meta row */
.kiro-news-grid .kiro-news-date {
    grid-area:date; align-self:end; justify-self:start;
    display:block; position:static !important;
    margin:0 0 0 13px !important; padding:0 !important;
    width:auto !important; height:auto !important;
    border:0 !important; background:none !important; box-shadow:none !important;
    color:#6680a8 !important; font-size:11px !important;
    font-weight:600 !important; line-height:18px !important;
}
.kiro-news-grid .kiro-news-date .create {
    display:inline !important; position:static !important; float:none !important;
    margin:0 !important; padding:0 !important; border:0 !important;
    background:none !important; background-image:none !important;
    box-shadow:none !important; color:inherit !important;
    font:inherit !important; line-height:inherit !important;
}
.kiro-news-grid .kiro-news-date::before,
.kiro-news-grid .kiro-news-date::after,
.kiro-news-grid .kiro-news-date .create::before,
.kiro-news-grid .kiro-news-date .create::after {
    display:none !important; content:none !important; background:none !important;
}
.kiro-news-grid .kiro-news-readmore {
    grid-area:readmore; align-self:end; justify-self:end;
    display:block; margin:0 13px 0 8px !important; padding:0 !important;
    text-align:right !important;
}
.kiro-news-grid .kiro-news-readmore .readmore {
    display:inline !important; margin:0 !important; padding:0 !important;
    border:0 !important; background:transparent !important; box-shadow:none !important;
}
.kiro-news-grid .kiro-news-readmore a {
    display:inline-block; color:#305aa6 !important;
    font-size:12px; font-weight:700; line-height:18px; text-decoration:none;
    white-space:nowrap;
}
.kiro-news-grid .kiro-news-readmore a:hover { color:#1f417d !important; text-decoration:underline; }

.kiro-news-grid .content_rating,
.kiro-news-grid .hits,
.kiro-news-grid .createdby { display:none !important; }

@media(max-width:1100px) {
    .kiro-news-grid .items-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:560px) {
    .kiro-news-grid .items-row { grid-template-columns:minmax(0,1fr); }
    .kiro-news-grid .items-row > [class*="span"] > .item {
        grid-template-rows:190px auto auto auto;
    }
    .kiro-news-grid .kiro-news-image { height:190px; min-height:190px; }
    .kiro-news-grid .kiro-news-title { min-height:0; max-height:none; }
    .kiro-news-grid .kiro-news-intro { max-height:none; }
    .kiro-news-grid .kiro-news-intro p {
        display:block; -webkit-line-clamp:unset;
    }
}
@media(prefers-reduced-motion:reduce) {
    .kiro-news-grid .items-row > [class*="span"] > .item { transition:none; }
}


/* v1.0.9 — more space below image and longer intro text */
.kiro-news-grid .kiro-news-image {
    margin-bottom: 17px !important;
}
.kiro-news-grid .kiro-news-title {
    margin-top: 0 !important;
    margin-bottom: 9px !important;
}
.kiro-news-grid .kiro-news-intro {
    max-height: 112px !important;
    margin-bottom: 10px !important;
}
.kiro-news-grid .kiro-news-intro p {
    -webkit-line-clamp: 5 !important;
}
@media (max-width: 560px) {
    .kiro-news-grid .kiro-news-intro {
        max-height: none !important;
    }
    .kiro-news-grid .kiro-news-intro p {
        display: block !important;
        -webkit-line-clamp: unset !important;
    }
}


/* v1.1.0 — enforce visible image/title separation and slightly larger typography */

/* Stronger, explicit spacing after the image wrapper */
.kiro-news-grid .items-row > [class*="span"] > .item > .kiro-news-image {
    margin-bottom: 24px !important;
}
.kiro-news-grid .items-row > [class*="span"] > .item > .kiro-news-title {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Slightly increase all card typography */
.kiro-news-grid .items-row > [class*="span"] > .item > .kiro-news-date,
.kiro-news-grid .items-row > [class*="span"] > .item > .kiro-news-date .create {
    font-size: 13px !important;
    line-height: 19px !important;
}
.kiro-news-grid .items-row > [class*="span"] > .item > .kiro-news-title {
    font-size: 17px !important;
    line-height: 1.36 !important;
}
.kiro-news-grid .items-row > [class*="span"] > .item > .kiro-news-title .title {
    font-size: inherit !important;
    line-height: inherit !important;
}
.kiro-news-grid .items-row > [class*="span"] > .item > .kiro-news-intro {
    font-size: 14px !important;
    line-height: 1.5 !important;
}
.kiro-news-grid .items-row > [class*="span"] > .item > .kiro-news-intro p {
    font-size: inherit !important;
    line-height: inherit !important;
}
.kiro-news-grid .items-row > [class*="span"] > .item > .kiro-news-readmore a {
    font-size: 13px !important;
    line-height: 19px !important;
}