.app .readout .affix, .look-sheet .readout .affix { vertical-align: baseline; margin: 0 0 0 .2em; }
.touch .adorned > * { padding-inline: var(--sp-2); }
@media (max-width: 39.99em) { .touch .card { gap: var(--sp-3); } }
.cd-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sp-3); }
.cd-body { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); }
.cd-height { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--sp-2); }
[data-unit="us"] .cd-height { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.cd-activity .affix { font-size: var(--fs-sm); }
.touch .cd-activity select { flex: 1; min-width: 0; height: 100%; border: 0; background: transparent; color: var(--text-1); padding-inline: var(--sp-3) var(--sp-8); text-overflow: ellipsis; }
.cd-activity select:focus-visible { box-shadow: none; outline: none; }
.cd-activity::after { right: var(--sp-3); }
.cd-last { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--sp-3); align-items: end; }
.cd-note { font-size: var(--fs-xs); line-height: 1.45; }
.look-card > .cd-note { margin-top: 0; }
[data-warn] .callout { color: var(--text-1); margin: 0; }
.breakdown .v { white-space: nowrap; }
@container (max-width: 22rem) { .touch .btn .icon { display: none; } .touch .btn { padding-inline: var(--sp-3); } }
@media (max-width: 63.99em) { .app .look .compact-meta { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } }