/* Strony Pomocy (pomoc*.html) i /api/docs: jeden arkusz, bez skryptow, motyw jasny i ciemny. */
:root {
  --p-tlo: #f5f5f8;
  --p-karta: #ffffff;
  --p-ramka: #e3e3ec;
  --p-tekst: #1a1a35;
  --p-tekst2: #59596d;
  --p-akcent: #6e2cff;
  --p-jasny: #efe9ff;
  --p-kod: #ecebf3;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-motyw="jasny"]) {
    --p-tlo: #14142a;
    --p-karta: #1c1c38;
    --p-ramka: #34345a;
    --p-tekst: #ecebf5;
    --p-tekst2: #b4b4c8;
    --p-akcent: #a58bff;
    --p-jasny: #2a2450;
    --p-kod: #25254a;
  }
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  background: var(--p-tlo);
  color: var(--p-tekst);
  font:
    16px/1.6 Inter,
    Arial,
    Helvetica,
    sans-serif;
}
a {
  color: var(--p-akcent);
}
.pomoc-gora {
  position: sticky;
  top: 0;
  z-index: 5;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  align-items: center;
  padding: 10px 16px;
  background: var(--p-karta);
  border-bottom: 1px solid var(--p-ramka);
}
.pomoc-gora .wroc {
  font-weight: 700;
  text-decoration: none;
}
.pomoc-menu {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 6px;
}
.pomoc-menu a {
  padding: 4px 10px;
  border-radius: 6px;
  color: var(--p-tekst2);
  text-decoration: none;
  font-size: 0.9rem;
}
.pomoc-menu a[aria-current="page"] {
  background: var(--p-jasny);
  color: var(--p-akcent);
  font-weight: 700;
}
.pomoc-uklad {
  display: grid;
  grid-template-columns: 240px minmax(0, 820px);
  gap: 32px;
  max-width: 1160px;
  margin: 0 auto;
  padding: 24px 16px 64px;
}
.pomoc-spis {
  position: sticky;
  top: 64px;
  align-self: start;
  max-height: calc(100vh - 80px);
  overflow: auto;
  font-size: 0.88rem;
}
.pomoc-spis ol {
  margin: 0;
  padding: 0;
  list-style: none;
  border-left: 2px solid var(--p-ramka);
}
.pomoc-spis a {
  display: block;
  padding: 4px 12px;
  color: var(--p-tekst2);
  text-decoration: none;
}
.pomoc-spis a:hover {
  color: var(--p-akcent);
}
.pomoc-tresc h1 {
  font-size: 1.9rem;
  line-height: 1.25;
  margin: 0 0 8px;
}
.pomoc-tresc h2 {
  font-size: 1.35rem;
  margin: 40px 0 8px;
  padding-top: 8px;
  scroll-margin-top: 72px;
}
.pomoc-tresc h3 {
  font-size: 1.08rem;
  margin: 24px 0 4px;
  scroll-margin-top: 72px;
}
.nadtytul {
  margin: 0 0 6px;
  color: var(--p-akcent);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
.lead {
  margin: 0 0 16px;
  color: var(--p-tekst2);
  font-size: 1.05rem;
}
.wniosek {
  margin: 0 0 20px;
  padding: 12px 16px;
  background: var(--p-jasny);
  border-radius: 6px;
  font-weight: 700;
}
.pomoc-tresc img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 12px 0;
  border: 1px solid var(--p-ramka);
  border-radius: 6px;
}
code {
  padding: 1px 5px;
  background: var(--p-kod);
  border-radius: 4px;
  font:
    0.88em ui-monospace,
    "DejaVu Sans Mono",
    monospace;
}
pre {
  overflow: auto;
  padding: 12px 14px;
  background: var(--p-kod);
  border: 1px solid var(--p-ramka);
  border-radius: 6px;
}
pre code {
  padding: 0;
  background: none;
}
table {
  width: 100%;
  border-collapse: collapse;
  margin: 12px 0 20px;
  font-size: 0.92rem;
  display: block;
  overflow-x: auto;
}
th {
  text-align: left;
  background: var(--p-jasny);
}
th,
td {
  padding: 8px 10px;
  border: 1px solid var(--p-ramka);
  vertical-align: top;
}
blockquote {
  margin: 12px 0;
  padding: 10px 16px;
  background: var(--p-jasny);
  border-left: 4px solid var(--p-akcent);
  border-radius: 0 6px 6px 0;
}
blockquote p {
  margin: 0;
}
hr {
  border: 0;
  border-top: 1px solid var(--p-ramka);
  margin: 24px 0;
}
/* /api/docs */
.api-trasa {
  margin: 12px 0;
  padding: 10px 14px;
  background: var(--p-karta);
  border: 1px solid var(--p-ramka);
  border-radius: 6px;
}
.api-trasa summary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  align-items: baseline;
  cursor: pointer;
}
.api-metoda {
  min-width: 64px;
  padding: 1px 8px;
  border-radius: 4px;
  background: var(--p-jasny);
  color: var(--p-akcent);
  font:
    700 0.78rem ui-monospace,
    "DejaVu Sans Mono",
    monospace;
  text-align: center;
  text-transform: uppercase;
}
.api-sciezka {
  font:
    0.92rem ui-monospace,
    "DejaVu Sans Mono",
    monospace;
  word-break: break-all;
}
.api-opis {
  color: var(--p-tekst2);
  font-size: 0.92rem;
}
.api-publiczna {
  padding: 0 6px;
  border: 1px solid var(--p-akcent);
  border-radius: 4px;
  color: var(--p-akcent);
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
}
@media (max-width: 860px) {
  .pomoc-uklad {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }
  .pomoc-spis {
    display: none;
  }
}
@media print {
  .pomoc-gora,
  .pomoc-spis {
    display: none;
  }
  .pomoc-uklad {
    display: block;
  }
}