/* Vodič „eRačun od 2027. za paušaliste”: provjera u tri pitanja (samo CSS) i kartica autora (31. 10. 2026.).
   Učitava se samo na tom članku, iza main.css (tools/podstranice/podstranice.py). */

.er-oznaka { margin: .5rem 0 0; font: 400 .8125rem/1.4 var(--pismo-mono); color: var(--v-tekst); }
.er-provjera h2 { margin: 0 0 1rem; font-size: 1.375rem; font-weight: 700; line-height: 1.3; }
.er-korak { margin: 0 0 1rem; padding: 0; border: 0; min-width: 0; }
.er-korak legend { margin-bottom: .5rem; padding: 0; font-weight: 700; }
.er-korak label {
  display: flex; align-items: center; gap: .65rem; min-height: 44px; margin-bottom: .5rem; padding: .55rem .9rem;
  border: 1px solid var(--obrub); border-radius: 8px; background: #fff; cursor: pointer;
}
.er-korak label:has(input:checked) { border-color: var(--v-linija); background: rgb(255 77 23 / .07); }
.er-korak input { flex: none; width: 1.1rem; height: 1.1rem; margin: 0; accent-color: var(--v-ispuna); }
.er-ishod { margin: 1rem 0 0; padding: .9rem 1.1rem; border-left: 4px solid var(--v-ispuna); border-radius: 6px; background: var(--vapnenac); }
.er-ishod a { color: var(--v-tekst); text-underline-offset: 3px; }
/* korak 2 i 3 i ishodi pojavljuju se prema odgovorima; bez :has sve je vidljivo */
@supports selector(:has(*)) {
  .er-korak--2, .er-korak--3, .er-ishod { display: none; }
  .er-provjera:has(#er-pdv-ne:checked) .er-korak--2 { display: block; }
  .er-provjera:has(#er-pdv-ne:checked):has(#er-kupci-firme:checked, #er-kupci-oboje:checked) .er-korak--3 { display: block; }
  .er-provjera:has(#er-pdv-da:checked) .er-ishod--pdv { display: block; }
  .er-provjera:has(#er-pdv-ne:checked):has(#er-kupci-gradani:checked) .er-ishod--gradani { display: block; }
  .er-provjera:has(#er-pdv-ne:checked):has(#er-kupci-firme:checked, #er-kupci-oboje:checked):has(#er-nacin-rucno:checked) .er-ishod--mikro { display: block; }
  .er-provjera:has(#er-pdv-ne:checked):has(#er-kupci-firme:checked, #er-kupci-oboje:checked):has(#er-nacin-program:checked) .er-ishod--posrednik { display: block; }
}
.proza h3 { margin: 1.1rem 0 .3rem; font-size: 1.0625rem; font-weight: 700; }
.er-uskoro { padding: .6rem .9rem; border: 1px dashed var(--obrub); border-radius: 6px; color: var(--dim); }
.er-napomena { font-size: .9375rem; color: var(--dim); }
.er-autor h2 { margin: .25rem 0 .75rem; font-size: 1.375rem; }
.er-autor__gumbi { display: flex; flex-wrap: wrap; gap: .75rem; }
.er-autor__gumbi .gumb { margin-top: .5rem; }
.er-autor__gumbi a.gumb { color: var(--grafit); }
.er-autor__gumbi a.gumb--obrub { color: var(--v-tekst); }