/* Extraverse Latest v1.2.4 — compact directory-style listing */

.expc-latest-page{width:100%;background:#fff}
body.page .expc-latest-wrap,
body.blog .expc-latest-wrap{
    max-width:1140px;
    margin:0 auto;
    padding:24px 18px 55px;
    box-sizing:border-box;
}

/* Suppress the theme's archive/page heading without touching post titles. */
body.page .expc-latest-wrap ~ .entry-header,
body.page .entry-header:has(+ .expc-latest-wrap),
body.page .page-header,
body.page .archive-header,
body.blog .page-header,
body.blog .archive-header,
body.blog .entry-header,
body.page .wp-block-query-title,
body.blog .wp-block-query-title,
body.page .archive-title,
body.blog .archive-title{display:none!important}

.expc-latest-header{margin:0 0 15px}
.expc-latest-eyebrow{font-size:10px;font-weight:800;letter-spacing:.14em;color:#1555a6;margin-bottom:4px}
.expc-latest-header h1{margin:0;color:#0d2d54;font-size:clamp(27px,3.2vw,35px);line-height:1.08;font-weight:800}
.expc-latest-header p{margin:5px 0 0;color:#65758a;max-width:700px;font-size:13px;line-height:1.45}

.expc-latest-filters{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;
    gap:10px;
    align-items:end;
    background:#f8fbff;
    border:1px solid #d8e4f2;
    border-radius:12px;
    padding:10px;
    margin-bottom:15px;
}
.expc-filter-field label{display:block;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#1555a6;margin:0 0 5px}
.expc-filter-field select{width:100%;height:40px;border:1px solid #cbd8e8;border-radius:7px;background:#fff;padding:0 10px;color:#102f55}
.expc-filter-clear{height:40px;border:1px solid #e24973;border-radius:7px;background:#fff;color:#d83262;font-weight:700;padding:0 15px;cursor:pointer}

/* Clean post-directory rows: white center, substantial blue fading border. */
.expc-latest-results{display:flex;flex-direction:column;gap:10px}
.expc-latest-card{
    position:relative;
    width:100%;
    box-sizing:border-box;
    display:grid;
    grid-template-columns:112px minmax(0,1fr);
    gap:15px;
    align-items:center;
    min-height:96px;
    padding:10px 13px 10px 10px;
    background:#fff;
    border:3px solid transparent;
    border-radius:14px;
    background-image:
        linear-gradient(#fff,#fff),
        linear-gradient(110deg,rgba(21,85,166,.95),rgba(57,133,235,.62) 45%,rgba(126,184,255,.20) 78%,rgba(126,184,255,0));
    background-origin:border-box;
    background-clip:padding-box,border-box;
    box-shadow:0 5px 16px rgba(21,85,166,.07),0 0 14px rgba(79,150,238,.06);
    transition:transform .16s ease,box-shadow .16s ease;
}
.expc-latest-card:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(21,85,166,.11),0 0 18px rgba(79,150,238,.10)}

/* Latest item gets only a subtle emphasis while preserving the same directory style. */
.expc-latest-card.is-featured{min-height:106px;background-image:linear-gradient(#fff,#fff),linear-gradient(110deg,rgba(13,74,155,1),rgba(57,133,235,.72) 45%,rgba(126,184,255,.25) 82%,rgba(126,184,255,0))}

.expc-latest-image{
    display:block;
    width:112px;
    height:76px;
    overflow:hidden;
    border-radius:8px;
    background:#edf3f9;
    text-decoration:none;
    flex:none;
}
.expc-latest-card.is-featured .expc-latest-image{width:112px;height:78px}
.expc-latest-image img{width:100%;height:100%;object-fit:cover;display:block}

.expc-latest-card-body{min-width:0;padding:0}
.expc-latest-meta{display:flex;flex-wrap:wrap;gap:5px;align-items:center;color:#6c7c90;font-size:8.5px;font-weight:800;text-transform:uppercase;letter-spacing:.035em;margin-bottom:3px}
.expc-latest-card h2{margin:0 0 4px;font-size:17px;line-height:1.22;color:#102f55;font-weight:800}
.expc-latest-card h2 a{color:#102f55!important;text-decoration:none!important}
.expc-latest-card h2 a:hover{color:#1555a6!important}
.expc-latest-card p{margin:0;color:#536a84;line-height:1.4;font-size:11.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:900px}
.expc-latest-read{display:inline-block;margin-top:4px;color:#1555a6!important;text-decoration:none!important;font-size:10.5px;font-weight:800}
.expc-latest-read span{margin-left:3px}

.expc-latest-card:not(:has(.expc-latest-image)){grid-template-columns:minmax(0,1fr)}

.expc-latest-more-wrap{text-align:center;margin-top:17px}
.expc-latest-more{min-width:145px;height:39px;padding:0 20px;border:0;border-radius:8px;background:#1555a6;color:#fff;font-weight:800;cursor:pointer;box-shadow:0 5px 13px rgba(21,85,166,.16)}
.expc-latest-more:hover{background:#0d4387}
.expc-latest-more:disabled{opacity:.65;cursor:wait}
.expc-latest-status{text-align:center;min-height:18px;margin-top:7px;color:#66778b;font-size:11px}
.expc-latest-empty{text-align:center;padding:38px 20px;background:#f8fbff;border:1px solid #d8e4f2;border-radius:12px;color:#66778b}
.expc-latest-empty h2{margin:0 0 6px;color:#102f55}
.expc-latest-empty p{margin:0}

@media(max-width:760px){
    body.page .expc-latest-wrap,
    body.blog .expc-latest-wrap{padding:17px 9px 42px}
    .expc-latest-header h1{font-size:27px}
    .expc-latest-filters{grid-template-columns:1fr;gap:8px}
    .expc-filter-clear{width:100%}
    .expc-latest-results{gap:8px}
    .expc-latest-card,
    .expc-latest-card.is-featured{
        grid-template-columns:82px minmax(0,1fr);
        gap:10px;
        min-height:78px;
        padding:8px 9px 8px 7px;
        border-width:2px;
        border-radius:11px;
    }
    .expc-latest-image,
    .expc-latest-card.is-featured .expc-latest-image{width:82px;height:60px;border-radius:6px}
    .expc-latest-card h2{font-size:14px;line-height:1.2;margin-bottom:3px}
    .expc-latest-card p{font-size:10.5px;-webkit-line-clamp:2}
    .expc-latest-read{font-size:9.5px;margin-top:3px}
    .expc-latest-meta{font-size:7.5px;gap:4px;margin-bottom:2px}
}