/* Shared Onest / navy / blue identity; no separate blog design system. */
.blog-preview,.blog-index{padding:var(--landing-space) var(--landing-gutter)}
.blog-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}
.blog-section-head h2,.blog-index h1{font-size:clamp(28px,3.4vw,56px);font-weight:600;line-height:1.18;letter-spacing:-.025em;text-wrap:balance}
.blog-section-head p,.blog-index>.intro{margin-top:16px;color:var(--muted);font-size:clamp(16px,1.4vw,20px);line-height:1.5;max-width:60ch}
.blog-section-head .button{flex-shrink:0;font-size:16px;min-height:48px}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}
.blog-card{min-width:0;display:flex;flex-direction:column}
.blog-card-cover{display:block;overflow:hidden;border-radius:14px;background:#eef6ff;aspect-ratio:16/10;position:relative}
.blog-card-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease-out}
.blog-card-cover:hover img{transform:scale(1.025)}
.blog-card-cover:focus-visible,.blog-card h3 a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.blog-card-cover .blog-no-image{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:24px;color:var(--blue);letter-spacing:-.02em}
.blog-card-meta{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:13px;line-height:1.5;margin-top:18px}
.blog-card h3{font-size:clamp(19px,1.6vw,25px);line-height:1.25;letter-spacing:-.02em;font-weight:600;margin-top:10px;text-wrap:pretty}
.blog-card h3 a:hover{color:var(--blue)}
.blog-card>p{font-size:15px;line-height:1.55;color:var(--muted);margin-top:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blog-card-read{margin-top:auto;padding-top:16px;min-height:44px;display:flex;align-items:center;color:var(--blue);font-size:14px;width:fit-content}
.blog-index .blog-grid{margin-top:36px}
.blog-pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:40px}
.blog-pagination a{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:8px}
.blog-pagination a[aria-current]{background:var(--blue);color:white;border-color:var(--blue)}
.blog-breadcrumbs{font-size:14px;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.blog-breadcrumbs a:hover{color:var(--blue)}
.blog-article{padding:40px var(--landing-gutter) 64px;max-width:1120px;margin-inline:auto}
.blog-article h1{font-size:clamp(28px,3.5vw,48px);font-weight:600;line-height:1.17;letter-spacing:-.03em;text-wrap:balance;max-width:30ch}
.blog-article-meta{font-size:14px;color:var(--muted);margin:20px 0 32px;display:flex;gap:8px 20px;flex-wrap:wrap}
.blog-article-meta a{color:var(--blue)}
.blog-prose{font-size:18px;line-height:1.7;max-width:72ch;overflow-wrap:anywhere}
.blog-prose p{margin-block:0 1.25em;white-space:pre-line}
.blog-prose a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.blog-prose h2,.blog-prose h3{font-weight:600;line-height:1.3;margin:1.5em 0 .6em}
.blog-prose h2{font-size:28px}.blog-prose h3{font-size:23px}
.blog-prose ul,.blog-prose ol{padding-left:1.4em;margin-bottom:1.25em}
.blog-prose blockquote{padding:16px 24px;border-left:3px solid var(--blue);background:#eef6ff;margin:24px 0}
.blog-prose pre{white-space:pre-wrap;background:#eef6ff;padding:16px;border-radius:12px;font-size:14px}
.blog-media{display:grid;gap:20px;margin:32px 0;max-width:100%}
.blog-media img,.blog-media video{display:block;width:100%;max-height:76vh;object-fit:contain;background:#f2f6fc;border-radius:14px}
.blog-media img{height:auto}.blog-media audio{width:100%}
.blog-article-end{margin-top:40px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;font-size:16px;color:var(--blue)}
.blog-related{margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}
.blog-related>h2{font-size:28px;margin-bottom:24px;font-weight:600}
@media(min-width:1024px){
  .site-header{grid-template-columns:auto minmax(0,1fr) auto}
  .navigation-main{gap:clamp(10px,1.2vw,20px)}
  .site-header .header-socials{margin-right:0}
}
@media(min-width:1024px) and (max-width:1250px){
  .site-header .brand-tagline,.site-header .brand-divider{display:none}
  .site-header .brand-marketing{width:auto;flex-basis:auto}
  .site-header .nav-group-links{gap:12px}
  .site-header .nav-group{padding-inline:10px}
}
@media(max-width:1023px){
  .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .blog-section-head{align-items:start}
  .blog-section-head .button{font-size:14px}
  .blog-article{padding-top:24px}
  .blog-prose{font-size:17px;line-height:1.65}
}
@media(max-width:640px){
  .blog-grid{grid-template-columns:1fr;gap:32px}
  .blog-section-head{flex-direction:column;gap:20px}
  .blog-card h3{font-size:22px}
  .blog-card-cover{aspect-ratio:16/10}
  .blog-article-meta{margin-bottom:24px}
}
@media(prefers-reduced-motion:reduce){.blog-card-cover img{transition:none}}