/* Lokalni prikaz vodiča za poligonske radnje. */
.poligon-intro::after,.poligon-step::after{content:"";display:block;clear:both}
.poligon-intro figure,.poligon-step figure{margin:0 22px 12px 0;float:left}
.poligon-intro figure{width:min(36%,360px)}
.poligon-intro figure img,.poligon-step figure img{display:block;width:100%;height:auto;border-radius:10px}
.poligon-step figure{width:220px;max-width:34%}
.poligon-step p{margin-top:0}
.poligon-step p+p{margin-top:.72rem}
.poligon-procedure-head,.poligon-errors-head{margin-top:32px}
.poligon-animation{text-align:center}
.poligon-animation h3,.poligon-animation .exam-note{text-align:left}
/* Druga radnja koristi originalne uspravne korake stare stranice. */
.poligon-second figure{width:min(38%,420px)}
.poligon-second-step figure{width:180px;max-width:26%}
.poligon-animation video{display:block;width:100%;max-width:420px;height:auto;margin:18px auto 0;border-radius:12px}
@media (max-width:720px){
 .poligon-intro figure,.poligon-step figure{float:none;width:auto;max-width:100%;margin:0 auto 16px}
 .poligon-intro figure{max-width:420px}
 .poligon-step figure,.poligon-second-step figure{max-width:220px}
 .poligon-animation video{max-width:100%}
}
/* Ujednačen vodoravni okvir za oba video prikaza. Portrait snimka ostaje cijela. */
.poligon-animation video{
  width:min(100%,560px);
  max-width:560px;
  aspect-ratio:16/9;
  height:auto;
  object-fit:contain;
  background:#eef3f7;
}
@media (max-width:720px){
 .poligon-animation video{width:100%;max-width:560px;aspect-ratio:16/9;object-fit:contain}
}