.blog-topic-hubs{position:relative;z-index:5;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:-30px;margin-bottom:-34px}
.blog-topic-hubs a{display:flex;min-height:104px;flex-direction:column;justify-content:center;gap:5px;padding:22px 24px;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:0 16px 38px rgba(22,19,61,.10);transition:transform .2s,border-color .2s,box-shadow .2s}
.blog-topic-hubs a:hover{transform:translateY(-3px);border-color:#ffc4b1;box-shadow:0 20px 44px rgba(22,19,61,.14)}
.blog-topic-hubs strong{font-size:17px;letter-spacing:-.025em}
.blog-topic-hubs span{color:var(--muted);font-size:13px}
.blog-tools{display:grid;grid-template-columns:minmax(260px,1fr) auto;align-items:end;gap:18px;margin-bottom:24px}
.blog-search label{display:block;margin-bottom:8px;color:var(--ink);font-size:14px;font-weight:900}
.blog-search-control{position:relative}
.blog-search-control svg{position:absolute;left:16px;top:50%;width:20px;height:20px;transform:translateY(-50%);color:#858ba0;pointer-events:none}
.blog-search input{width:100%;height:54px;padding:0 18px 0 48px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);font:inherit;box-shadow:0 8px 24px rgba(22,19,61,.04);outline:none}
.blog-search input:focus{border-color:#ff8a62;box-shadow:0 0 0 4px rgba(255,107,76,.12)}
.blog-result-summary{margin:0;color:var(--muted);font-size:14px;font-weight:800;text-align:right}
.filter-row{margin-bottom:28px!important}
.filter-chip{display:inline-flex;align-items:center;gap:7px}
.filter-chip small{font-size:11px;font-weight:900;opacity:.72}
.post-card h2 a{display:block;color:var(--ink);text-decoration:none}
.post-card h2 a:hover{color:#d33a2c}
.post-excerpt{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;min-height:66px;margin:0!important;line-height:1.6}
.post-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:2px}
.post-card-footer a{color:var(--coral);font-size:13px;font-weight:900}
.post-card-footer a:hover{text-decoration:underline}
.post-cat.c4{background:#eaf4ff;color:#17689e;border-color:#c5e1f7}
.blog-empty{padding:56px 24px;border:1px dashed #cfd4e4;border-radius:20px;background:#fff;color:var(--muted);text-align:center}
.blog-empty strong{display:block;margin-bottom:8px;color:var(--ink);font-size:20px}
.blog-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:42px}
.blog-pagination a,.blog-pagination button,.blog-pagination span.page-current{display:inline-flex;min-width:42px;height:42px;align-items:center;justify-content:center;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font:inherit;font-size:13px;font-weight:900;text-decoration:none;cursor:pointer}
.blog-pagination a:hover,.blog-pagination button:hover{border-color:#ff9b7f;color:#d33a2c}
.blog-pagination .page-current{border-color:transparent!important;background:linear-gradient(90deg,var(--orange),var(--coral));color:#fff!important;box-shadow:0 8px 20px rgba(255,75,63,.22)}
.blog-pagination .page-ellipsis{padding:0 4px;color:#969caf}
.blog-pagination .page-direction{padding-inline:16px}
@media(max-width:720px){.blog-topic-hubs{grid-template-columns:1fr;margin-top:-22px;margin-bottom:-26px}.blog-topic-hubs a{min-height:82px;padding:17px 19px}.blog-tools{grid-template-columns:1fr}.blog-result-summary{text-align:left}.blog-pagination{gap:6px}.blog-pagination a,.blog-pagination button,.blog-pagination span.page-current{min-width:38px;height:38px;padding:0 10px}.blog-pagination .page-direction{width:100%;margin-top:4px}.post-excerpt{min-height:auto}}
