@layer pages {
  .time {
    & .params h2:not(:first-child) {
      margin-block-start: var(--space-32);
    }

    & .params .actions {
      margin-block: 0 var(--space-16);
    }

    & .zone {
      margin-block-start: var(--space-8);
    }

    & .pairs {
      --term: 11rem;
    }

    & .values .action {
      max-inline-size: 100%;
      font: var(--text-code) / var(--leading-code) var(--font-mono);
      text-align: start;
      -webkit-user-select: text;
      user-select: text;

      &[data-copied]::after {
        content: 'скопировано';
        margin-inline-start: var(--space-8);
        color: var(--color-muted);
        font: var(--text-small) / var(--leading-small) var(--font-text);
      }
    }

    & .words {
      margin-block: 0 var(--space-8);
      font-weight: var(--weight-subheading);
    }

    & .units dd {
      font-variant-numeric: tabular-nums;
    }
  }
}