/* HIBO Blog V1.14.44 — isolated Sapo-inspired blog index. */
.hibo-blog-page{padding-top:18px;padding-bottom:36px}
.hibo-blog-page .breadcrumbs{margin-bottom:14px}
.hibo-blog-latest,.hibo-blog-topics,.hibo-blog-grid-section{margin:0 0 14px}
.hibo-blog-latest-surface,.hibo-blog-section-surface{padding:14px;border-radius:8px;background:#fff}
.hibo-blog-latest-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,.9fr);gap:20px;align-items:stretch}
.hibo-blog-featured{min-width:0}
.hibo-blog-hero-card{position:relative;overflow:hidden;min-height:100%;border-radius:10px;background:#edf1f4}
.hibo-blog-hero-media{position:relative;display:block;overflow:hidden;width:100%;aspect-ratio:3/2;background:#edf1f4}
.hibo-blog-hero-media::after{content:"";position:absolute;inset:auto 0 0;height:65%;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.92));pointer-events:none}
.hibo-blog-hero-media img{display:block;width:100%;height:100%;object-fit:cover}
.hibo-blog-image-placeholder{display:grid;place-items:center;width:100%;height:100%;color:#8b98a7;font-size:34px;font-weight:900;background:linear-gradient(135deg,#f5f7f9,#e5eaee)}
.hibo-blog-hero-overlay{position:absolute;z-index:2;right:0;bottom:0;left:0;padding:22px 24px;color:#fff}
.hibo-blog-hero-overlay h2{margin:0 0 8px;font-size:clamp(24px,2.5vw,36px);line-height:1.16}
.hibo-blog-hero-overlay h2 a{display:-webkit-box;overflow:hidden;color:#fff;text-decoration:none;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.hibo-blog-hero-overlay h2 a:hover,.hibo-blog-hero-overlay h2 a:focus-visible{color:var(--theme-menu-hover);outline:none}
.hibo-blog-hero-overlay time{display:none;font-size:12px;opacity:.78}
.hibo-blog-hero-overlay p{display:-webkit-box;overflow:hidden;margin:0;color:#fff;font-size:13px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.hibo-blog-latest-list{display:grid;grid-template-columns:1fr;gap:9px;min-width:0;align-content:start}
.hibo-blog-latest-list .article-card--list{grid-template-columns:94px minmax(0,1fr);gap:11px;padding:0 0 9px;border-bottom:1px solid #eee;background:transparent}
.hibo-blog-latest-list .article-card--list:last-child{padding-bottom:0;border-bottom:0}
.hibo-blog-latest-list .article-card-image--list{aspect-ratio:4/3;border-radius:5px}
.hibo-blog-latest-list .article-card--list h3{margin:0 0 2px;font-size:14px;line-height:1.28}
.hibo-blog-latest-list .article-card--list h3 a{-webkit-line-clamp:2}
.hibo-blog-latest-list .article-card--list time{margin:0 0 3px;color:#6b7280;font-size:11px}
.hibo-blog-latest-list .article-card--list p{-webkit-line-clamp:2;color:#616975;font-size:11.5px;line-height:1.35}
.hibo-blog-section-title{margin:0 0 14px;color:#2f363d;font-size:20px;font-weight:800;line-height:1.3}
.hibo-blog-topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.hibo-blog-topic{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center;min-width:0;padding:12px;border-right:1px solid #f0f0f0;color:inherit;text-decoration:none}
.hibo-blog-topic:nth-child(4n){border-right:0}
.hibo-blog-topic:hover strong,.hibo-blog-topic:focus-visible strong,.hibo-blog-topic.active strong{color:var(--theme-primary)}
.hibo-blog-topic:focus-visible{outline:2px solid var(--theme-primary);outline-offset:-2px}
.hibo-blog-topic-image{display:block;overflow:hidden;width:48px;height:48px;border-radius:7px;background:#eef2f5}
.hibo-blog-topic-image img{width:100%;height:100%;object-fit:cover}
.hibo-blog-topic-placeholder{display:grid;place-items:center;width:100%;height:100%;color:#8391a0;font-size:20px;font-weight:900}
.hibo-blog-topic-copy{min-width:0}
.hibo-blog-topic-copy strong{display:block;overflow:hidden;color:#333;font-size:14px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.hibo-blog-topic-copy small{display:block;margin-top:3px;color:#6b7280;font-size:11px}
.hibo-blog-description{margin:-4px 0 16px;color:var(--theme-muted,#6b7280);font-size:14px;line-height:1.65}
.hibo-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.hibo-blog-grid-item{min-width:0}
.hibo-blog-grid .article-card--grid{height:100%;overflow:hidden;border:1px solid #dfe3e7;border-radius:8px;background:#fff;transition:background .15s ease,box-shadow .15s ease,transform .15s ease}
.hibo-blog-grid .article-card--grid:hover{background:#f9fafb;box-shadow:0 20px 25px -5px rgba(0,0,0,.10),0 8px 10px -6px rgba(0,0,0,.10);transform:translateY(-1px)}
.hibo-blog-grid .article-card-image--grid{aspect-ratio:3/2;border-radius:0}
.hibo-blog-grid .article-card-body--grid{padding:12px}
.hibo-blog-tags{display:flex;gap:5px;overflow-x:auto;margin:0 0 6px;scrollbar-width:none}
.hibo-blog-tags::-webkit-scrollbar{display:none}
.hibo-blog-tags span{flex:0 0 auto;padding:3px 9px;border-radius:999px;background:#ffc107;color:#854d0e;font-size:11px;font-weight:800;line-height:1.3}
.hibo-blog-grid .article-card--grid h3{margin:0 0 5px;font-size:15px;line-height:1.35}
.hibo-blog-grid .article-card--grid h3 a{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.hibo-blog-grid .article-card--grid time{margin:0 0 5px;color:#6b7280;font-size:11px}
.hibo-blog-grid .article-card--grid p{display:-webkit-box;overflow:hidden;margin:0;color:#616975;font-size:12px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.hibo-blog-more{display:flex;justify-content:center;padding:22px 0 2px}
.hibo-blog-more a{display:inline-flex;align-items:center;justify-content:center;min-width:180px;min-height:42px;padding:8px 22px;border:1px solid rgba(23,33,43,.12);border-radius:9px;background:#fff;color:#333;font-size:16px;font-weight:800;text-decoration:none;box-shadow:0 2px 7px rgba(0,0,0,.08);transition:color .2s ease,box-shadow .2s ease,border-color .2s ease}
.hibo-blog-more a:hover,.hibo-blog-more a:focus-visible{border-color:var(--theme-primary);color:var(--theme-primary);box-shadow:0 0 2px var(--theme-primary),0 0 6px color-mix(in srgb,var(--theme-primary) 45%,transparent);outline:none}
.hibo-blog-more a[aria-busy="true"]{pointer-events:none;opacity:.65}
@media(max-width:991px){
 .hibo-blog-latest-layout{grid-template-columns:1fr}
 .hibo-blog-latest-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .hibo-blog-latest-list .article-card--list{grid-template-columns:112px minmax(0,1fr)}
 .hibo-blog-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hibo-blog-topic:nth-child(4n){border-right:1px solid #f0f0f0}
 .hibo-blog-topic:nth-child(2n){border-right:0}
 .hibo-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
 .hibo-blog-page{padding-top:10px;padding-bottom:18px}
 .hibo-blog-page .breadcrumbs{margin-bottom:10px}
 .hibo-blog-latest-surface,.hibo-blog-section-surface{padding:8px}
 .hibo-blog-latest-layout{gap:10px}
 .hibo-blog-hero-card{overflow:visible;background:#fff}
 .hibo-blog-hero-media{border-radius:8px 8px 0 0}
 .hibo-blog-hero-media::after{display:none}
 .hibo-blog-hero-overlay{position:relative;padding:9px 2px 2px;color:#222}
 .hibo-blog-hero-overlay h2{margin-bottom:4px;font-size:16px;line-height:1.3}
 .hibo-blog-hero-overlay h2 a{color:#222}
 .hibo-blog-hero-overlay time{display:block;margin-bottom:4px}
 .hibo-blog-hero-overlay p{color:#5d6670;font-size:12px}
 .hibo-blog-latest-list{grid-template-columns:1fr;gap:8px}
 .hibo-blog-latest-list .article-card--list{grid-template-columns:105px minmax(0,1fr);gap:9px}
 .hibo-blog-latest-list .article-card--list p{display:none}
 .hibo-blog-section-title{margin-bottom:9px;font-size:18px}
 .hibo-blog-topic{grid-template-columns:42px minmax(0,1fr);gap:8px;padding:9px 6px}
 .hibo-blog-topic-image{width:42px;height:42px}
 .hibo-blog-topic-copy strong{font-size:13px}
 .hibo-blog-grid{gap:10px}
 .hibo-blog-grid .article-card-body--grid{padding:9px}
 .hibo-blog-grid .article-card--grid h3{font-size:14px}
 .hibo-blog-grid .article-card--grid p{font-size:11.5px}
}
@media(max-width:520px){.hibo-blog-grid{grid-template-columns:1fr}}