/* ---------- AI audit (szablon strony: page-ai-audit.php, Oct 21, 2026) ----------
   Strona sklejona z gotowych modulow main.css (.wwd*, .abt-mark, .abt-blocks,
   .abt-block, .hp-blocks, .hp-block, .hp-chip, .wwd-model-grid, .wwd-chip,
   .wwd-list, .gls-arrow). Ich rozmiarow i odstepow tu nie zmieniamy.
   Ponizej tylko to, czego na stronie nie bylo, z wartosciami wzietymi z main.css. */

/* odstepy sekcji: wartosci z About (.abt-cols 110 px, .hp-nutshell .hp-blocks 64 px) */
.aud-bench { margin-top: 64px; }
.aud-bench .hp-block > h2:first-child { margin-top: 0; }
.aud-bench .hp-chip { background: transparent; }

/* tekst pod kartami: zwykly tekst strony (typografia .wwd-card p), do lewej (DK, Oct 21, 2026) */
.aud-scope { margin-top: 48px; }
.aud-scope p {
  font-family: 'Manrope', sans-serif;
  font-weight: 300;
  font-size: 1.05rem;
  line-height: 1.75;
  color: var(--ink-soft);
  text-align: left;
}
.aud-scope p + p { margin-top: 18px; } /* DK, Oct 21, 2026: tag na tle karty */
.aud-sec--head:not(.has-mark),
.aud-closing { margin-top: 110px; }

/* bloki: bez dodatkowego odstepu nad pierwszym elementem w boksie (DK, Oct 21, 2026) */
.aud .abt-block > :first-child { margin-top: 0; }
/* bialy blok kontynuujacy szary: bez gornego paddingu, odstep od szarego = 34 px (DK) */
.aud .abt-block + .abt-block.is-plain:not(.aud-panel) { padding-top: 0; padding-bottom: 0; margin-top: 10px; }

/* sam tekst bez boksu pod leadem sekcji (Time and effort): bez paddingu, 40 px od leadu jak karty pod leadem (DK, Oct 21, 2026) */
.aud .aud-sec--head .abt-blocks > .abt-block.is-plain:first-child { padding-top: 0; padding-bottom: 0; margin-top: -24px; }

/* lista numerowana: .wwd-list z pelnym kolem i numerem (jak ol we wpisach i filarach) */
.aud-ol { counter-reset: aud-item; }
.aud-ol li::before {
  counter-increment: aud-item;
  content: counter(aud-item);
  border: 0;
  background: var(--acc-a);
  color: #fff;
  font-size: 9px;
  font-weight: 700;
  display: grid;
  place-items: center;
}

/* przypisy: jak we wpisach (.post-single sup) */
.aud sup { font-size: 0.6em; line-height: 0; vertical-align: 0.5833em; }

/* panele rozwijane (Why audit AI?): zamkniety pokazuje tytul, tekst do pierwszej
   listy wlacznie i wyblakla pierwsza linie reszty; przycisk = .gls-arrow (Jargon
   translated). Bez JS wszystko otwarte. */
.aud-panel { position: relative; }
.aud-panel-toggle { display: none; }
.aud .aud-panel-toggle { border-color: var(--ink-faint); color: var(--ink-faint); background: transparent; } /* ramka jak pola w Contact (DK, Oct 21, 2026) */
.aud .aud-panel-toggle:hover { border-color: transparent; color: #fff; background: linear-gradient(90deg, var(--acc-a), var(--acc-b)) border-box; } /* hover bez zmian, jak .gls-arrow */
/* przycisk w tej samej linii co wyblakly tekst, po prawej (DK, Oct 21, 2026) */
.aud-js .aud-panel-more { padding-right: calc(46px + 16px); }
.aud-js .aud-panel-toggle {
  display: block;
  position: absolute;
  right: clamp(28px, 4vw, 48px);
  bottom: clamp(28px, 4vw, 48px);
}
/* bialy panel: bez pionowego paddingu; od szarego nad nim 64 px, od przycisku do szarego pod nim 40 px (DK) */
.aud .abt-block.is-plain.aud-panel { padding-top: 0; padding-bottom: 0; margin-top: 40px; }
.aud-js .aud-panel.is-plain .aud-panel-toggle { bottom: 0; }
.aud .abt-block.is-plain.aud-panel + .abt-block { margin-top: 40px; } /* tekst bialego panelu -> szary: 64 px, jak miedzy sekcjami */
.aud-js .aud-panel-more { overflow: hidden; transition: max-height .45s ease, opacity .3s ease; }
.aud-js .aud-panel:not(.is-open) .aud-panel-more {
  max-height: calc(18px + 1.05rem * 1.75); /* .wwd-card p: margin 18 px + jedna linia */
  opacity: .45;
  cursor: pointer;
  -webkit-mask-image: linear-gradient(to bottom, #000 45%, transparent);
  mask-image: linear-gradient(to bottom, #000 45%, transparent);
}

/* lista rozwijana dalej: ten sam odstep co miedzy punktami, wyblakly jeden punkt */
.aud-panel-more.is-cont > .wwd-list:first-child { margin-top: 16px; }
.aud-js .aud-panel:not(.is-open) .aud-panel-more.is-cont { max-height: calc(16px + 1rem * 1.6); }

/* karty w dwoch kolumnach o roznej wysokosci: siatka .wwd-model-grid, JS uklada kolumny */
.aud-cards { align-items: start; }
.aud-cards.is-cols { display: flex; align-items: flex-start; }
.aud-col { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: clamp(28px, 4vw, 64px); }

/* zrodla: 1:1 jak blok "Sources" we wpisach (.post-single + .is-style-brz-sources), DK Oct 21, 2026 */
.aud-sources { margin-top: 22px; display: flow-root; }
.aud-sources::before { content: ""; display: block; width: 12px; height: 1px; background: var(--ink-soft); margin: 13px 0 0; }
.aud-sources > p {
  margin: 34.4px 0 0;
  font-family: 'Manrope', sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 26.4px;
  color: var(--ink-soft);
}
.aud-sources ol {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 26px;
  padding: 0;
  counter-reset: post-item;
}
.aud-sources li {
  display: block;
  position: relative;
  padding-left: 28px;
  font-family: 'Manrope', sans-serif;
  font-weight: 300;
  font-size: 13px;
  line-height: 1.6;
  color: var(--ink-soft);
}
.aud-sources li::before {
  counter-increment: post-item;
  content: counter(post-item);
  position: absolute;
  left: 0;
  top: calc(13px * .8 - 7px); /* jak we wpisach: srodek pierwszej linii (3.4 px) */
  width: 14px;
  height: 14px;
  border-radius: 50%;
  box-sizing: border-box;
  display: grid;
  place-items: center;
  background: var(--ink);
  color: #fff;
  font-size: 9px;
  font-weight: 700;
}
.aud-sources a {
  color: var(--acc-b);
  text-decoration: none;
  border-bottom: 1px solid var(--acc-b);
  transition: border-color .2s ease;
}
.aud-sources a:hover { border-bottom-color: transparent; }

@media (prefers-reduced-motion: reduce) {
  .aud-js .aud-panel-more { transition: none; }
}