@media (max-width: 768px) {
  .site-header__inner { width: calc(100% - 36px); min-height: 68px; }
  .menu-toggle { display: grid; }
  .primary-navigation { display: none; position: absolute; z-index: 20; top: 68px; left: 18px; right: 18px; padding: 0.6rem 1rem; border: 1px solid var(--yuanzi-mist); border-radius: 6px; background: var(--yuanzi-paper); }
  .primary-navigation.is-open { display: block; }
  .primary-navigation ul { display: flex; flex-direction: column; align-items: stretch; gap: 0; }
  .primary-navigation a { display: block; min-height: 44px; padding: 0.7rem 0; }
  .content-shell, .entry-content, .entry-header { width: min(calc(100% - 40px), var(--yuanzi-content)); }
  .home-shell { width: calc(100% - 36px); margin-top: 1.5rem; }
  .featured-story:not(.featured-story--text-only) { height: clamp(280px, 78vw, 310px); }
  .featured-story__overlay { padding: 24px; }
  .featured-story:not(.featured-story--text-only) .featured-story__overlay > div { max-width: 100%; }
  .featured-story__overlay .entry-meta { margin-bottom: 14px; font-size: 13px; }
  .featured-story__title { font-size: clamp(1.65rem, 7vw, 2.15rem); line-height: 1.22; }
  .post-card { grid-template-columns: 104px minmax(0, 1fr); column-gap: 16px; padding-block: 22px; }
  .post-card--text-only { grid-template-columns: 1fr; }
  .post-card__image { width: 104px; aspect-ratio: 4 / 3; }
  .post-card__image img { width: 100%; height: 100%; }
  .post-card .entry-meta { margin-bottom: 8px; font-size: 0.85rem; }
  .post-card__title { font-size: 1.15rem; line-height: 1.38; }
  .post-card__excerpt { display: none; }
  .entry-content { font-size: 17px; line-height: 1.95; }
  .entry-content .alignwide, .entry-content .alignfull { width: calc(100% + 40px); max-width: none; margin-left: -20px; margin-right: -20px; }
  .entry-content .alignwide figcaption, .entry-content .alignfull figcaption { padding-inline: 20px; }
  .single .entry-content { width: calc(100% - 36px); font-size: 1rem; line-height: 1.8; }
  .single .entry-content h2 { margin-block: 2em 0.7em; font-size: 1.4rem; }
  .single .entry-content h3 { margin-block: 1.7em 0.6em; font-size: 1.2rem; }
  .single .entry-content figure, .single .entry-content .wp-block-image { margin-block: 1.75rem 1.5rem; }
  .single .entry-content figcaption, .single .entry-content .wp-caption-text { font-size: 0.8rem; }
  .single .entry-content blockquote { margin-block: 1.75rem; padding: 0.85rem 1rem; }
  .single .entry-content .alignwide, .single .entry-content .alignfull { width: calc(100% + 36px); max-width: none; margin-left: -18px; margin-right: -18px; }
  .single .entry-content .alignwide figcaption, .single .entry-content .alignfull figcaption { padding-inline: 18px; }
  .single .entry-content .alignleft, .single .entry-content .alignright { float: none; margin: 1.5rem auto; }
  .site-footer__inner { width: calc(100% - 40px); flex-direction: column; }
  .comment-list .children { margin-inline-start: 0.75rem; }
  .section-heading { align-items: baseline; flex-wrap: wrap; row-gap: 10px; margin-bottom: 20px; }
  .section-heading a { flex: 0 1 auto; }
  .nav-links { align-items: stretch; flex-direction: column; gap: 1rem; }
  .nav-next { text-align: left; }
}

@media (max-width: 360px) {
  .post-card { grid-template-columns: 94px minmax(0, 1fr); column-gap: 14px; }
  .post-card__image { width: 94px; }
}