@media (max-width: 1199px) {
  .grid-2, .grid-post, .grid-3, .grid-4 { grid-template-columns: 1fr; }
  .sticky { position: static; }
  .hero-name { font-size: 48px; }
  .reading-body { --reading-pad-x: 36px; --reading-bleed: 20px; padding: 32px var(--reading-pad-x) 40px; }
  .subscribe { grid-template-columns: 1fr; gap: 16px; }
  .status .hint { display: none; }
}
@media (max-width: 767px) {
  :root { --gap: 8px; }
  .bar { padding: 0 10px; gap: 8px; }
  .ws-link { padding: 4px 8px; }
  .ws-key, .wordmark, [data-stat], .stat-rss, .hint-keys { display: none; }
  .hero { --hero-pad-x: 20px; padding: 24px var(--hero-pad-x); }
  .hub-intro .hub-img { height: 160px; }
  .hub-intro .hero-body { padding-top: 20px; }
  .hub-intro .pills { padding-top: 20px; padding-bottom: 24px; }
  .hero-name { font-size: 34px; }
  .hero-tagline { font-size: 16px; }
  .prose .kg-bookmark-card a.kg-bookmark-container { grid-template-columns: 1fr; }
  .prose .kg-bookmark-thumbnail { order: -1; height: 150px; }
  .prose .kg-bookmark-thumbnail img { position: static; }
  .reading-body { --reading-pad-x: 16px; --reading-bleed: 0px; padding: 20px var(--reading-pad-x) 28px; }
  .reading-title { font-size: 28px; }
  .lead-title { font-size: 24px; }
  .row-compact { grid-template-columns: 1fr; gap: 4px; }
  .row-compact .row-meta { text-align: left; }
  .bar-bottom { height: auto; flex-direction: column; align-items: flex-start; gap: 8px; padding: 12px 10px; }
  .ws { gap: 2px; }
  .ws-link { padding: 4px 5px; }
  .btn { padding: 4px 10px; }
}