/* A carbon set: top copy over a sliver of carbon paper over the thin carbon copy. */
.carbon-set { position: relative; overflow-x: hidden; overflow-x: clip; touch-action: pan-y; }
.js .carbon-set { display: grid; }
html:not(.js) .carbon-copy { margin-top: 16px; }
html:not(.js) .actions { display: none; }
.top-copy, .carbon-copy { grid-area: 1 / 1; position: relative; min-width: 0; }
.top-copy {
  z-index: 2; margin: 0 6px 6px 0; padding: 14px 12px 18px;
  background: var(--bond) var(--tex-bond) 0 0 / 512px;
  box-shadow: 3px 3px 0 0 var(--carbon), 5px 5px 0 0 var(--carbon-soft), var(--shadow-paper); /* the sliver of carbon paper */
  touch-action: pan-y; -webkit-user-select: text; user-select: text;
}
.carbon-copy {
  display: flex; flex-direction: column; z-index: 1; margin: 6px 0 0 6px; padding: 14px 12px; background: var(--flimsy); color: var(--carbon);
  box-shadow: 0 1px 2px rgb(29 28 26 / .15); text-shadow: 0 0 .4px currentColor;
}
.carbon-copy .card-head, .carbon-copy .fields dt { color: var(--carbon-soft); }
.carbon-copy .say { font-weight: 400; }
.carbon-note { margin-top: 14px; font: italic 400 14px/21px var(--font-typed); }
.blanks > div { display: grid; grid-template-columns: auto 1fr; gap: 10px; align-items: end; margin-top: 16px; }
.blanks dt { font: 600 12px/16px var(--font-printed); letter-spacing: .08em; text-transform: uppercase; color: var(--carbon-soft); white-space: nowrap; }
.blanks dd { min-height: 40px; border-bottom: 1px solid var(--carbon-soft); }
.blanks > div:last-child dd { min-height: 120px; background: repeating-linear-gradient(transparent 0 39px, var(--carbon-soft) 39px 40px); border-bottom: 0; }
.top-copy[data-away] { visibility: hidden; }
.top-copy.is-settling { transition: transform 280ms var(--ease-feed); }
.top-copy.is-snap { transition: transform 220ms var(--ease-feed); }
@media (hover: hover) and (pointer: fine) { .top-copy { cursor: grab; } .top-copy:active { cursor: grabbing; } }
@media (min-width: 760px) {
  .top-copy { padding: 20px 22px 24px; }
  .carbon-copy { padding: 20px 22px; }
  .carbon-note { font-size: 15px; line-height: 22px; }
}