.touch .adorned > *{padding-inline:var(--sp-2);}
.bc-r1{display:grid; grid-template-columns:minmax(0, 1fr) auto; gap:var(--sp-2);}
.bc-group{display:grid; gap:var(--sp-3);}
.bc-tabs button{display:grid; place-content:center; line-height:1.25; padding:.375rem .25rem .75rem;}
.bc-tabs .num{font-size:var(--fs-sm); font-weight:400;}
.bc-rows{list-style:none; margin:0; padding:0; display:grid; gap:var(--sp-2);}
.bc-line{display:grid; grid-template-columns:minmax(0, 1fr) 7rem var(--control); gap:var(--sp-2); align-items:center;}
.bc-add{justify-self:start; padding-inline:var(--sp-3); margin-left:calc(-1 * var(--sp-3)); color:var(--accent);}
.bc-group .hint{font-size:var(--fs-sm); color:var(--text-3);}
.bc-rule{display:grid; gap:var(--sp-4);}
.bc-head, .bc-top{font-weight:500; color:var(--text-1);}
.bc-b{display:grid; gap:var(--sp-2);}
.bc-top{display:flex; justify-content:space-between; gap:var(--sp-3);}
.bc-bar{position:relative; height:.75rem;}
.bc-bar::after{content:""; position:absolute; inset-block:0; left:var(--target); width:2px; margin-left:-1px; background:var(--text-1); box-shadow:0 0 0 1px var(--bg-1);}
.bc-bar.off::before{background:var(--warn);}
.bc-s{white-space:nowrap;}
.bc-note.off{color:var(--warn);}
.bc-over, .bc-over .affix{color:var(--danger);}
.breakdown .bc-group-row .k{color:var(--text-1); font-weight:600;}
.breakdown > .bc-sub{padding:.125rem 0 .125rem var(--sp-3); border:0;}
.bc-sub .v{font-weight:400; color:var(--text-2);}
.breakdown > .bc-sub:has(+ :not(.bc-sub)){padding-bottom:.625rem; border-bottom:1px solid var(--border);}
@container (max-width: 20rem) {.bc-line .input{padding-inline:.375rem;} .touch .bc-r1 .icon{display:none;} .bc-line{grid-template-columns:minmax(0, 1fr) 5.5rem var(--control); gap:var(--sp-1);} }
@media (max-width: 63.99em) {.app .look .look-card .compact-meta{grid-column:1 / -1; grid-row:3; text-align:left; margin-top:var(--sp-1); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .app .look .look-more{grid-row:1 / span 2; align-self:center;}
}
