.hse-front-hub{--hse-ink:#17343d;--hse-blue:#0d6f8b;--hse-teal:#178a82;--hse-line:#dbe7e9;max-width:1180px;margin:0 auto 48px;color:var(--hse-ink)}
.hse-front-intro{padding:28px 0 20px}.hse-front-intro>span{font-size:12px;font-weight:800;letter-spacing:.15em;color:var(--hse-teal)}.hse-front-intro h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;margin:.25em 0}.hse-front-intro p{max-width:760px;font-size:1.08rem;line-height:1.65;color:#64747a}
.hse-front-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.hse-front-card{border:1px solid var(--hse-line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 10px 28px rgba(17,55,64,.07);transition:.2s}.hse-front-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(17,55,64,.11)}
.hse-front-image{aspect-ratio:16/9;display:grid;place-items:center;background:linear-gradient(135deg,#eaf7fb,#e8f8f3);overflow:hidden;text-decoration:none}.hse-front-image img{width:100%;height:100%;object-fit:cover}.hse-front-image>span{font-size:48px}
.hse-front-body{padding:20px}.hse-front-meta{font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--hse-teal)}.hse-front-body h3{font-size:1.35rem;line-height:1.2;margin:.45em 0}.hse-front-body h3 a{color:var(--hse-ink);text-decoration:none}.hse-front-body p{line-height:1.55;color:#66757a}.hse-front-read{font-weight:750;color:var(--hse-blue);text-decoration:none}.hse-front-read span{display:inline-block;transition:.15s}.hse-front-read:hover span{transform:translateX(3px)}
.hse-front-empty{padding:30px;border:1px dashed #a9c9ce;border-radius:16px;background:#f7fbfc}.hse-front-empty b{font-size:1.2rem}.hse-front-empty p{margin-bottom:0}.hse-front-pagination{margin-top:28px}.hse-front-pagination ul{display:flex;gap:7px;list-style:none;padding:0}.hse-front-pagination a,.hse-front-pagination span{display:grid;place-items:center;min-width:38px;height:38px;border:1px solid var(--hse-line);border-radius:10px;text-decoration:none}.hse-front-pagination .current{background:var(--hse-blue);color:#fff;border-color:var(--hse-blue)}
@media(max-width:900px){.hse-front-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.hse-front-grid{grid-template-columns:1fr}}