.home-blog-heading { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; flex-wrap:wrap; margin-bottom:1.5rem; }
.home-blog-heading .section-heading { margin-bottom:.6rem; }
.home-blog-heading .section-copy { margin-bottom:0; }
.home-blog-track { --story-gap:1.25rem; display:flex; gap:var(--story-gap); list-style:none; margin:0; padding:.3rem .2rem 1rem; overflow-x:auto; scroll-snap-type:x proximity; scroll-padding:.2rem; overscroll-behavior-x:contain; }
.home-blog-card { flex:0 0 calc((100% - 2 * var(--story-gap)) / 3); min-width:0; background:#fffdf7; border:1px solid rgba(37,66,65,.16); border-radius:1.3rem; overflow:hidden; scroll-snap-align:start; }
.home-blog-image { display:block; }
.home-blog-image img { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; }
.home-blog-copy { padding:1.25rem; }
.home-blog-copy .home-blog-scope { color:#345b58; font-size:.76rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; margin:0 0 .65rem; }
.home-blog-copy h3 { font-size:1.2rem; line-height:1.35; margin:0 0 .8rem; }
.home-blog-copy h3 a { color:inherit; text-decoration:none; }
.home-blog-copy h3 a:hover { text-decoration:underline; }
.home-blog-copy > p:last-child { font-size:.95rem; line-height:1.6; margin:0; }
.home-blog-controls { display:flex; justify-content:flex-end; align-items:center; gap:1rem; margin-top:1rem; }
.home-blog-controls[hidden] { display:none; }
.home-blog-controls p { margin:0; min-width:7rem; text-align:center; font-size:.9rem; }
.home-blog-controls button { width:46px; height:46px; border:1px solid #6b817c; border-radius:50%; background:#fffdf7; color:#254241; cursor:pointer; font:inherit; font-size:1.4rem; }
.home-blog-controls button:disabled { opacity:.4; cursor:default; }
.home-blog :focus-visible { outline:3px solid #245d75; outline-offset:3px; }
.home-blog-image:focus-visible { outline-offset:-4px; }
@media (max-width:960px) { .home-blog-card { flex-basis:calc((100% - var(--story-gap)) / 2); } }
@media (max-width:600px) { .home-blog-card { flex-basis:86%; } .home-blog-copy { padding:1rem; } .home-blog-controls { justify-content:center; } }
@media (prefers-reduced-motion:reduce) { .home-blog-track { scroll-behavior:auto; } }

.home-blog-copy > .home-blog-credit:last-child { font-size:.75rem; line-height:1.5; margin:.8rem 0 0; color:#345b58; }
.home-blog-credit a { color:inherit; }
@media (min-width:1181px) { .site-header .header-nav { gap:2px; } .site-header .header-nav a { padding-inline:8px; } }