/**
 * Društvene mreže — isključivo četiri tipografska procesna vizuala.
 * Layout, fontovi, boje, CTA, FAQ i animacije ostaju iz zajedničkog CVC sustava.
 */
.cvc-service-standard .cvc-social__visual{
  display:flex;flex-direction:column;justify-content:space-between;
  padding:clamp(1.05rem,1.8vw,1.85rem);
  background:var(--cw-tint);color:var(--cw-ink);
  border-color:var(--cw-border);isolation:isolate;
}
.cvc-service-standard .cvc-social__visual--compose{background:var(--project-base-secondary);color:var(--project-color-text-on-dark)}
.cvc-service-standard .cvc-social__visual--publish{background:color-mix(in srgb,var(--cw-teal) 15%,var(--cw-paper))}
.cvc-service-standard .cvc-social__visual--learn{background:color-mix(in srgb,var(--cw-teal) 8%,var(--cw-paper))}
.cvc-social__visual-tag,.cvc-social__visual-foot{
  position:relative;z-index:1;display:block;font:600 var(--cvc-font-size-eyebrow)/1.4 var(--cvc-font-body);
  letter-spacing:.11em;text-transform:uppercase;opacity:.73;
}
.cvc-social__visual-sheet{
  position:relative;z-index:1;display:flex;flex-direction:column;
  justify-content:center;gap:clamp(.65rem,1.3vw,1.2rem);
  min-height:48%;padding:clamp(.9rem,1.55vw,1.5rem);
  border:1px solid currentColor;border-radius:var(--cvc-radius);
  background:color-mix(in srgb,currentColor 3%,transparent);
}
.cvc-social__visual-sheet small{
  font:600 clamp(.64rem,.8vw,.78rem)/1.4 var(--cvc-font-body);
  letter-spacing:.12em;text-transform:uppercase;opacity:.7;
}
.cvc-social__visual-sheet strong{
  max-width:13ch;font:600 clamp(1.25rem,2vw,2.1rem)/1.16 var(--cvc-font-heading);
  letter-spacing:var(--cvc-letter-spacing-heading);text-wrap:balance;
}
.cvc-social__visual-sheet strong em{font-style:normal;color:var(--cw-link)}
.cvc-social__visual--compose .cvc-social__visual-sheet strong em{color:var(--project-base-primary)}
.cvc-social__visual-sheet>span{
  display:block;padding-top:.75rem;border-top:1px solid color-mix(in srgb,currentColor 27%,transparent);
  font:500 clamp(.73rem,.85vw,.9rem)/1.45 var(--cvc-font-body);
}
.cvc-social__visual-foot{opacity:.58}
.cvc-service-standard .cvc-social__related{padding-block:clamp(4rem,7vw,7rem)}
.cvc-social__related .cvc-web__technical-note a{color:var(--cw-link)}
@media(max-width:560px){
 .cvc-service-standard .cvc-social__visual{padding:1.1rem}
 .cvc-social__visual-sheet{padding:1.1rem}
 .cvc-social__visual-sheet strong{font-size:clamp(1.65rem,8vw,2.3rem)}
}
@media(prefers-reduced-motion:reduce){
 .cvc-service-standard .cvc-social__visual{transition:none}
}