/* Shape sizes that follow the smaller type scale (loaded last, so it wins).
   Decorative icon tiles shrink ~20% with the icon inside them. Round buttons keep a 44px tap area,
   but their filled circle is drawn smaller: a transparent border + background-clip trims the fill. */

/* --- round buttons: 44px to tap, 32–36px to see --- */
.bd-sheet-x,.kfp-x,.kc-steps-x,.kc-sheet-box>header button,.dc-sh-x,.ct-x,.ko-back,.pk-x,.ku-arrow,.pk-arrow,.vc-head>a{border:6px solid transparent!important;background-clip:padding-box!important;box-sizing:border-box}
.ex-file button,.ct-play,.dc-play,.vc-play{border:4px solid transparent!important;background-clip:padding-box!important;box-sizing:border-box}
.vl-play{width:44px;height:44px}

/* --- decorative icon tiles --- */
.bd-sheet-ico,.ex-ok{width:40px!important;height:40px!important}
.lp-champ-i,.pas-logo{width:44px;height:44px}
.bn-mi,.ml-ico,.lp-choice-i,.ml-sq{width:36px;height:36px}
.bd-moult-i,.kc-option-i,.ct-lock-ico,.dc-care-i,.ex-file>span,.ex-sync-i,.co-mi,.pas-i,.st-ib,.dc-flag{width:36px;height:36px}
.mb-list li>span,.hs-ki,.ku-ico,.lg-tile,.ml-nudge-t .ml-ico,.stg-entry-i,.stg-badge,.st-okc,.bd-plus,.pk-item img{width:32px;height:32px}
.bd-add .bd-plus{width:40px;height:40px}
:is(.bd-sheet-ico,.ex-ok,.lp-champ-i,.pas-logo,.bn-mi,.ml-ico,.lp-choice-i,.ml-sq,.bd-moult-i,.kc-option-i,.ct-lock-ico,.dc-care-i,.ex-file>span,.ex-sync-i,.co-mi,.pas-i,.st-ib,.dc-flag,.mb-list li>span,.hs-ki,.ku-ico,.lg-tile,.stg-entry-i,.stg-badge,.st-okc,.bd-plus) :is(svg,img){max-width:58%;max-height:58%}
.ex-file>span{font-size:var(--kl-fs-caption)}

/* --- small avatars in lists --- */
.bd-photo.is-sm{width:40px;height:40px}
.dc-task .bd-photo.is-task,.ko-list .bd-photo{width:36px;height:36px}
.dc-sh .bd-photo.is-head{width:44px;height:44px}
.st-av,.tm-av{width:40px;height:40px}
.bn-cam{width:72px;height:72px}
.vc-rec{width:76px;height:76px}.vc-rec span{width:60px;height:60px}