.blog-link-hub{position:relative;overflow:hidden;margin:2.25rem 0;padding:clamp(1.25rem,3vw,2.25rem);border:1px solid #d8e3f7;border-radius:24px;background:linear-gradient(145deg,#f8fbff 0%,#f6f3ff 100%);box-shadow:0 18px 46px rgba(33,58,120,.09)}
.blog-link-hub::before{position:absolute;inset:0 0 auto;height:4px;background:var(--lq-gradient);content:""}
.blog-link-hub-head{max-width:760px;margin-bottom:1.5rem}
.blog-link-hub-head>span{display:inline-flex;align-items:center;gap:.45rem;color:#6545e8;font-size:.72rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.blog-link-hub-head>span::before{width:8px;height:8px;border-radius:50%;background:var(--lq-gradient);box-shadow:0 0 0 5px rgba(101,69,232,.1);content:""}
.blog-link-hub-head h2{margin:.38rem 0 .42rem!important;color:#102f54!important;font-size:clamp(1.45rem,2.2vw,1.9rem)!important;line-height:1.2}
.blog-link-hub-head p{margin:0;color:#64748b;line-height:1.6}
.blog-link-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;align-items:start}
.blog-link-columns section{min-width:0;padding:1rem;border:1px solid rgba(216,227,247,.8);border-radius:18px;background:rgba(255,255,255,.62)}
.blog-link-columns section:nth-child(2){grid-column:1/-1;grid-row:2}
.blog-link-columns h3{display:flex;align-items:center;gap:.55rem;margin:0 0 .8rem;color:#273b60;font-size:.9rem}
.blog-link-columns h3::before{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;background:linear-gradient(135deg,rgba(22,119,255,.13),rgba(124,58,237,.15));color:var(--lq-violet);font-size:.8rem;content:"↗"}
.blog-link-columns section:nth-child(2) h3::before{content:"✦"}
.blog-link-columns section:nth-child(3) h3::before{content:"✓"}
.blog-link-columns ul{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}
.blog-link-columns section:nth-child(2) ul{grid-template-columns:repeat(3,minmax(0,1fr))}
.blog-link-columns li{min-width:0;margin:0}
.blog-link-columns a{position:relative;display:grid;gap:.3rem;height:100%;padding:1rem;border:1px solid #dfe7f5;border-radius:14px;background:#fff;color:#18345f;text-decoration:none;box-shadow:0 7px 20px rgba(33,58,120,.045);transition:border-color .2s,transform .2s,box-shadow .2s}
.blog-link-columns a::after{position:absolute;right:.85rem;bottom:.7rem;color:#9aabca;font-size:.85rem;content:"→";transition:color .2s,transform .2s}
.blog-link-columns a:hover{border-color:#9bb7ff;transform:translateY(-3px);box-shadow:0 12px 28px rgba(48,81,160,.12)}
.blog-link-columns a:hover::after{color:var(--lq-violet);transform:translateX(3px)}
.blog-link-columns a:focus-visible{outline:3px solid rgba(22,119,255,.28);outline-offset:3px}
.blog-link-columns a strong{padding-right:1rem;color:#16355f;font-size:.85rem;line-height:1.4}
.blog-link-columns a>span{padding-right:1rem;color:#6b7890;font-size:.74rem;line-height:1.55}
@media(max-width:900px){.blog-link-columns section:nth-child(2) ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.blog-link-hub{padding:1rem;border-radius:18px}.blog-link-columns{grid-template-columns:1fr;gap:.9rem}.blog-link-columns section:nth-child(2){grid-column:auto;grid-row:auto}.blog-link-columns section:nth-child(2) ul{grid-template-columns:1fr}.blog-link-columns section{padding:.8rem;border-radius:15px}.blog-link-columns a{padding:.9rem}}