.blog-topic-section{padding:30px 0 22px;background:linear-gradient(180deg,#fff 0%,#f5f8f9 100%)}
.blog-topic-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}
.blog-topic-heading h2{margin:4px 0 0;color:#17384b;font-size:clamp(22px,2.2vw,29px);letter-spacing:-.035em}
.blog-topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.blog-topic-card{position:relative;display:flex;align-items:flex-start;gap:12px;min-height:122px;padding:17px 16px;border:1px solid #dce6e9;border-radius:16px;background:#fff;color:#17384b;text-decoration:none;box-shadow:0 5px 18px rgba(16,50,67,.045);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.blog-topic-card:before{content:"";position:absolute;left:16px;right:16px;top:0;height:3px;border-radius:0 0 4px 4px;background:#d9a441;opacity:.72}
.blog-topic-card:hover,.blog-topic-card.is-current{transform:translateY(-2px);border-color:#bd9a56;box-shadow:0 10px 24px rgba(16,50,67,.09)}
.blog-topic-card:focus-visible{outline:3px solid #d9a441;outline-offset:3px}
.blog-topic-number{flex:0 0 30px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:10px;background:#f7f2e8;color:#916d27;font-size:11px;font-weight:900;letter-spacing:.04em}
.blog-topic-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}
.blog-topic-copy strong{color:#17384b;font-size:15px;line-height:1.25;font-weight:850}
.blog-topic-copy small{color:#71828b;font-size:12px;line-height:1.45}
.blog-topic-arrow{margin-left:auto;color:#ac8134;font-size:17px;font-weight:800;line-height:1}
.journal-image-caption{margin:8px 0 0;color:#71818a;font-size:11px;line-height:1.45}
@media(max-width:900px){.blog-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.blog-topic-section{padding:22px 0 16px}.blog-topic-heading{margin-bottom:11px}.blog-topic-card{min-height:112px;gap:9px;padding:15px 12px;border-radius:14px}.blog-topic-card:before{left:12px;right:12px}.blog-topic-number{flex-basis:27px;width:27px;height:27px;border-radius:9px;font-size:10px}.blog-topic-copy strong{font-size:14px}.blog-topic-copy small{font-size:11px;line-height:1.38}.blog-topic-arrow{font-size:15px}}
@media(max-width:360px){.blog-topic-grid{grid-template-columns:1fr}.blog-topic-card{min-height:88px}}
@media(prefers-reduced-motion:reduce){.blog-topic-card{transition:none}.blog-topic-card:hover,.blog-topic-card.is-current{transform:none}}