/* Compact blog preview, scoped to the homepage. */
.ref-updates { padding:32px 0; background:#f5f7fa; border-bottom:1px solid #d9e4ef; }
.ref-updates-heading { display:flex; align-items:center; justify-content:space-between; gap:16px 24px; margin-bottom:18px; }
.ref-updates-heading h2 { margin:0; color:#062f63; font-size:clamp(20px,2.2vw,27px); font-weight:700; line-height:1.3; }
.ref-updates-heading p { margin:7px 0 0; color:#506279; font-size:14px; line-height:1.5; }
.ref-updates-all { display:inline-flex; flex-shrink:0; align-items:center; gap:10px; min-height:44px; color:#800020; font-size:14px; font-weight:700; text-decoration:none; }
.ref-updates-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.ref-update-card { display:flex; flex-direction:column; min-width:0; padding:16px 18px; background:#fff; border:1px solid #d9e4ef; border-radius:12px; text-decoration:none; transition:border-color .15s,box-shadow .15s; }
.ref-update-card:hover { border-color:#800020; box-shadow:0 4px 14px #062f630b; }
.ref-update-category { color:#800020; font-size:11px; font-weight:700; line-height:1.5; }
.ref-update-card h3 { margin:7px 0 12px; color:#102744; font-size:16px; font-weight:700; line-height:1.45; overflow-wrap:anywhere; }
.ref-update-meta { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:auto; color:#5d6d80; font-size:12px; line-height:1.5; }
.ref-update-read { flex-shrink:0; color:#800020; font-weight:700; }
.ref-update-card:focus-visible,.ref-updates-all:focus-visible { outline:3px solid #800020; outline-offset:3px; }
.ref-updates-all:hover { text-decoration:underline; text-underline-offset:4px; }
@media(max-width:900px) { .ref-updates-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:560px) { .ref-updates { padding:24px 0; } .ref-updates-heading { align-items:flex-start; flex-direction:column; gap:4px; margin-bottom:12px; } .ref-updates-grid { grid-template-columns:1fr; gap:8px; } .ref-update-card { padding:12px 14px; } .ref-update-card h3 { font-size:15px; margin:5px 0 8px; } }
@media(prefers-reduced-motion:reduce) { .ref-update-card { transition:none; } }