.page-head { padding: clamp(64px,10vw,120px) 0 clamp(20px,3vw,40px); text-align: center; }
  .page-head .display { max-width: 16ch; margin: 12px auto 0; }
  .blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(20px,3vw,34px); }
  @media (max-width: 900px) { .blog-grid { grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 600px) { .blog-grid { grid-template-columns: 1fr; } }
  .post { display: flex; flex-direction: column; text-decoration: none; color: inherit; }
  .post .imgblock { aspect-ratio: 4/3; min-height: 0; margin-bottom: 16px; transition: transform .3s var(--ease); }
  .post:hover .imgblock { transform: translateY(-4px); }
  .post__meta { font-size: 13px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--accent); margin-bottom: 8px; }
  .post h2 { font-size: 24px; line-height: 1.1; margin-bottom: 8px; }
  .post:hover h2 { text-decoration: underline; text-underline-offset: 3px; }
  .post p { color: var(--ink-soft); font-size: 15px; line-height: 1.55; }
  .blog-empty { text-align: center; padding: 3rem 0; color: var(--muted); }
  /* Featured article — larger than the grid */
  .featured { display: grid; grid-template-columns: 1.15fr .85fr; gap: clamp(24px,4vw,56px); align-items: center;
    text-decoration: none; color: inherit; margin-bottom: clamp(44px,6vw,80px); }
  @media (max-width: 820px) { .featured { grid-template-columns: 1fr; } }
  .featured .imgblock { aspect-ratio: 16/10; min-height: 0; transition: transform .3s var(--ease); }
  .featured:hover .imgblock { transform: translateY(-4px); }
  .featured__meta { font-size: 13px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); margin-bottom: 12px; }
  .featured__badge { color: var(--ink); }
  .featured h2 { font-size: clamp(30px,4vw,50px); line-height: 1.02; margin-bottom: 14px; }
  .featured:hover h2 { text-decoration: underline; text-underline-offset: 4px; }
  .featured p { color: var(--ink-soft); font-size: clamp(16px,1.3vw,19px); line-height: 1.6; max-width: 48ch; }
  .featured .readmore { display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; font-weight: 600; }

  /* Numbered pagination */
  .pager { display: flex; justify-content: center; align-items: center; gap: 8px; flex-wrap: wrap;
    margin-top: clamp(44px,6vw,80px); }
  .pager a, .pager span { min-width: 44px; height: 44px; padding: 0 6px; display: inline-flex; align-items: center;
    justify-content: center; border-radius: var(--pill); font-weight: 600; font-size: 15px; text-decoration: none;
    border: 1.5px solid var(--line); color: var(--ink); background: #fff; transition: all .2s var(--ease); }
  .pager a:hover { border-color: var(--ink); }
  .pager .is-current { background: var(--ink); color: #fff; border-color: var(--ink); }
  .pager .is-disabled { opacity: .35; pointer-events: none; }
  .pager .gap { border: 0; background: transparent; }