.ploce{--k:22px;--c:calc(var(--k) * .86);--g:calc(var(--k) - var(--c));--h:calc(var(--c) * 1.46);align-content:flex-start;row-gap:var(--g);flex-wrap:wrap;display:flex}.ploce .rec{display:flex}.z{--boja:var(--boja-ploce,var(--cilibar));width:var(--c);height:var(--h);margin-right:var(--g);background:linear-gradient(to bottom, var(--ploca-gore) calc(50% - .5px), var(--prelom) 0 calc(50% + .5px), var(--ploca) 0);font:800 calc(var(--c) * 1.36) / var(--h) var(--f-naslov);color:var(--boja);text-align:center;contain:strict;perspective:calc(var(--h) * 3);border-radius:2px;flex:none;position:relative;box-shadow:inset 0 -1px #00000059}.z:before{content:attr(data-z);color:#0000;background:linear-gradient(to bottom, var(--boja) calc(50% - .5px), transparent 0 calc(50% + .5px), var(--boja) 0);-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}.z:after{content:attr(data-p);height:calc(50% - .5px);line-height:var(--h);background:var(--ploca-gore);transform-origin:50% 100%;visibility:hidden;border-radius:2px 2px 0 0;position:absolute;top:0;left:0;right:0;overflow:hidden}.z.k1:after{visibility:visible;animation:ploca-pada1 var(--korak,64ms) cubic-bezier(.55, 0, .9, .5) forwards}.z.k2:after{visibility:visible;animation:ploca-pada2 var(--korak,64ms) cubic-bezier(.55, 0, .9, .5) forwards}@keyframes ploca-pada1{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}@keyframes ploca-pada2{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}.tabla-okvir{--iza-ploca:var(--tabla-3);background:var(--tabla-3);border:1px solid var(--linija);border-radius:10px;padding:clamp(14px,2.2vw,28px);box-shadow:inset 0 1px #ffffff0a,0 40px 80px -40px #000000e6;container:tabla/inline-size}.tabla-glava{border-bottom:1px solid var(--linija);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;margin-bottom:4px;padding-bottom:clamp(12px,1.6vw,18px);display:flex}.tabla-naslov{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.tabla-naslov .ploce{--k:clamp(24px, 3.4vw, 40px)}.tabla-naslov h2,.tabla-naslov p{font:inherit}.tabla-stanje{text-align:right}.tabla{--razmak:16px;width:100%}.tabla caption{text-align:left}.tabla,.tabla thead,.tabla tbody,.tabla tr,.tabla th,.tabla td{display:block}.tabla th{font:600 .6875rem/1.3 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--siva);text-align:left}.tabla td{min-width:0}.tabla .t{display:block}.tabla .via{font:600 .75rem/1.35 var(--f-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--siva);margin-top:6px;display:block}.tabla .red-veza{color:var(--bela);border-radius:3px;margin-block:-2px;padding-block:2px;text-decoration:none;display:inline-block}.tabla .red-veza:hover .z{--ploca-gore:#303030;--ploca:#292929}.tabla .red-veza:hover .t{color:var(--cilibar)}.tabla .k-status .ploce{--boja-ploce:var(--zelena)}.tabla .ocena-srednja .ploce{--boja-ploce:var(--cilibar)}.tabla .ocena-visoka .ploce{--boja-ploce:var(--zelena)}.tabla .zvezdica{color:var(--cilibar)}.tabla--pocetna thead tr{display:none}.tabla--pocetna tbody tr{border-bottom:1px solid var(--linija);grid-template-columns:1fr auto auto;grid-template-areas:"sajt sajt sajt""mesto mesto mesto""datum ocena status";align-items:end;gap:10px 18px;padding:16px 0;display:grid}.tabla--pocetna tbody tr:last-child{border-bottom:0}.tabla--pocetna .k-sajt{grid-area:sajt}.tabla--pocetna .k-mesto{grid-area:mesto;margin-top:-4px}.tabla--pocetna .k-datum{grid-area:datum}.tabla--pocetna .k-ocena{grid-area:ocena}.tabla--pocetna .k-status{grid-area:status}.tabla--pocetna .k-sajt .ploce{--k:clamp(16px, calc(100cqi / 18), 26px)}.tabla--pocetna .k-ocena .ploce,.tabla--pocetna .k-status .ploce{--k:17px}.tabla--pocetna .k-sajt .t,.tabla--pocetna .k-ocena .t,.tabla--pocetna .k-status .t{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tabla--pocetna .k-datum .ploce,.tabla--pocetna .k-mesto .ploce{display:none}.tabla--pocetna .k-datum .t,.tabla--pocetna .k-mesto .t{font:600 .8125rem/1.3 var(--f-mono);letter-spacing:.05em;text-transform:uppercase}.tabla--pocetna .k-mesto .t{color:var(--siva)}.tabla--pocetna .k-datum .t{color:var(--cilibar)}.tabla--pocetna td[data-oznaka]:before{content:attr(data-oznaka);content:attr(data-oznaka) / "";font:600 .625rem/1.2 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--siva);margin-bottom:5px;display:block}.tabla--pocetna .k-mesto:before,.tabla--pocetna .k-sajt:before{display:none}@container tabla (width>=880px){.tabla--pocetna{--k:min(26px, calc(100cqi / 61.2));--razmak:calc(var(--k) * 1.3)}.tabla--pocetna thead tr,.tabla--pocetna tbody tr{grid-template-columns:calc(8 * var(--k)) calc(24 * var(--k)) calc(14 * var(--k)) calc(3 * var(--k)) calc(7 * var(--k));align-items:start;column-gap:var(--razmak);grid-template-areas:none;row-gap:0;display:grid}.tabla--pocetna thead tr{border-bottom:1px solid var(--linija);padding:12px 0 10px}.tabla--pocetna tbody tr{padding:calc(var(--k) * .5) 0;border-bottom:1px solid #202020}.tabla--pocetna .k-sajt,.tabla--pocetna .k-mesto,.tabla--pocetna .k-datum,.tabla--pocetna .k-ocena,.tabla--pocetna .k-status{grid-area:auto;margin:0}.tabla--pocetna td .ploce,.tabla--pocetna .k-sajt .ploce,.tabla--pocetna .k-ocena .ploce,.tabla--pocetna .k-status .ploce{--k:inherit;width:calc(var(--n) * var(--k))}.tabla--pocetna .k-datum .ploce,.tabla--pocetna .k-mesto .ploce{display:flex}.tabla--pocetna .k-datum .t,.tabla--pocetna .k-mesto .t{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tabla--pocetna td[data-oznaka]:before{display:none}.tabla--pocetna .via{margin-top:calc(var(--k) * .35)}.tabla--pocetna .polje{min-height:calc(var(--l,1) * (var(--h) + var(--g)) - var(--g));background:linear-gradient(to right, transparent var(--c), var(--tabla-3) 0) 0 0 / var(--k) calc(var(--h) + var(--g)), linear-gradient(to bottom, transparent var(--h), var(--tabla-3) 0) 0 0 / var(--k) calc(var(--h) + var(--g)), linear-gradient(to bottom, var(--ploca-gore) calc(var(--h) / 2 - .5px), var(--prelom) 0 calc(var(--h) / 2 + .5px), var(--ploca) 0) 0 0 / var(--k) calc(var(--h) + var(--g))}}.tabla--cela thead tr{display:none}.tabla--cela tbody tr{border-bottom:1px solid var(--linija);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"sajt sajt""datum status""mesto tip""ocena studija";gap:12px 16px;padding:18px 0;display:grid}.tabla--cela tbody tr:last-child{border-bottom:0}.tabla--cela .k-sajt{grid-area:sajt}.tabla--cela .k-datum{grid-area:datum}.tabla--cela .k-status{grid-area:status}.tabla--cela .k-mesto{grid-area:mesto}.tabla--cela .k-tip{grid-area:tip}.tabla--cela .k-ocena{grid-area:ocena}.tabla--cela .k-studija{grid-area:studija;align-self:end}.tabla--cela .ime{font:800 clamp(1.25rem, 1.05rem + .7vw, 1.5rem)/1.05 var(--f-naslov);text-transform:uppercase;letter-spacing:.02em;color:var(--cilibar)}.tabla--cela .red-veza{text-underline-offset:.18em;text-decoration:underline #ffb00059}.tabla--cela .red-veza:hover{text-decoration-color:var(--cilibar)}.tabla--cela td[data-oznaka]:before{content:attr(data-oznaka);content:attr(data-oznaka) / "";font:600 .625rem/1.2 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--siva);margin-bottom:3px;display:block}.tabla--cela .k-sajt[data-oznaka]:before{display:none}.tabla--cela .k-datum,.tabla--cela .k-ocena,.tabla--cela .k-mesto,.tabla--cela .k-tip{font:600 .875rem/1.35 var(--f-mono)}.tabla--cela .k-status .ploce{--k:16px}.tabla--cela .k-studija a{min-height:44px;color:var(--bela);font:600 .875rem/1.2 var(--f-tekst);align-items:center;display:inline-flex}.tabla--cela .k-studija a:hover,.tabla--cela .ocena-srednja{color:var(--cilibar)}.tabla--cela .ocena-visoka{color:var(--zelena)}@container tabla (width>=880px){.tabla--cela thead tr,.tabla--cela tbody tr{grid-template-columns:6.5rem minmax(0,2.3fr) minmax(0,1.2fr) 8.5rem 4rem 116px 5.5rem;align-items:center;column-gap:18px;display:grid}.tabla--cela thead tr{border-bottom:1px solid var(--linija);padding:10px 0}.tabla--cela tbody tr{grid-template-areas:none;padding:14px 0}.tabla--cela td[role=cell]{grid-area:auto}.tabla--cela td[data-oznaka]:before{display:none}.tabla--cela .k-ocena,.tabla--cela th.k-ocena{text-align:right}}.tabla-legenda{color:var(--siva);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 28px;margin-top:16px;font-size:.875rem;display:flex}.tabla-legenda p{max-width:49em}.tabla-legenda a{color:var(--bela)}.filteri{flex-wrap:wrap;align-items:flex-end;gap:16px 28px;margin-bottom:20px;display:flex}.filteri fieldset{border:0;min-width:0;margin:0;padding:0}.filteri legend,.filteri label.oznaka{margin-bottom:8px;padding:0;display:block}.cipovi{flex-wrap:wrap;gap:8px;display:flex}.cip{display:inline-flex;position:relative}.cip input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.cip span{border:1px solid var(--ivica);min-height:40px;font:600 .875rem/1 var(--f-tekst);color:var(--bela);pointer-events:none;border-radius:999px;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.cip span small{font:400 .75rem/1 var(--f-mono);color:var(--siva)}.cip input:checked+span{background:var(--cilibar);border-color:var(--cilibar);color:var(--mastilo)}.cip input:checked+span small{color:var(--mastilo)}.cip input:focus-visible+span{outline:2px solid var(--cilibar);outline-offset:3px}.izbor{appearance:none;border:1px solid var(--ivica);background:var(--tabla) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23f5f1e8' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 16px center / 12px 8px;min-width:13rem;min-height:40px;color:var(--bela);font:600 .875rem/1 var(--f-tekst);border-radius:999px;padding:0 40px 0 14px}.filter-broj{font:600 .875rem/1.3 var(--f-mono);color:var(--siva);min-height:1.3em}.tabla-prazna{color:var(--siva);padding:24px 0}