/* Blog uses the site's existing colours, typography, grids and buttons. */
.blog-hero{align-items:center}
.blog-hero h1{font:400 clamp(40px,5vw,72px)/1.12 var(--font-serif);letter-spacing:-.02em;margin:24px 0;overflow-wrap:anywhere}
.blog-hero .breadcrumbs{font-size:14px;margin-bottom:28px}
.blog-hero__image{margin:0;overflow:hidden}
.blog-hero__image img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.blog-topics{gap:10px;margin-bottom:48px;flex-direction:row;flex-wrap:wrap}
.blog-topics .button{padding:12px 18px;min-height:44px;font-size:16px}
.blog-status{margin-bottom:28px}
.blog-status h2{font:400 clamp(28px,4vw,40px)/1.15 var(--font-serif);overflow-wrap:anywhere}
.blog-card{padding:0;overflow:hidden}
.blog-card img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.blog-card__body{padding:24px}
.blog-card__cover{position:relative;isolation:isolate}
.blog-card__meta{position:absolute;inset:0;padding:16px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:12px;pointer-events:none;background:linear-gradient(180deg,rgba(8,35,29,.14),transparent 42%,rgba(8,35,29,.4))}
.blog-card__meta-bottom{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px;width:100%}
.blog-card__categories{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.blog-card .blog-card__badge{display:inline-block;padding:7px 10px;border-radius:3px;background:#163b33;color:#fff;font-size:12px;font-weight:500;line-height:1.35;letter-spacing:0;text-decoration:none;max-width:100%;overflow-wrap:anywhere}
.blog-card__meta a{pointer-events:auto}
.blog-card__meta a:hover{text-decoration:underline}
.blog-card__meta a:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:480px){.blog-card__meta{padding:12px}.blog-card .blog-card__badge{font-size:11px;padding:6px 8px}}
.blog-card h3 a{text-decoration:none}
.blog-card .eyebrow{font-size:11px;line-height:1.7;letter-spacing:.08em}
.blog-author{font-size:14px;line-height:1.6}
.blog-pagination{margin-top:40px;gap:10px;flex-direction:row;flex-wrap:wrap}
.blog-pagination .button{min-width:44px;padding:12px 18px}
.blog-empty{margin:0}
.blog-article h1{overflow-wrap:anywhere}
.blog-article .blog-hero__image{margin:32px 0}
#blog-browser[aria-busy="true"]{opacity:.65}
@media(prefers-reduced-motion:no-preference){#blog-browser{transition:opacity .15s ease}}
/* The seventh menu item must fit without moving or hiding contact controls. */
@media(min-width:900px) and (max-width:1099px){.site-nav{gap:6px}}