.latest-updates { border:1px solid #c9dbd6; border-radius:1rem; background:#f1f7f3; padding:1rem; }
.latest-updates-heading { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.latest-updates-heading h2 { color:#103448; font-size:1.35rem; margin:0; }
.latest-updates-heading > a { color:#006477; font-weight:650; font-size:.9rem; white-space:nowrap; }
.latest-updates-hint { margin:.45rem 0 .9rem; color:#42616b; font-size:.85rem; }
.latest-updates-list { display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - 2rem)/3); gap:1rem; overflow-x:auto; scroll-snap-type:x proximity; overscroll-behavior-x:contain; padding:.2rem .2rem .7rem; margin:0; list-style:none; scrollbar-color:#7baba6 #e1ece7; scrollbar-width:thin; }
.latest-update-card { border:1px solid #d5e1dc; border-top:3px solid #207886; border-radius:.75rem; background:#fffefa; scroll-snap-align:start; min-width:0; }
.latest-update-card article { height:100%; }
.latest-update-developing { border-top-color:#ba670d; }
.latest-update-link { display:flex; flex-direction:column; height:100%; padding:1rem; color:#173c4a; text-decoration:none; }
.latest-update-link:hover { color:#103448; background:#f7fbf8; border-radius:.6rem; }
.latest-update-link:focus-visible { outline:3px solid #087f8c; outline-offset:2px; }
.latest-update-meta { display:flex; align-items:center; justify-content:space-between; gap:.6rem; margin-bottom:.7rem; font-size:.78rem; }
.latest-update-meta time { white-space:nowrap; color:#4a626b; }
.latest-update-status { background:#e3f2ef; border-radius:999px; padding:.2rem .55rem; color:#14515c; font-weight:700; }
.latest-update-developing .latest-update-status { color:#713b00; background:#fff0cc; }
.latest-update-link h3 { font-size:1.05rem; line-height:1.35; text-align:left; text-transform:none; margin:0 0 .6rem; }
.latest-update-link p { font-size:.9rem; line-height:1.5; margin:0 0 .8rem; }
.latest-update-read { margin-top:auto; color:#006477; font-size:.85rem; font-weight:650; }
@media(max-width:991px) { .latest-updates-list { grid-auto-columns:calc((100% - 1rem)/2); } }
@media(max-width:575px) { .latest-updates { padding:.85rem; } .latest-updates-list { grid-auto-columns:88%; gap:.75rem; } .latest-updates-heading h2 { font-size:1.2rem; } .latest-update-link { padding:.85rem; } }