/* P06: a quiet editorial hub using the existing Julong type and blue. */
.jli-blog-page .jlb-intro { padding:4.5rem 0 0; background:#f5f8fc; border-bottom:1px solid #dce5ef; }
.jli-blog-page .jlb-breadcrumb { display:flex; align-items:center; gap:.65rem; margin-bottom:2rem; color:#68798c; font-size:.85rem; }
.jli-blog-page .jlb-breadcrumb a { color:#68798c; }
.jli-blog-page .jlb-breadcrumb a:hover { color:var(--jl-blue); }
.jli-blog-page .jlb-intro h1 { max-width:none; font-size:clamp(2.7rem,4.3vw,4.25rem); }
.jli-blog-page .jlb-intro-copy { max-width:49rem; margin:1.5rem 0 2.5rem; color:#627286; font-size:1.08rem; line-height:1.8; }
.jli-blog-page .jlb-filters { display:flex; flex-wrap:wrap; gap:0 2.25rem; }
.jli-blog-page .jlb-filter { display:inline-flex; align-items:center; min-height:58px; padding:.8rem 0; border-bottom:3px solid transparent; color:#56687b; font-weight:600; font-size:.94rem; transition:color .18s,border-color .18s; }
.jli-blog-page .jlb-filter:hover,.jli-blog-page .jlb-filter.is-active { color:var(--jl-blue); border-bottom-color:var(--jl-blue); }
.jli-blog-page .jlb-filter:focus-visible,.jli-blog-page .jlb-page:focus-visible,.jli-blog-page .jlb-card-link:focus-visible { outline:2px solid var(--jl-blue); outline-offset:5px; }
.jli-blog-page .jlb-results { padding:4.5rem 0 5.5rem; }
.jli-blog-page .jlb-results-head { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:2.5rem; }
.jli-blog-page .jlb-results-head .jli-title { margin:0!important; font-size:clamp(1.9rem,2.7vw,2.65rem); }
.jli-blog-page .jlb-results-head .jli-title:focus { outline:none; }
.jli-blog-page #jlb-latest { scroll-margin-top:calc(var(--jl-header-h,80px) + 2rem); }
.jli-blog-page .jlb-result-summary { margin:0; color:#718094; font-size:.9rem; }
.jli-blog-page .jlb-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2rem 1.5rem; }
.jli-blog-page .jlb-card { min-width:0; border:1px solid #dce5ef; background:#fff; transition:border-color .22s; }
.jli-blog-page .jlb-card-link { display:flex; flex-direction:column; height:100%; color:var(--jl-dark); text-decoration:none; }
.jli-blog-page .jlb-card-media { aspect-ratio:16/9; overflow:hidden; background:#eef3f9; }
.jli-blog-page .jlb-card-image { display:block; width:100%; height:100%; object-fit:cover; transition:transform .45s ease; }
.jli-blog-page .jlb-card-fallback { display:flex; align-items:center; height:100%; padding:2rem; font:600 2rem/1.2 var(--jl-font-heading); color:#7896b5; }
.jli-blog-page .jlb-card-body { display:flex; flex-direction:column; flex:1; padding:1.5rem 1.5rem 1rem; }
.jli-blog-page .jlb-card-category { color:var(--jl-blue); font-size:.72rem; letter-spacing:.09em; text-transform:uppercase; line-height:1.6; font-weight:600; }
.jli-blog-page .jlb-card h3 { margin:.7rem 0 1.4rem; font-size:1.45rem; line-height:1.3; height:2.6em; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; transition:color .2s; }
.jli-blog-page .jlb-card-footer { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-top:auto; padding-top:.9rem; border-top:1px solid #e6edf4; }
.jli-blog-page .jlb-card time { color:#748296; font-size:.8rem; }
.jli-blog-page .jlb-card-arrow { color:var(--jl-blue); font-size:1.3rem; transition:transform .2s; }
.jli-blog-page .jlb-card:hover,.jli-blog-page .jlb-card:focus-within { border-color:var(--jl-blue); }
.jli-blog-page .jlb-card:hover h3,.jli-blog-page .jlb-card:focus-within h3 { color:var(--jl-blue); }
.jli-blog-page .jlb-card:hover .jlb-card-image { transform:scale(1.035); }
.jli-blog-page .jlb-card:hover .jlb-card-arrow { transform:translateX(4px); }
.jli-blog-page .jlb-pagination { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:.5rem; margin-top:3.5rem; }
.jli-blog-page .jlb-page { display:inline-flex; justify-content:center; align-items:center; min-width:44px; height:44px; padding:.6rem; border:1px solid #dce5ef; color:#4e6177; font-size:.9rem; transition:background .18s,color .18s,border-color .18s; }
.jli-blog-page .jlb-page-word { padding-inline:1rem; }
.jli-blog-page .jlb-page:hover,.jli-blog-page .jlb-page.is-current { background:var(--jl-blue); border-color:var(--jl-blue); color:#fff; }
.jli-blog-page .jlb-page.is-disabled { opacity:.4; }
.jli-blog-page .jlb-empty { min-height:14rem; padding:3rem 0; color:#627286; }
.jli-blog-page .jlb-empty a { color:var(--jl-blue); text-decoration:underline; }
.jli-blog-page .jlb-results[aria-busy="true"] .jlb-grid { opacity:.45; }
@media(max-width:1023px) {
 .jli-blog-page .jlb-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .jli-blog-page .jlb-intro { padding-top:3.5rem; }
}
@media(max-width:767px) {
 .jli-blog-page .jlb-intro { padding-top:2.5rem; }
 .jli-blog-page .jlb-breadcrumb { margin-bottom:1.5rem; }
 .jli-blog-page .jlb-intro-copy { font-size:1rem; margin-bottom:1.75rem; }
 .jli-blog-page .jlb-filters { gap:0 1.3rem; }
 .jli-blog-page .jlb-filter { font-size:.82rem; min-height:48px; }
 .jli-blog-page .jlb-grid { grid-template-columns:1fr; gap:1.5rem; }
 .jli-blog-page .jlb-results { padding:3rem 0 3.5rem; }
 .jli-blog-page .jlb-results-head { margin-bottom:2rem; }
 .jli-blog-page .jlb-card h3 { font-size:1.45rem; }
 .jli-blog-page .jlb-card-body { padding:1.25rem 1.25rem 1rem; }
 .jli-blog-page .jlb-pagination { gap:.35rem; margin-top:2.5rem; }
 .jli-blog-page .jlb-page { min-width:38px; height:42px; }
 .jli-blog-page .jlb-page-word { padding-inline:.65rem; }
}
@media(prefers-reduced-motion:reduce) { .jli-blog-page * { transition:none!important; } }