.cc-pair { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: var(--sp-3); }
.cc-last { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .375rem var(--sp-3); }
.cc-last > .field { display: contents; }
.cc-last .adorned { grid-row: 2; }
.cc-last label { grid-row: 1; }
.cc-last .error { grid-column: 1 / -1; grid-row: 3; }
.cc-last > .btn { grid-column: 2; grid-row: 2; }
[data-min] .v { white-space: nowrap; }
.touch .adorned > * { padding-inline: var(--sp-2); }
.cc-mode button { font-size: var(--fs-sm); line-height: 1.2; padding: var(--sp-1) var(--sp-2) var(--sp-2); }
.readout .cc-unit { font-size: .45em; font-weight: 500; letter-spacing: 0; color: var(--text-2); margin-left: .2em; }
.cc-years { border-top: 0; overflow-x: auto; }
.cc-years summary { display: flex; align-items: center; gap: var(--sp-2); min-height: var(--control); font-weight: 500; cursor: pointer; list-style: none; }
.cc-years summary::-webkit-details-marker { display: none; }
.cc-years summary .icon { margin-left: auto; transition: transform var(--dur-2) var(--ease); }
.cc-years [open] summary .icon { transform: rotate(180deg); }
.cc-count { color: var(--text-2); font-weight: 400; font-size: var(--fs-sm); }
.cc-years .table { font-size: var(--fs-xs); }
.cc-years :is(th, td) { padding: var(--sp-2) var(--sp-1); white-space: nowrap; }
.cc-years :is(th, td) + :is(th, td) { text-align: right; }
.cc-years tr:last-child td { border-bottom: 0; }
@container (max-width: 20rem) { .touch .btn .icon { display: none; } }
@media (max-width: 63.99em) {
  .app:not([data-layout="stage"]) .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:not([data-layout="stage"]) .look-more { grid-row: 1 / span 2; align-self: center; }
}
@media print { .cc-years summary .icon { display: none; } }