/* dd/stats-bar – v3: navy pás s mriežkou a veľkými žltými číslami; hneď pod hlavičkou stránky biela plávajúca karta */
.sbw{background:var(--navy);color:var(--on-navy)}
.sb{max-width:var(--container);margin:0 auto;padding:64px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.sb .it{border-left:1px solid #ffffff2e;padding-left:24px}
.sb .it:first-child{border-left:0;padding-left:0}
.sb .n{color:var(--on-navy);display:flex;align-items:baseline;gap:var(--space-2);font-size:clamp(44px,5.4vw,76px);line-height:1}
.sb .n .u{font-size:.42em;line-height:1;color:var(--on-navy)}
.sb .n mark{background:none;color:var(--yellow);padding:0}
.sb .l{margin-top:var(--space-3);color:var(--on-navy-muted);max-width:240px}
.sb .n.txt{font-size:clamp(26px,2.4vw,34px)!important;line-height:1.1}
.sb .n.txt mark{background:none!important}
.sb.cols-3{grid-template-columns:repeat(3,1fr)}
.sb.cols-2{grid-template-columns:repeat(2,1fr)}
/* pod page-header / hero: karta prekrýva šikmý spodok hlavičky */
:is(.wp-block-dd-page-header,.wp-block-dd-hero)+.sbw{background:none;color:inherit;position:relative;z-index:2;margin-top:-40px;padding:0 24px}
:is(.wp-block-dd-page-header,.wp-block-dd-hero)+.sbw::before{display:none}
:is(.wp-block-dd-page-header,.wp-block-dd-hero)+.sbw .sb{background:var(--surface-0);border-radius:var(--radius-md);box-shadow:var(--shadow-card-hover);padding:32px 40px;border-top:4px solid var(--yellow)}
:is(.wp-block-dd-page-header,.wp-block-dd-hero)+.sbw .n,:is(.wp-block-dd-page-header,.wp-block-dd-hero)+.sbw .n .u{color:var(--ink)}
:is(.wp-block-dd-page-header,.wp-block-dd-hero)+.sbw .n{font-size:clamp(40px,4.2vw,56px)}
:is(.wp-block-dd-page-header,.wp-block-dd-hero)+.sbw mark{color:inherit;background:linear-gradient(transparent 60%,var(--yellow) 60%)}
:is(.wp-block-dd-page-header,.wp-block-dd-hero)+.sbw .it{border-left-color:var(--line)}
:is(.wp-block-dd-page-header,.wp-block-dd-hero)+.sbw .l{color:var(--ink-muted)}
@media (max-width:1023px){
  .sb,.sb.cols-3{grid-template-columns:repeat(2,1fr);row-gap:var(--space-6)}
  .sb .it:nth-child(odd){border-left:0;padding-left:0}
}
@media (max-width:767px){
  .sb{padding:var(--space-7) 16px;gap:var(--space-4)}
  .sb .it{padding-left:var(--space-4)}
  :is(.wp-block-dd-page-header,.wp-block-dd-hero)+.sbw{padding:0 16px;margin-top:-16px}
  :is(.wp-block-dd-page-header,.wp-block-dd-hero)+.sbw .sb{padding:24px 20px}
}