/* Poprawki 8 i 10: stabilna kolumna fraz oraz formularz mini-audytu. */
@media (min-width: 981px) {
  .landing .keyword-layout { align-items: start; }
  .landing .keyword-copy { position: sticky; top: 96px; }
}
.form-field select {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 46px;
  padding: 12px;
  border: 1px solid #dfe4ef;
  border-radius: 8px;
  font: inherit;
  font-size: 16px;
  background: #fff;
  color: #18213b;
}
.form-hint {
  display: block;
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.6;
  color: #53617a;
  background: transparent;
}
/* Poprawka 11: komunikat przy polu formularza mini-audytu (kolor tekstu i tło w jednej regule). */
.form-error {
  display: block;
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.5;
  color: #b42318;
  background-color: #fff;
}
.form-error[hidden] {
  display: none;
}
.form-field [aria-invalid="true"],
.audit-form .form-field [aria-invalid="true"] {
  border-color: #b42318;
}
/* Poprawka 15: tytuły zapowiedzi na /blog/ jako zwykły tekst (H2 tylko dla dostępnego artykułu), wygląd jak dotąd. */
.content-card .article-title {
  margin: 0 0 10px;
  font-family: Manrope, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.09;
  letter-spacing: -0.045em;
  color: #18213b;
  background-color: #fff;
}
/* Poprawka 16 (kontrola przed startem 14.10, C-120, C-122): kontrast fokusu, ramek pol i drobnego tekstu. */
.button:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,.comparison-wrap:focus-visible,.finder-option input:focus-visible+.finder-check{outline-color:#5544c4}
.button-light:focus-visible,.standards a:focus-visible,.footer a:focus-visible,footer a:focus-visible{outline-color:#c9c2ff}
.form-field input:hover,.form-field input:focus-visible,.form-field textarea:hover,.form-field textarea:focus-visible,.audit-form input:not([type="checkbox"]):hover,.audit-form input:not([type="checkbox"]):focus-visible{border-color:#7a8299}
.query-volume small{color:#56607a}.method-stage-toggle{color:#5d6679}
.finder-check{color:#5544c4;background-color:#fff}.finder-option:not(.is-selected) .finder-check{font-size:0}
/* Poprawka 17 (14.10): znak marki Widok w Sieci, cztery owalne plamki jak w logo. */
.wordmark-icon{transform:rotate(-12deg);gap:4px}.wordmark-icon i{border-radius:50%}
/* Poprawka 18 (14.10): etykiety MOZEMY / NIE MOZEMY w artykule mieszcza sie w ramce, kolor neutralny. */
#co-mozemy-zrobic .service-info-card>span{width:auto;min-width:32px;height:auto;min-height:28px;padding:5px 12px;white-space:nowrap;background:#f1f2f6;color:#18213b;letter-spacing:.04em}
/* Poprawka 19 (14.10): belka przezroczysta na kazdej stronie; pierwsza sekcja z tlem wsunieta pod belke (ramka przezroczysta, tlo liczone od ramki). */
:root{--wws-belka:76px}@media (max-width:800px){:root{--wws-belka:68px}}
.topbar{background:transparent;border-bottom-color:transparent;backdrop-filter:none}
html body .blog-intro,html body .price-hero,html body .content-hero,html body #main.post-shell{margin-top:calc(-1*var(--wws-belka));border-top:var(--wws-belka) solid transparent;background-origin:border-box!important}
/* Poprawka 20 (14.10): na stronach uslug poswiata z sekcji hero przeniesiona na tlo strony, wiec nie urywa sie pod okruszkami i siega pod belke. */
body.service-page:not(.blog-page):not(.contact-page){background:radial-gradient(circle 368px at calc(100% - 90px) 138px,rgba(112,105,255,.17),rgba(112,105,255,0) 70%) no-repeat,#f7f8fc}
body.service-page:not(.blog-page):not(.contact-page) .service-hero::before{display:none}
/* Poprawka 21 (14.10): okruszki na stronach uslug bez wlasnego tla, zeby nie odcinaly sie od poswiaty. */
body.service-page .service-breadcrumbs{background:transparent}
/* Poprawka 22 (14.10): belka przezroczysta nie jest juz przyklejona na stronach uslug i blogu (tresc przewijala sie pod nia); zachowanie jak na stronie glownej. */
.service-page .topbar{position:relative}

/* Dopisek do patches-20261012.css: kompaktowa stopka */
footer.footer .footer-main{grid-template-columns:minmax(0,1.25fr) repeat(3,minmax(0,1fr));gap:28px;padding-block:32px;min-height:0}
footer.footer .footer-main>div{min-width:0;grid-column:auto}
footer.footer .footer-main>div:first-child>p{font-size:13px;line-height:1.6}
footer.footer .footer-links{font-size:13px;gap:3px}
footer.footer .footer-links strong{font-size:14px;margin-bottom:9px}
footer.footer a{min-height:24px;min-width:24px;display:inline-flex;align-items:center;line-height:1.5;overflow-wrap:anywhere}
footer.footer a:focus-visible{outline:3px solid #c9c2ff;outline-offset:3px}
footer.footer .footer-bottom{flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px 24px;padding-block:12px;font-size:13px;line-height:1.5}
footer.footer .footer-legal{display:flex;flex-wrap:wrap;gap:4px 20px}
footer.footer .footer-legal a{color:#c1c6d6;text-decoration:none}
footer.footer .footer-legal a:hover{text-decoration:underline;color:#fff}
@media(max-width:900px){footer.footer .footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}footer.footer .footer-main>div:first-child{grid-column:1/-1}footer.footer .footer-main>div:last-child{grid-column:1/-1}footer.footer .footer-main>div:last-child{display:flex;flex-wrap:wrap;gap:4px 24px}footer.footer .footer-main>div:last-child strong{flex-basis:100%}}
@media(max-width:699px){footer.footer .footer-main{gap:20px 16px;padding-block:24px}footer.footer .footer-main>div:first-child>p{max-width:none}footer.footer .footer-links a{min-height:32px}footer.footer .footer-bottom{align-items:flex-start;gap:8px}footer.footer .footer-legal{gap:4px 16px}footer.footer .footer-legal a{min-height:32px}}
/* Dlugie adresy w dokumentach (np. § 8 regulaminu) nie wystaja na 320 px, 15.10.2026 */
.article-body{overflow-wrap:anywhere}
/* Regulamin: naglowki paragrafow (h3) na tle strony, bez bialych paskow, 15.10.2026 */
.article-body h3{background-color:#f7f8fc;color:#18213b}