/* GrowAds — dokumenty: instrukcja, prywatność, regulamin. Wymaga style.css. */
.document{max-width:1200px;margin:0 auto;padding:56px 24px 96px}
.document:has(.document-toc){display:grid;grid-template-columns:240px minmax(0,1fr);column-gap:56px;align-items:start}
.document:has(.document-toc)>*{grid-column:2;max-width:760px}
.document:has(.document-toc)>.eyebrow,.document:has(.document-toc)>h1,.document:has(.document-toc)>.lead,.document:has(.document-toc)>h1+p+p{grid-column:1/-1}
.document:not(:has(.document-toc))>*{max-width:760px}
.document>.eyebrow{margin-bottom:14px;color:var(--brand-strong)}
.document h1{max-width:820px;font-size:clamp(34px,4.2vw,50px);line-height:1.05}
.document>.lead{max-width:680px;margin-top:18px;color:var(--ink-2);font-size:18px;line-height:1.6}
.document>.lead+p{margin-top:16px}
.document>.lead+p a{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border:1px solid var(--line-strong);border-radius:var(--r-pill);color:var(--ink);font-size:13px;font-weight:700;text-decoration:none}
.document>.lead+p a:hover{background:var(--surface-2)}
.document:has(.document-toc)>.document-toc{position:sticky;top:88px;grid-column:1;grid-row:5/span 60;max-width:none;display:grid;gap:2px;margin-top:44px;padding:8px 0 0;font-size:13px}
.document-toc a{padding:7px 12px;border-left:2px solid transparent;color:var(--muted);font-weight:600;text-decoration:none;transition:color var(--fast) var(--ease),border-color var(--fast) var(--ease),background var(--fast) var(--ease)}
.document-toc a:hover{color:var(--ink);background:var(--surface-2)}
.document-toc a[aria-current=true]{border-left-color:var(--brand);color:var(--brand-ink)}
.document section{margin-top:44px;padding-top:8px;scroll-margin-top:96px}
.document section:first-of-type{margin-top:44px}
.document h2{margin:40px 0 14px;font-family:var(--font-display);font-size:26px;letter-spacing:-.02em}
.document section>h2:first-child{margin-top:0}
.document h3{margin:24px 0 10px;font-size:17px}
.document p,.document li{color:var(--ink-2);font-size:15px;line-height:1.7}
.document p+p{margin-top:12px}
.document ol,.document ul{margin:12px 0;padding-left:22px}
.document li{margin-bottom:8px;padding-left:4px}
.document li::marker{color:var(--brand-strong);font-weight:700}
.document code{font-size:.88em}
.document table{display:block;overflow-x:auto;margin:16px 0;border:1px solid var(--line);border-radius:var(--r-md);font-size:13px}
.document table thead th{background:var(--surface-2)}
.document table th,.document table td{padding:10px 14px}
.document strong{color:var(--ink)}
.document .note{margin:16px 0;padding:14px 18px;border-radius:var(--r-md);background:var(--lemon-bg);color:var(--lemon-ink)}
@media(max-width:1000px){
  .document:has(.document-toc){display:block}
  .document:has(.document-toc)>*{max-width:760px}
  .document:has(.document-toc)>.document-toc{position:static;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;margin:32px 0 8px;padding:18px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface-2)}
  .document-toc a{border-left:0;padding:6px 4px}
}
@media(max-width:760px){
  .document{padding:36px 20px 72px}
  .document h1{font-size:32px}
  .document:has(.document-toc)>.document-toc{grid-template-columns:1fr}
  .document h2{font-size:23px}
}
