/* Pravne stranice (/sr/terms, /sr/privacy, /sr/refund).
   Samo pravila ovih stranica; sve ostalo je u css/system.css. */

/* ---------- UVOD ---------- */
.doc-hero{padding-block:110px 70px}
.doc-hero .head{max-width:780px;margin-bottom:0}
.doc-meta{font:700 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}

/* ---------- DOKUMENT: sadrzaj levo, tekst desno ---------- */
.doc-section{padding-top:20px}
.doc-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:64px;align-items:start}
.doc-toc{position:sticky;top:96px;display:grid;gap:10px;padding:22px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border)}
.doc-toc b{font:800 10px/1.3 var(--mono);letter-spacing:.11em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}
.doc-toc a{font-size:14px;color:var(--text-muted)}
.doc-toc a:hover{color:var(--accent-text)}
.doc{display:grid;gap:44px;max-width:760px}
.doc section{display:grid;gap:14px;scroll-margin-top:96px}
.doc h2{font-size:clamp(22px,2vw,28px);line-height:1.2;letter-spacing:-.03em}
.doc p,.doc li{color:var(--text-muted);font-size:16px;line-height:1.7}
.doc b{color:var(--text)}
.doc a{color:var(--accent-text);text-decoration:underline;text-underline-offset:3px}
.doc ul{display:grid;gap:10px;padding-left:0}
.doc ul li{position:relative;padding-left:22px}
.doc ul li:before{content:"";position:absolute;left:2px;top:.72em;width:7px;height:7px;border-radius:50%;background:var(--accent)}
.doc-help .head{margin-bottom:0}
.doc-help a{color:var(--accent-text)}

/* ---------- RESPONSIVE ---------- */
@media (max-width:860px){
  .doc-hero{padding-block:84px 48px}
  .doc-layout{grid-template-columns:1fr;gap:28px}
  .doc-toc{position:static}
}