:root{
  --stz-blue:#0155a9;
  --stz-orange:#f89132;
  --stz-white:#ffffff;
  --stz-gap:12px;
}
.stz-ct{ width:100%; }
.stz-ct__wrap{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  margin:0 auto;
  padding:18px 22px;
  background:var(--stz-blue);
  color:var(--stz-white);
  border-radius:8px;
  font-family: Arial, Helvetica, sans-serif;
}
.stz-ct__title{ font-weight:700; margin-bottom:8px; line-height:1.2; }
.stz-ct__digits{ display:flex; gap:var(--stz-gap); align-items:center; justify-content:center; flex-wrap:wrap; }
.stz-ct__digit{
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  font-weight:800; line-height:1; color:var(--stz-orange);
  background:rgba(255,255,255,0.08); padding:10px 14px; border-radius:10px;
  min-width:56px; text-align:center; font-size:36px;
}
.stz-ct__sep{ font-weight:800; font-size:28px; opacity:.9; line-height:1; }
.stz-ct__labels{ margin-top:6px; display:flex; gap:calc(var(--stz-gap) + 16px); justify-content:center; font-size:.85rem; opacity:.95; }
.stz-ct--sm .stz-ct__digit{ font-size:22px; min-width:40px; }
.stz-ct--md .stz-ct__digit{ font-size:28px; min-width:46px; }
.stz-ct--lg .stz-ct__digit{ font-size:36px; min-width:56px; }
.stz-ct--xl .stz-ct__digit{ font-size:46px; min-width:64px; }
@media (max-width:480px){
  .stz-ct__wrap{ padding:14px 16px; }
  .stz-ct--lg .stz-ct__digit{ font-size:30px; }
  .stz-ct--xl .stz-ct__digit{ font-size:36px; }
}