/* Selected A: numerical difference, larger leading label, fine directional rule. */
.pk-columns .pk-difference.pk-numeric,.detail-view[data-quality=true] .pk-columns .pk-difference.pk-numeric{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;text-align:center;padding:12px 6px!important}
.pk-columns .pk-difference.pk-numeric::before{display:none!important}
.pk-columns .pk-numeric>.pk-leader-title{font:750 clamp(18px,1.5vw,22px)/1.3 system-ui,sans-serif;order:0;opacity:1;color:inherit}
.pk-numeric .pk-figure{display:flex;align-items:baseline;justify-content:center;gap:4px;line-height:1.05}
.pk-numeric .pk-delta-number{font:750 clamp(34px,3.4vw,48px)/1.05 system-ui,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.025em;color:inherit}
.pk-numeric .pk-delta-unit{font:500 12px/1.4 system-ui,sans-serif;color:inherit;opacity:.85;white-space:nowrap}
.pk-direction-rule{position:relative;display:block;width:90px;height:1px;background:currentColor;opacity:.6;margin:1px 0}
.pk-direction-rule::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;right:-1px;top:-3px;background:currentColor}
.pk-numeric[data-leader=left] .pk-direction-rule::after{left:-1px;right:auto}
.pk-numeric[data-leader=tie] .pk-direction-rule,.pk-numeric[data-leader=unknown] .pk-direction-rule{display:none}
/* The winning project's own colour defines its gentle highlight. */
.pk-columns .pk-project.leading{border:2px solid color-mix(in srgb,var(--project-accent,#ba7c34) 70%,#fffefa);background:color-mix(in srgb,var(--project-accent,#ba7c34) 10%,#fffefa);box-shadow:inset 4px 0 0 var(--project-accent,#ba7c34)}
html[data-design=tech] .pk-columns .pk-project.leading{background:color-mix(in srgb,var(--project-accent,#ba7c34) 18%,#182c3c);border-color:var(--project-accent,#ba7c34)}
@media(max-width:680px){
 .pk-columns .pk-difference.pk-numeric,.detail-view[data-quality=true] .pk-columns .pk-difference.pk-numeric{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:12px;row-gap:2px;text-align:left;align-items:center;padding:8px 12px!important}
 .pk-columns .pk-numeric>.pk-leader-title{grid-column:1;grid-row:1;justify-self:start;font-size:18px;line-height:1.3}
 .pk-numeric .pk-figure{grid-column:1;grid-row:2;justify-content:flex-start;gap:3px}
 .pk-numeric .pk-delta-number{font-size:34px}
 .pk-numeric .pk-delta-unit{font-size:11px}
 .pk-numeric .pk-direction-rule{grid-column:2;grid-row:1/3;justify-self:center;align-self:center;width:1px;height:37px;margin:0 4px}
 .pk-direction-rule::after{top:auto;bottom:-1px;left:-3px;right:auto}
 .pk-numeric[data-leader=left] .pk-direction-rule::after{top:-1px;bottom:auto;left:-3px}
 .pk-numeric .pk-no-data{grid-column:1/-1;grid-row:2;text-align:left;font-size:12px}
 .pk-columns .pk-project.leading{box-shadow:inset 3px 0 0 var(--project-accent,#ba7c34)}
}

html[data-design=tech] .pk-project.leading .detail-card-period{color:#d4e5eb;opacity:1}