/* Zajednički izgled za Privatnost i Uvjete — isti svijet kao naslovna. */
:root{
  --noc:#14161A; --dan:#F4F3F0; --ploha:#FBFBFA; --ploha2:#F2F2F0;
  --linija:#E2E2DF; --linija2:#EBEBE8; --tinta:#14161A; --mut:#6E6E72; --tiho:#9A9A9E;
  --acc:#2F6E92; --acc-hi:#1F5674; --acc-svj:#7FC0E4; --zeleno:#2E7D5B; --jantar:#8A6420;
  --pismo:'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
}
*{box-sizing:border-box;}
body{margin:0; background:var(--dan); color:var(--tinta); font-family:var(--pismo); -webkit-font-smoothing:antialiased;}
a{color:var(--acc-hi); text-decoration:none;}
a:hover{color:var(--acc);}
:focus-visible{outline:2px solid var(--acc); outline-offset:3px; border-radius:4px;}
h1,h2,h3{margin:0; text-wrap:balance; letter-spacing:-.03em; font-weight:800;}
p{margin:0;}
/* Zadnji red ne ostaje s jednom riječi. */
p, li, h1, h2, h3{text-wrap:pretty;}
.omot{max-width:860px; margin:0 auto; padding-inline:24px;}

/* zaglavlje */
.noc{background:var(--noc); color:var(--dan); padding-bottom:64px; position:relative; overflow:hidden;}
.noc::after{content:""; position:absolute; top:-200px; right:-200px; width:820px; height:820px; pointer-events:none;
  background:radial-gradient(50% 50% at 50% 50%, rgba(47,110,146,.36) 0%, rgba(47,110,146,0) 68%);}
.noc > *{position:relative; z-index:1;}
.vrh{display:flex; align-items:center; gap:13px; padding:26px 0;}
.znak{width:28px; height:28px; border-radius:8px; background:var(--dan); color:var(--noc);
  display:flex; align-items:center; justify-content:center; font-weight:800; font-size:16px; flex:none;}
.ime{font-weight:700; letter-spacing:-.02em; font-size:17px;}
.vrh .natrag{margin-left:auto; font-size:13.5px; color:rgba(244,243,240,.55);}
.vrh .natrag:hover{color:var(--dan);}
.uvodni{padding-top:40px; display:flex; flex-direction:column; gap:18px;}
.uvodni h1{font-size:clamp(32px,5vw,48px); line-height:1.06;}
.uvodni .pod{font-size:18px; line-height:1.6; color:rgba(244,243,240,.6); max-width:52ch;}
.uvodni .sitno{font-size:14.5px; line-height:1.6; color:rgba(244,243,240,.42); max-width:56ch;}

/* sažetak u kutiji preko ruba */
.sazetak{
  position:relative; z-index:2; margin:-40px auto 0; max-width:860px;
  background:#FFFFFF; border:1px solid var(--linija); border-radius:18px; padding:28px 30px;
  box-shadow:0 1px 2px rgba(20,22,26,.05), 0 30px 56px -34px rgba(20,22,26,.55);
}
.sazetak ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px;}
.sazetak li{display:flex; gap:12px; align-items:flex-start; font-size:16px; line-height:1.55;}
.sazetak li::before{content:""; width:7px; height:7px; border-radius:50%; background:var(--zeleno); margin-top:8px; flex:none;}

/* tijelo */
main{padding-block:64px 96px;}
section{padding-block:30px; border-top:1px solid var(--linija);}
section:first-child{border-top:0; padding-top:0;}
section h2{font-size:clamp(20px,2.6vw,26px); line-height:1.2; margin-bottom:14px;}
section p{font-size:16.5px; line-height:1.68; color:var(--tinta); max-width:72ch;}
section p + p{margin-top:12px;}
section ul{margin:14px 0 0; padding:0; list-style:none; display:flex; flex-direction:column; gap:10px; max-width:72ch;}
section li{position:relative; padding-left:20px; font-size:16px; line-height:1.6;}
section li::before{content:""; position:absolute; left:4px; top:.66em; width:6px; height:6px; border-radius:50%; background:var(--acc);}
.mut{color:var(--mut);}
.kutijica{background:#FFFFFF; border:1px solid var(--linija); border-radius:14px; padding:20px 22px; margin-top:18px;}
.kutijica p{font-size:15.5px;}
.rupa{background:#FFF8E6; border:1px solid #E8D9A8; border-radius:12px; padding:16px 18px; margin-top:18px; font-size:14.5px; line-height:1.6; color:#6B5514;}
.rupa b{color:#4A3A0C;}
.datum{margin-top:40px; padding-top:22px; border-top:1px solid var(--linija); font-size:14px; color:var(--tiho);}

/* podnožje */
.podnozje{background:var(--noc); color:rgba(244,243,240,.42); padding-block:34px; font-size:13.5px; line-height:1.6;}
.podnozje a{color:rgba(244,243,240,.72);}
.podnozje a:hover{color:var(--dan);}
.podnozjeRed{display:flex; gap:14px 26px; flex-wrap:wrap; align-items:baseline;}
.podnozjeRed .desno{margin-left:auto;}
@media (max-width:560px){
  .sazetak{margin-inline:16px; padding:22px 20px;}
  .podnozjeRed .desno{margin-left:0;}
}