/* SubstanceIQ — isti sistem kao karuseli, banner i newsletter vizuali.
   Paleta izmerena iz logotipa. Ne menjati bez brand/vizuelni-identitet.md. */

:root{
  --ground:#F5F3F0;
  --ink:#222221;
  --accent:#CF5F00;
  --tint:#E9E1D8;
  --rule:#D8D2CB;
  --muted:#6B6560;
  --measure:34rem;
}

*{box-sizing:border-box;margin:0;padding:0;}

img{max-width:100%;height:auto;}

html{font-size:17px;-webkit-text-size-adjust:100%;}
@media (max-width:640px){html{font-size:16px;}}

body{
  background:var(--ground);
  color:var(--ink);
  font-family:Newsreader,Georgia,"Times New Roman",serif;
  font-weight:300;
  line-height:1.62;
  padding:0 1.5rem;
  overflow-wrap:break-word;
}

.wrap{max-width:var(--measure);margin:0 auto;}
.wrap.wide{max-width:44rem;}

/* --- zaglavlje --- */

header.site{padding:3.2rem 0 0;}
header.site a.home{display:inline-block;border-bottom:0;}
header.site img{width:14rem;max-width:70%;height:auto;display:block;}

nav.site{
  margin-top:2rem;padding-bottom:2rem;border-bottom:2px solid var(--rule);
  display:flex;gap:1.6rem;flex-wrap:wrap;
  font-style:italic;font-size:.95rem;color:var(--muted);
}
nav.site a{color:var(--muted);text-decoration:none;border-bottom:1px solid transparent;}
nav.site a:hover{color:var(--accent);border-bottom-color:var(--accent);}

/* --- tipografija --- */

h1{
  font-size:2.9rem;line-height:1.08;font-weight:400;letter-spacing:-.028em;
  margin:2.6rem 0 0;
}
@media (max-width:640px){h1{font-size:2.1rem;}}

h2{
  font-size:1.5rem;line-height:1.24;font-weight:500;letter-spacing:-.014em;
  margin:2.8rem 0 .9rem;
}

h3{
  font-size:1.06rem;font-weight:500;margin:2.2rem 0 .6rem;
}

p{margin:0 0 1.15rem;}
p.lead{font-size:1.22rem;line-height:1.5;color:var(--muted);margin-top:1.1rem;}

a{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--tint);}
a:hover{border-bottom-color:var(--accent);}

strong{font-weight:600;}
em{font-style:italic;}

hr{
  border:0;height:2px;background:var(--rule);
  margin:3rem 0;
}

/* --- oznake sekcija --- */

.lab{
  font-style:italic;font-size:.95rem;color:var(--muted);font-weight:300;
  margin:0 0 .3rem;
}

.kicker{
  display:flex;align-items:center;gap:.8rem;
  font-style:italic;font-size:.95rem;color:var(--muted);
  margin:2.4rem 0 0;
}
.kicker img{width:1.5rem;height:auto;}

/* sekcija newslettera — At the OECD, From the courts, What changed */
.section-head{
  font-size:1.9rem;font-weight:400;letter-spacing:-.02em;line-height:1.14;
  margin:3.4rem 0 1.2rem;padding-top:1.6rem;border-top:2px solid var(--rule);
}

/* --- arhiva --- */

ul.archive{list-style:none;margin:1.4rem 0 0;}
ul.archive li{
  padding:1.5rem 0;border-bottom:1px solid var(--rule);
}
ul.archive li:first-child{border-top:1px solid var(--rule);}
ul.archive li:last-child{border-bottom:0;}
ul.archive .no{font-style:italic;font-size:.9rem;color:var(--muted);}
ul.archive .ti{
  display:block;font-size:1.4rem;line-height:1.22;font-weight:400;
  letter-spacing:-.014em;margin:.3rem 0 .4rem;
  color:var(--ink);border-bottom:0;
}
ul.archive a.ti:hover{color:var(--accent);}
ul.archive .su{color:var(--muted);font-size:1rem;}

/* --- prijava --- */

.signup{
  margin:3rem 0;padding:2rem;background:#EFEAE4;
}
.signup h2{margin-top:0;}
.signup form{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.1rem;}
.signup input[type=email]{
  flex:1 1 15rem;font-family:inherit;font-size:1rem;font-weight:300;
  padding:.75rem .9rem;border:2px solid var(--rule);background:var(--ground);
  color:var(--ink);border-radius:0;
}
.signup input[type=email]:focus{outline:0;border-color:var(--accent);}
.signup button{
  font-family:inherit;font-size:1rem;font-weight:400;cursor:pointer;
  padding:.75rem 1.5rem;border:0;background:var(--accent);color:var(--ground);
  border-radius:0;
}
.signup button:hover{background:#B85300;}
.signup .fine{font-style:italic;font-size:.9rem;color:var(--muted);margin:.9rem 0 0;}

/* --- napomena o izvorima --- */

.sources-note{
  margin:3.4rem 0 0;padding:1.8rem 0 0;
  border-top:2px solid var(--rule);
}
.sources-note p:last-child{margin-bottom:0;}

/* --- podnožje --- */

footer.site{
  margin:4.5rem 0 3.5rem;padding-top:1.8rem;border-top:2px solid var(--rule);
  font-size:.95rem;color:var(--muted);
}
footer.site p{margin-bottom:.5rem;}
footer.site a{color:var(--muted);border-bottom-color:var(--rule);}
footer.site a:hover{color:var(--accent);}

/* --- veza na sledeći/prethodni broj --- */

.issue-nav{
  margin:3.5rem 0 0;padding-top:1.8rem;border-top:2px solid var(--rule);
  font-style:italic;
}