/* Pravne strane (uslovi / privatnost) — papir, isti jezik kao ostatak sajta. Sadržaj se ne dira. */
:root{--paper:#F3EFE6;--paper2:#EAE4D6;--card:#FCFAF5;--ink:#171612;--ink2:#38352e;--mute:#6e695e;--faint:#a29c8f;--rule:rgba(23,22,18,.12);--rule2:rgba(23,22,18,.24);--or:#E8760E;--or-soft:#F8DFC2;--red:#C4473A;--green:#2F6A4B;--serif:"Newsreader",Georgia,serif;--sans:"Schibsted Grotesk",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;--ease:cubic-bezier(.2,.7,.1,1)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-padding-top:84px}
body{font:400 17px/1.7 var(--sans);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh}
::selection{background:var(--or);color:var(--paper)}
a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--or);text-decoration-thickness:1.5px;text-underline-offset:3px}
a:hover{color:var(--or)}

header{position:sticky;top:0;z-index:100;height:64px;padding:0 clamp(18px,4vw,48px);display:flex;align-items:center;justify-content:space-between;gap:16px;background:rgba(243,239,230,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--rule)}
.hdr-logo{display:flex;align-items:center;gap:10px;font-weight:600;font-size:17px;letter-spacing:-.02em;text-decoration:none;color:var(--ink)}
.hdr-logo img{width:30px;height:30px;padding:4px;border-radius:8px;background:var(--ink)}
.hdr-back{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;padding:8px 14px;border-radius:8px;text-decoration:none;color:var(--ink);box-shadow:inset 0 0 0 1px var(--rule2);transition:background .25s}
.hdr-back:hover{background:var(--ink);color:var(--paper)}

.hero{max-width:900px;margin:0 auto;padding:clamp(48px,9vh,96px) clamp(18px,4vw,24px) 30px;border-bottom:1.5px solid var(--ink)}
.hero-tag{display:inline-block;font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--or);margin-bottom:18px}
.hero h1{font:400 clamp(44px,7vw,92px)/.92 var(--serif);letter-spacing:-.04em;margin-bottom:20px}
.hero-meta{font:500 12px/1.6 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--mute)}

.toc-wrap{max-width:900px;margin:0 auto;padding:30px clamp(18px,4vw,24px) 10px}
.toc{padding:22px 26px;background:var(--card);border-radius:3px;box-shadow:0 0 0 1px var(--rule),0 24px 40px -30px rgba(60,40,10,.4)}
.toc-title{font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-bottom:12px}
.toc ol{padding-left:22px;columns:2;column-gap:36px}
.toc li{font-size:15.5px;margin-bottom:6px;break-inside:avoid}
.toc a{text-decoration:none;color:var(--ink2)}
.toc a:hover{color:var(--or)}

.content{max-width:900px;margin:0 auto;padding:30px clamp(18px,4vw,24px) 90px}
.section{margin-bottom:52px}
.section h2{font:400 clamp(28px,3vw,38px)/1.1 var(--serif);letter-spacing:-.02em;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--rule2)}
.section h3{font:600 17px var(--sans);margin:22px 0 8px}
.section p,.section ul,.section ol{color:var(--ink2);margin-bottom:12px;max-width:68ch}
.section ul,.section ol{padding-left:22px}
.section li{margin-bottom:6px}
.section li::marker{color:var(--or)}
.highlight,.warn{margin:18px 0;padding:16px 20px;border-radius:3px;background:var(--card);box-shadow:inset 3px 0 0 var(--or),0 0 0 1px var(--rule);font-size:16px;color:var(--ink2)}
.warn{box-shadow:inset 3px 0 0 var(--red),0 0 0 1px var(--rule)}
.highlight strong,.warn strong{color:var(--ink)}
.data-table{width:100%;border-collapse:collapse;margin:16px 0 20px;font-size:15px;background:var(--card);box-shadow:0 0 0 1px var(--rule)}
.data-table th{font:500 11.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute);text-align:left;padding:12px 14px;border-bottom:1.5px solid var(--ink)}
.data-table td{padding:11px 14px;border-bottom:1px solid var(--rule);color:var(--ink2);vertical-align:top}
.data-table tr:last-child td{border-bottom:0}

footer{background:var(--ink);color:var(--paper);padding:40px 24px;text-align:center;font:500 12px var(--mono);letter-spacing:.05em;text-transform:uppercase}
footer a{color:var(--paper);opacity:.75;margin:0 10px;text-decoration:none}
footer a:hover{opacity:1;color:var(--paper)}
footer>div:last-child{opacity:.5}

#btt{position:fixed;bottom:22px;right:20px;width:46px;height:46px;border-radius:10px;background:var(--ink);color:var(--paper);border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 30px -14px rgba(0,0,0,.5);opacity:0;transform:translateY(10px);transition:opacity .3s,transform .3s;pointer-events:none;z-index:99}

@media(max-width:640px){.toc ol{columns:1}.data-table{display:block;overflow-x:auto}}

/* Kontrast: sitan narandžasti tekst tamniji */
.hero-tag{color:#A84F02}