/* KSHC Insights: mobile layout (3 Oct 2026). Loaded after the page styles. */
@media (max-width: 640px) {
  /* Top bar: logo + language only, one clean line */
  .topbar-inner { padding: 12px 20px !important; gap: 12px !important; }
  .topbar-inner img, .topbar img { height: 22px !important; }
  .crumb { display: none !important; }
  .lang-switch { border-left: 0 !important; margin-left: 0 !important; padding-left: 0 !important; height: auto !important; }
  .lang-switch a { padding: 10px 8px !important; }

  /* Article */
  article.post { padding: 32px 20px 64px !important; }
  .post-meta { font-size: 12px !important; margin-bottom: 14px !important; line-height: 1.7 !important; }
  .post-meta .tag { font-size: 11px !important; letter-spacing: 0.12em !important; }
  h1.post-title { font-size: 36px !important; line-height: 1.1 !important; letter-spacing: -0.015em !important; margin-bottom: 16px !important; }
  .post-deck { font-size: 18px !important; max-width: none !important; margin-bottom: 28px !important; }
  .post-byline { padding: 14px 0 !important; margin-bottom: 32px !important; }
  .post p { font-size: 17px !important; line-height: 1.65 !important; margin-bottom: 20px !important; }
  .post p.lede::first-letter { font-size: 52px !important; padding: 4px 10px 0 0 !important; }
  .post h2 { font-size: 26px !important; line-height: 1.18 !important; margin: 40px 0 12px !important; }
  .post h3 { font-size: 20px !important; margin: 28px 0 10px !important; }
  .post ul, .post ol { font-size: 16px !important; padding-left: 20px !important; }
  .post blockquote { font-size: 20px !important; padding-left: 16px !important; margin: 28px 0 !important; }
  .pullnumber { margin: 28px 0 !important; }
  .pn-num { font-size: 30px !important; }
  .related-service-card { padding: 18px 20px !important; margin: 36px 0 !important; }
  .end-cta { padding: 22px 20px !important; margin-top: 40px !important; }
  .end-cta-text { font-size: 20px !important; }

  /* Insights index */
  .hero { padding: 40px 20px 28px !important; }
  h1.page-title { font-size: 44px !important; line-height: 1.05 !important; }
  .page-deck { font-size: 18px !important; line-height: 1.55 !important; }
  .index { padding: 8px 20px 72px !important; }
  .post-row { padding-top: 24px !important; padding-bottom: 24px !important; gap: 8px !important; }
  .post-row:hover { padding-left: 0 !important; padding-right: 0 !important; }
  .post-row-title { font-size: 24px !important; line-height: 1.2 !important; }
  .post-row-deck { font-size: 15px !important; }

  /* Footer */
  footer.site { padding: 28px 20px !important; }
  footer.site .inner { flex-direction: column !important; gap: 12px !important; }
}