/* Copy the address (assets/js/extras.js): a quiet pill beside the contact address, in the contact section's own ink.
   The line wraps on narrow screens, so the button drops under the address. Nothing here moves. */
.ct-line:has(> .copy-btn) { display: flex; flex-wrap: wrap; align-items: baseline; gap: 14px 28px; }
.copy-btn { display: inline-flex; align-items: center; min-height: 44px; padding: 0 20px; border: 1px solid color-mix(in srgb, currentColor 45%, transparent); border-radius: 999px;
  background: none; color: var(--ink, inherit); font: 500 14px/1 var(--sans, sans-serif); cursor: pointer; transition: background-color .25s ease, border-color .25s ease; }
.copy-btn:hover { background: color-mix(in srgb, currentColor 10%, transparent); border-color: currentColor; }
.copy-btn:active { background: color-mix(in srgb, currentColor 16%, transparent); }
/* stays rendered while empty: a live region must be in the accessibility tree before it speaks */
.copy-status { font: 500 14px/1.4 var(--sans, sans-serif); color: var(--ink-soft, inherit); }