@media (max-width: 950px) {
  .topline,header { position: relative; z-index: 20; }
  .hero { position: relative; z-index: 0; }
  .hero { min-height: 0; }
  .hero-carousel { min-height: 560px; overflow: hidden; isolation: isolate; }
  .hero .service-panel { position: relative; z-index: 2; }
  header { grid-template-columns: 1fr; gap: 14px; padding: 14px 20px; }
  header nav { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); width: 100%; gap: 7px; white-space: normal; }
  header nav a { padding: 11px 10px; border: 1px solid var(--line); border-radius: 7px; background: #f8fafc; text-align: center; font-size: 12px; }
  .page-hero,.page-content { padding-left: 20px; padding-right: 20px; }
  .page-hero h1 { font-size: clamp(32px, 9vw, 52px); text-wrap: pretty; }
  .news-grid[style] { grid-template-columns: 1fr 1fr !important; }
  .article-reading { padding: 24px 20px; }
  .context-article { grid-template-columns: 40px minmax(0,1fr) auto; }
  .context-article p { grid-column: 2 / -1; }
  .permanent-article>div { grid-template-columns: minmax(0,1fr) auto; }
  .permanent-article p { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
  .hero-carousel { min-height: 540px; overflow: hidden; }
  .topline { min-height:34px; padding:0 15px; }
  .topline>span { display:none; }
  .topline div { width:100%; display:flex; justify-content:space-between; gap:12px; }
  header nav { grid-template-columns: 1fr 1fr; }
  .identity { min-width:0; }
  .identity span { min-width:0; }
  .identity b,.identity small { overflow-wrap:anywhere; }
  .hero-copy { padding:48px 48px 84px 20px; }
  .hero-copy h1 { font-size:clamp(32px, 9.5vw, 46px); line-height:1.12; }
  .hero-copy>p { -webkit-line-clamp:4; font-size:15px; }
  .hero-actions { margin-top:26px; }
  .service-panel { padding:22px 20px; }
  .news-grid[style],.news-grid { grid-template-columns: 1fr !important; }
  .updates { padding:48px 20px 60px; }
  .page-hero,.page-content { padding-left:15px; padding-right:15px; }
  .article-reading { padding:20px 15px; }
  .article-reading .article-body { font-size:16px; text-align:left; }
  .article-title-row { align-items:flex-start; }
  .article-title-row h1 { min-width:0; }
  .article-documents>a { padding:12px; }
  .context-article { grid-template-columns: 36px minmax(0,1fr); }
  .context-article>b { grid-column:2; grid-row:auto; }
  .permanent-article>div { padding:12px; }
  footer { padding:32px 20px; }
}