/*
 * SFXM 3.2.0 — warstwa jakościowa.
 * Bez zmian treści: responsywność, dostępność, stabilność układu i czytelność.
 */
html{overflow-x:hidden;text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{min-width:320px;overflow-wrap:break-word}
img,svg,video,iframe{max-width:100%}
img{height:auto}
main{min-width:0}
.container,.split>*,.contact-grid>*,.section-head>*,.knowledge-hero-grid>*,.article-hero-grid>*,.featured-article>*,.knowledge-card>*,.home-process-grid>*,.en-auto-feature-head>*{min-width:0}

/* Widoczna nawigacja klawiaturą bez zmiany wyglądu myszy. */
:where(a,button,input,textarea,select,summary,[tabindex]):focus-visible{
  outline:3px solid #2676ff;
  outline-offset:3px;
}
:where(.dark,.hero,.page-hero,.knowledge-view,.article-hero) :where(a,button,input,textarea,select,summary,[tabindex]):focus-visible{
  outline-color:#9ec5ff;
}

/* Czytelność długich adresów, tytułów i treści generowanych w edytorze. */
.prose,.article-content,.knowledge-card-content,.featured-copy,.legal{
  overflow-wrap:anywhere;
}
.article-content table,.prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;-webkit-overflow-scrolling:touch}
.article-content pre,.prose pre{max-width:100%;overflow:auto;white-space:pre-wrap}
.article-content iframe,.prose iframe{width:100%;border:0}

/* Stabilne sekcje i bezpieczne odstępy na urządzeniach dotykowych. */
.btn,.knowledge-button,.arrow-link,.text-link,.menu-toggle{touch-action:manipulation}
@media(hover:none){.btn:hover,.knowledge-button:hover,.arrow-link:hover{transform:none}}

/* Pełny audyt responsywności — laptopy i małe okna. */
@media(max-width:1150px){
  .container{width:min(100% - 40px,980px)}
  .split,.contact-grid{gap:64px}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cards article:nth-child(3){grid-column:1/-1;border-top:1px solid #ffffff1f}
  .service-list{grid-template-columns:1fr}
  .service-list article:nth-child(odd){border-right:0}
  .section-head{align-items:start}
  .knowledge-hub .knowledge-grid{grid-template-columns:1fr}
  .knowledge-hub .knowledge-card,
  .knowledge-hub .knowledge-card:nth-child(even){grid-template-columns:190px minmax(0,1fr);padding:40px 0;border-left:0}
}

@media(max-width:900px){
  .container{width:min(100% - 36px,760px)}
  .section{padding:64px 0}
  .split,.contact-grid,.section-head,.knowledge-hero-grid,.article-hero-grid,.knowledge-section-head,.knowledge-closing-grid{grid-template-columns:1fr;gap:36px}
  .section-head{display:grid}
  .cards{grid-template-columns:1fr}
  .cards article,.cards article+article,.cards article:nth-child(3){min-height:0;padding:30px 0;border-right:0;border-top:0;border-bottom:1px solid #ffffff1f}
  .stats{grid-template-columns:1fr}
  .stats div,.stats div:first-child{padding:16px 0;border-right:0;border-bottom:1px solid #ffffff1f}
  .stats div:last-child{border-bottom:0}
  .page-hero.full{min-height:0}
  .hero,.page-hero,.knowledge-hero,.article-hero{min-height:0}
}

@media(max-width:700px){
  .container{width:calc(100% - 28px)}
  .site-header{height:82px}
  .hero{padding-top:132px}
  .page-hero,.knowledge-hero,.article-hero{padding-top:132px}
  .hero h1,.page-hero h1,.knowledge-hero h1,.article-hero h1{font-size:clamp(38px,11vw,58px);line-height:1.03}
  .lead,.page-lead{font-size:17px!important;line-height:1.65!important}
  .actions{align-items:stretch;flex-direction:column;gap:12px;margin-top:30px}
  .btn{width:100%;min-width:0}
  .feature-list article,.process-list section{grid-template-columns:42px minmax(0,1fr);gap:12px}
  .knowledge-hub .knowledge-card,
  .knowledge-hub .knowledge-card:nth-child(even){grid-template-columns:105px minmax(0,1fr);gap:20px;padding:28px 0}
  .knowledge-card-visual{min-height:185px}
  .knowledge-card-visual span{font-size:56px}
  .knowledge-card-content h2{font-size:clamp(22px,6.4vw,28px);line-height:1.18}
  .featured-copy{padding:30px 22px}
  .article-toc,.article-sources,.article-key-takeaways,.page-cta{padding:22px 18px}
  .message-framework{grid-template-columns:1fr}
  .message-framework span{padding-bottom:5px;border-bottom:0}
}

@media(max-width:430px){
  .container{width:calc(100% - 24px)}
  .brand img,.site-header .brand img{width:145px}
  .language-switch{font-size:10px}
  .knowledge-hub .knowledge-card,
  .knowledge-hub .knowledge-card:nth-child(even){grid-template-columns:82px minmax(0,1fr);gap:16px}
  .knowledge-card-visual{min-height:160px}
  .knowledge-card-visual span{left:10px;font-size:44px}
  .knowledge-card-content>p:not(.article-meta){font-size:13px}
  .knowledge-card-content .arrow-link{padding-top:16px}
}

/* Preferencje systemowe: brak animacji i mniejsze zużycie zasobów. */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* Wydruk artykułu bez elementów nawigacyjnych. */
@media print{
  .site-header,.site-footer,.article-rail,.article-actions,.knowledge-closing,.cta,.page-cta{display:none!important}
  body{color:#000;background:#fff}
  .container,.article-layout,.article-content{width:100%!important;max-width:none!important;display:block!important}
  a{text-decoration:underline}
}
