/* Dokumentacja (r12) — ładowane tylko na /dokumentacja/*. Uzupełnia site.css, niczego w nim nie nadpisuje globalnie. */
/* site.css ma overflow-x:hidden na html i body, co robi z body kontener przewijania i wyłącza position:sticky. clip tnie tak samo, ale kontenera nie tworzy. */
html,body{overflow-x:clip}
.doc-meta{color:var(--ink-faint);font-size:.95rem;margin:1.2rem 0 0;max-width:60ch;line-height:1.6}
.doc-wrap{padding-top:0}
.doc-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem}
.doc-toc{background:var(--bg-raised);padding:1.2rem 1.4rem}
.doc-toc h2{font-size:.95rem;margin:0 0 .7rem;color:var(--ink)}
.doc-toc ol{list-style:none;margin:0;padding:0;counter-reset:toc}
.doc-toc li{counter-increment:toc;margin:0}
.doc-toc a{display:block;padding:.34rem 0;color:var(--ink-dim);text-decoration:none;font-size:.98rem;line-height:1.4}
.doc-toc a::before{content:counter(toc) ". ";color:var(--ink-faint)}
.doc-toc a:hover{color:var(--accent)}
@media (min-width:1000px){
  .doc-layout{grid-template-columns:250px minmax(0,1fr);gap:3.5rem;align-items:start}
  .doc-toc{position:sticky;top:96px;max-height:calc(100vh - 120px);overflow-y:auto}
}
.prose.doc{max-width:800px;min-width:0}
.doc h2{scroll-margin-top:96px;margin:3rem 0 1rem;padding-top:1.6rem;border-top:1px solid var(--line)}
.doc h2:first-child{margin-top:0;padding-top:0;border-top:none}
.doc h3{scroll-margin-top:96px}
.doc ul,.doc ol{color:var(--ink-dim);font-size:1.05rem;line-height:1.72;margin:0 0 1.2rem;padding-left:1.4rem}
.doc li{margin:0 0 .5rem}
.doc li strong{color:var(--ink)}
.doc ol.steps{list-style:none;padding:0;counter-reset:step}
.doc ol.steps>li{counter-increment:step;position:relative;padding:0 0 0 2.9rem;margin:0 0 1.1rem;min-height:2rem}
.doc ol.steps>li::before{content:counter(step);position:absolute;left:0;top:.05rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent);font-weight:800;font-size:.95rem;border-radius:50%}
.doc ol.steps>li p{margin:0 0 .5rem}
.doc .ui{color:var(--ink);font-weight:600}
.doc pre{background:var(--bg-raised);border:1px solid var(--line);padding:1rem 1.2rem;margin:0 0 1.2rem;overflow-x:auto;-webkit-overflow-scrolling:touch;color:var(--ink);font-family:inherit;font-size:.97rem;line-height:1.6;white-space:pre}
.doc pre code{background:none;padding:0;overflow-wrap:normal;font-size:1em}
.doc .callout{background:var(--bg-raised);border-left:3px solid var(--accent);padding:1rem 1.2rem;margin:0 0 1.4rem}
.doc .callout p{margin:0;font-size:1.02rem}
.doc .callout p + p{margin-top:.6rem}
.doc .callout.warn{border-left-color:var(--danger)}
.doc .spec-table-wrap{margin:0 0 1.5rem}
.doc .spec-table td:first-child{color:var(--ink);font-weight:600}
.doc .spec-table td,.doc .spec-table th{font-size:.97rem}
.doc-next{margin-top:2.5rem}
.doc-cards .feature h3{margin:0 0 .5rem}
.doc-cards .feature p{margin:0 0 .6rem}
.doc-cards .feature .doc-for{color:var(--ink-faint);font-size:.95rem}
.doc-link{margin:1.2rem 0 0;font-size:1rem}
.doc-link a{color:var(--accent)}