/* Individual company values remain easy to select and copy. */
.record-cell dt{display:flex;align-items:center;justify-content:space-between;gap:12px}
.detail-copy{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;margin:-8px -8px -8px 0;padding:0;border:0;border-radius:6px;background:transparent;color:var(--ink-faint);cursor:pointer}
.detail-copy[data-copy-state=copied]{color:var(--ink)}
.detail-copy[data-copy-state]::after{position:absolute;right:34px;white-space:nowrap;font:400 12px/1.4 var(--sans);color:var(--ink);content:'Copied'}
.detail-copy[data-copy-state=error]::after{content:'Select text'}
.copy-feedback{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(hover:hover) and (pointer:fine){.detail-copy:hover{color:var(--ink)}}
@media(max-width:760px),(pointer:coarse){.detail-copy{width:44px;height:44px;margin:-14px -8px -14px 0}}

/* Preview exactly which register value the copy action targets. */
.record{--copy-accent:#8a4e30}
:root[data-scene=sunset] .record{--copy-accent:#f2c29e}
.record-cell:has(.detail-copy:is(:focus-visible,[data-copy-state=copied])) dd,
#company:has(#copy:focus-visible) .record-cell dd{color:var(--copy-accent)}
.record-cell:has(.detail-copy:is(:focus-visible,[data-copy-state=copied])) dd a,
#company:has(#copy:focus-visible) .record-cell dd a{color:inherit}
@media(hover:hover) and (pointer:fine){
  .record-cell:has(.detail-copy:hover) dd,#company:has(#copy:hover) .record-cell dd{color:var(--copy-accent)}
  .record-cell:has(.detail-copy:hover) dd a,#company:has(#copy:hover) .record-cell dd a{color:inherit}
}
@media(prefers-reduced-motion:no-preference){
  .record-cell dd,.record-cell dd a{transition:color .16s ease}
  .detail-copy{transition:color .16s ease}
  .detail-copy svg{transition:transform .16s ease}
  .detail-copy:active svg{transform:scale(.92)}
}
@media(prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){.detail-copy:hover svg{transform:translateY(-1px)}}