/* Shared styling for the legal pages. Deliberately plain: these have to be
   readable and printable, not atmospheric. Same palette and self-hosted font as
   the project pages, nothing loaded from a third party. */
:root{
  --gold:#f4d17a; --gold-dim:rgba(244,209,122,.25); --gold-soft:rgba(244,209,122,.09);
  --bg:#060606; --ink:#fff; --muted:#ddd; --muted-2:#a5a5a5;
  --safe-t:env(safe-area-inset-top,0px); --safe-b:env(safe-area-inset-bottom,0px);
}
*{box-sizing:border-box; margin:0; padding:0}
body{font-family:"Inter",Arial,sans-serif; background:var(--bg); color:var(--ink);
  line-height:1.7; -webkit-text-size-adjust:100%}

.traka{position:sticky; top:0; z-index:5; display:flex; align-items:center; gap:16px;
  padding:calc(14px + var(--safe-t)) clamp(16px,5vw,40px) 14px;
  background:rgba(7,7,7,.9); backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(244,209,122,.2)}
.natrag{background:var(--gold); color:#111; border-radius:999px; text-decoration:none;
  font-size:14px; font-weight:600; padding:10px 20px; min-height:44px;
  display:inline-flex; align-items:center}
.traka span{color:var(--gold); font-size:12px; letter-spacing:.2em; text-transform:uppercase}

main{max-width:74ch; margin:0 auto; padding:clamp(28px,6vw,56px) clamp(18px,5vw,40px)
  calc(60px + var(--safe-b))}
h1{font-size:clamp(26px,6vw,40px); font-weight:300; color:var(--gold); margin-bottom:10px}
.podnaslov{color:var(--muted-2); font-size:14px; margin-bottom:38px}
h2{font-size:clamp(17px,4vw,21px); font-weight:600; color:var(--gold);
  margin:38px 0 12px; padding-top:22px; border-top:1px solid rgba(255,255,255,.09)}
h2:first-of-type{border-top:0; padding-top:0}
h3{font-size:15px; font-weight:600; color:#fff; margin:22px 0 6px}
p{margin-bottom:14px; color:var(--muted); font-weight:300}
ul{margin:0 0 16px 20px; color:var(--muted); font-weight:300}
li{margin-bottom:7px}
a{color:var(--gold)}
strong{color:#fff; font-weight:600}

dl.podaci{display:grid; grid-template-columns:auto 1fr; gap:9px 20px; margin:0 0 18px;
  font-size:15px}
dl.podaci dt{color:var(--muted-2); font-weight:300}
dl.podaci dd{color:#fff}
@media (max-width:560px){
  dl.podaci{grid-template-columns:1fr; gap:2px 0}
  dl.podaci dt{margin-top:12px; font-size:12px; letter-spacing:.1em; text-transform:uppercase}
}

/* Anything the client still has to supply is marked, not quietly left blank. */
.dopuniti{display:inline-block; background:rgba(220,140,60,.16); border:1px dashed rgba(230,160,80,.6);
  border-radius:6px; padding:1px 8px; color:#f0c088; font-size:13.5px; font-weight:600}

.napomena{background:var(--gold-soft); border:1px solid var(--gold-dim); border-radius:16px;
  padding:18px 20px; margin:26px 0}
.napomena p:last-child{margin-bottom:0}

footer{border-top:1px solid rgba(255,255,255,.09); margin-top:46px; padding-top:22px;
  color:var(--muted-2); font-size:13px}
footer a{margin-right:16px}