/* m08 Presedan: Čakovec (team E) · Slika 8.2, copied from the v02 quarry ch07/style.css. Every selector starts with #pogl-08. */
/* 8.2 grant split: panels sized by value (copied from v02 ch07 Slika 7.1) */
#pogl-08 .cs-total{display:flex;justify-content:space-between;align-items:baseline;gap:16px;border-bottom:1.2px solid var(--line);padding:0 2px 8px;margin-bottom:12px}
#pogl-08 .cs-total span{font:600 11.5px var(--sans);letter-spacing:.06em;text-transform:uppercase}
#pogl-08 .cs-total b{font:700 22px/1 var(--serif)}
#pogl-08 .cs-row{display:flex;border:1.2px solid var(--line)}
#pogl-08 .cs{flex:var(--w) 1 0;min-width:0;position:relative;min-height:220px;padding:14px 14px 16px;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;border-right:1.2px solid var(--line);overflow:hidden}
#pogl-08 .cs:last-child{border-right:0}
#pogl-08 .cs i{position:absolute;left:0;right:0;bottom:0;height:0;transition:height 1.1s cubic-bezier(.2,.7,.2,1)}
#pogl-08 .cs.a i{background:var(--yellow)}
#pogl-08 .cs.b i{background:var(--g3)}
#pogl-08 .cs.c i{background-color:var(--g6);background-image:radial-gradient(circle,var(--g2) 33%,transparent 35%);background-size:7px 7px}
#pogl-08 .cs.d i{background:repeating-linear-gradient(45deg,var(--white) 0 4px,var(--g4) 4px 5.4px)}
#pogl-08 .vis.in .cs i{height:100%}
#pogl-08 .vis.in .cs.b i{transition-delay:.25s} #pogl-08 .vis.in .cs.c i{transition-delay:.5s} #pogl-08 .vis.in .cs.d i{transition-delay:.75s}
#pogl-08 .cs > *:not(i){position:relative}
#pogl-08 .cs .chip{align-self:flex-start;margin-bottom:auto;max-width:100%;white-space:normal;line-height:1.25}
#pogl-08 .cs b{font:700 clamp(30px,3.4vw,52px)/1 var(--serif);color:var(--ink)}
#pogl-08 .cs small{font:400 13.5px/1.35 var(--sans);color:var(--ink)}
#pogl-08 .cs.b b,#pogl-08 .cs.b small{color:var(--white)}
#pogl-08 .cs.c b,#pogl-08 .cs.c small,#pogl-08 .cs.d b,#pogl-08 .cs.d small{background:var(--white);align-self:flex-start;padding:0 4px}
#pogl-08 .cs.d .chip{background:var(--white);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
/* brace under the three ERDF panels (78.6 % = a+b+c of the whole) */
#pogl-08 .cs-brace{position:relative;height:40px;margin-top:6px;width:78.6%}
#pogl-08 .cs-brace:before{content:"";position:absolute;left:0;right:0;top:0;height:9px;border:1.2px solid var(--line);border-top:0}
#pogl-08 .cs-brace span{position:absolute;left:50%;top:15px;transform:translateX(-50%);white-space:nowrap;font:600 11.5px var(--sans);letter-spacing:.06em;text-transform:uppercase}


@media (max-width:820px){
  #pogl-08 .cs-row{flex-direction:column}
  #pogl-08 .cs{min-height:96px;border-right:0;border-bottom:1.2px solid var(--line)}
  #pogl-08 .cs:last-child{border-bottom:0}
  #pogl-08 .cs-brace{width:auto;height:auto;margin-top:10px}
  #pogl-08 .cs-brace:before{display:none}
  #pogl-08 .cs-brace span{position:static;transform:none;display:block;white-space:normal;line-height:1.45}
  #pogl-08 .cs-total b{font-size:18px}
}