/* Mateuszkafara.pl v31 - czytelny, kompaktowy, wspólny system wizualny.
 * Ładowany jako OSTATNI arkusz; bez zewnętrznych fontów i bibliotek.
 * Zakres selektorów ograniczony, by nie nadpisywać panelu i formularzy.
 */
:root {
  --mk31-accent:#ff4b8a;
  --mk31-ink:#111c31;
  --mk31-muted:#506078;
  --mk31-border:#e1e6ee;
  --mk31-canvas:#f5f7fa;
  --mk31-font:"Inter Display","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
}
body:not(.admin-body) { font-family:var(--mk31-font); }
body:not(.admin-body) .section-head h2,
body:not(.admin-body) .home-section-head h2 { font-family:var(--mk31-font);letter-spacing:-.035em; }
/* Spójna typografia H2 w sekcjach homepage */
body.page-home-v21 #main .home-section-head h2,
body.page-home-v21 #main .mk-services-v207__header h2 {
  font-size:clamp(1.65rem,2.35vw,2.2rem)!important;
  line-height:1.17!important;
  font-weight:750;
  max-width:none;
}
body.page-home-v21 #main .home-section-head p,
body.page-home-v21 #main .mk-services-v207__header p {
  font-size:clamp(.88rem,1vw,.97rem);
  line-height:1.6;
  max-width:74ch;
  color:var(--mk31-muted);
}
/* Bez gradientów w hero: jednolity granat i spokojna, niedekoracyjna kompozycja. */
body.page-home-v21 .hero.hero-showcase {background:#121a31!important;min-height:0!important;}
body.page-home-v21 .hero-showcase__bg,
body.page-home-v21 .hero.hero-showcase::before,
body.page-home-v21 .hero.hero-showcase::after,
body.page-home-v21 .hero-showcase__markers {display:none!important;background:none!important;}
body.page-home-v21 .hero-showcase__inner{min-height:0!important;}
body.page-home-v21 .hero-showcase__content {max-width:890px;}
body.page-home-v21 .hero-showcase h1 {font-size:clamp(2.15rem,4.1vw,3.65rem)!important;line-height:1.08;letter-spacing:-.055em;overflow-wrap:normal;}
body.page-home-v21 .hero-showcase__lead {max-width:660px;margin-inline:auto;}
body.page-home-v21 .hero-showcase__actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;}
body.page-home-v21 .hero-showcase__actions .btn {border-radius:7px;min-height:46px;}
/* Karty bez sztucznych kolorowych poświat i bez nadmiaru pionowego scrollowania. */
body.page-home-v21 .home-blog-section,
body.page-home-v21 .home-process-section,
body.page-home-v21 .faq-feature-section {background:#fff;}
body.page-home-v21 .home-process-grid {gap:12px;}
body.page-home-v21 .home-process-card {border-radius:9px!important;box-shadow:0 5px 20px rgba(17,28,49,.045);}
body.page-home-v21 .home-blog-card {min-height:0!important;border-radius:9px!important;padding:19px!important;box-shadow:0 5px 20px rgba(17,28,49,.045);}
body.page-home-v21 .home-blog-card h3 {font-size:1rem;line-height:1.35;}
body.page-home-v21 .home-blog-card p {line-height:1.55;max-width:100%;}
body.page-home-v21 .mk-home-services-v28 .mk-service-v207 {border-radius:9px;}
body.page-home-v21 .mk-home-services-v28 .mk-service-v207__svg {width:20px;height:20px;fill:none;stroke:currentColor;flex-shrink:0;}
/* Artykuły i strony usług: wygodne czytanie, wskazanie linków kontekstowych. */
body:not(.admin-body) .article-header h1 {font-family:var(--mk31-font);font-size:clamp(1.8rem,3.4vw,2.8rem);line-height:1.16;letter-spacing:-.035em;}
body:not(.admin-body) .rich-content {overflow-wrap:anywhere;line-height:1.8;}
body:not(.admin-body) .rich-content p {max-width:76ch;}
body:not(.admin-body) .rich-content a[href^="/"]:not([href^="/#"]) {
  color:#c92265;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;font-weight:650;
}
body:not(.admin-body) .rich-content a[href^="/"]:focus-visible {outline:2px solid #ff4b8a;outline-offset:3px;}
body:not(.admin-body) .rich-content pre {max-width:100%;overflow-x:auto;border-radius:9px;padding:16px;}
body:not(.admin-body) .rich-content table {display:block;width:max-content;max-width:100%;overflow-x:auto;}
body:not(.admin-body) .article-topic-tags {margin-top:26px;}
/* Karta listy poradników: stabilne proporcje i wysokość */
body:not(.admin-body) .article-grid {align-items:stretch;}
body:not(.admin-body) .article-card {min-width:0;overflow:hidden;}
body:not(.admin-body) .article-card h3 {overflow-wrap:break-word;}
/* Panel - tabele audytu oraz filtr responsywny */
.mk31-audit-tools {display:flex;align-items:end;flex-wrap:wrap;gap:10px;margin:15px 0 18px;}
.mk31-audit-tools label {font-size:.79rem;font-weight:650;}
.mk31-audit-tools input,.mk31-audit-tools select {min-height:39px;border:1px solid #cfd7e3;background:white;border-radius:7px;padding:8px 10px;min-width:150px;font:inherit;}
.mk31-audit-tools input {max-width:300px;flex:1 1 190px;}
.mk31-priority {display:inline-flex;align-items:center;padding:4px 9px;border-radius:5px;font-size:.76rem;font-weight:700;background:#edf1f6;color:#344358;}
.mk31-priority--high {background:#fff1f0;color:#9a2525;}
.mk31-priority--medium {background:#fff5df;color:#785006;}
.mk31-priority--ok {background:#e9f8ee;color:#1a6935;}
.mk31-admin-pagination {display:flex;gap:8px;flex-wrap:wrap;margin-top:20px;}
.mk31-admin-pagination a {display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;border:1px solid #cfd8e5;border-radius:6px;text-decoration:none;}
.mk31-admin-pagination a[aria-current="page"] {background:#121a31;color:#fff;}
@media(max-width:680px){
  body.page-home-v21 .hero-showcase {padding:38px 16px 35px!important;}
  body.page-home-v21 .hero-showcase h1 {font-size:clamp(2rem,8vw,2.55rem)!important;}
  body.page-home-v21 #main .home-section-head h2,
  body.page-home-v21 #main .mk-services-v207__header h2 {font-size:1.65rem!important;}
  body.page-home-v21 .hero-showcase__actions .btn{width:100%;max-width:340px;}
  body.page-home-v21 .home-blog-card {padding:16px!important;}
  .mk31-audit-tools {align-items:stretch;flex-direction:column;}
  .mk31-audit-tools input,.mk31-audit-tools select,.mk31-audit-tools button{width:100%;max-width:100%;}
}
@media(prefers-reduced-motion:reduce){
  body.page-home-v21 .home-blog-card,body.page-home-v21 .mk-service-v207{transition:none!important;transform:none!important;}
}
