/* Brushed silver finish, retaining the site's inherited DM Sans typography. */
.quote-share {
  --share-edge: #a5b6c6; --share-ink: #22364a; --share-muted: #52647a;
  --share-metal: linear-gradient(125deg, #fff, #e9eff4 60%, #dce6ee);
  --share-focus: #375f83; --share-shadow: #375f8320; --share-panel: #fff;
}
html[data-theme="dark"] .quote-share {
  --share-edge: #60788c; --share-ink: #e2edf5; --share-muted: #afc0cf;
  --share-metal: linear-gradient(125deg, #334858, #213442 60%, #2d4252);
  --share-focus: #b6d2e7; --share-shadow: #0003; --share-panel: #172432;
}
.quote-share { margin-block: 12px; font-family: inherit; min-width: 0; text-align: right; }
.hero-buttons { flex-wrap: wrap; }
.hero-buttons > .quote-share { margin: 0; text-align: left; max-width: 100%; }
.hero-buttons > .button, .hero-buttons > .quote-share { flex: 0 0 auto; width: 230px; max-width: 100%; }
.hero-buttons > .quote-share > .quote-share__button { width: 100%; }
.quote-share__button, .quote-share__close {
  box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; gap: 9px;
  min-height: 44px; max-width: 100%; padding: 10px 16px;
  border: 1px solid var(--share-edge); border-radius: 9px;
  background: var(--share-metal); color: var(--share-ink);
  box-shadow: inset 0 1px 0 #ffffffa6, 0 2px 6px #14243a0a;
  font-family: inherit; font-size: 12px; font-weight: 650; line-height: 1.45; letter-spacing: .01em;
  text-align: center; cursor: pointer;
  transition: box-shadow .18s, transform .18s, border-color .18s;
}
.quote-share__button svg { flex: 0 0 18px; }
@media (hover: hover) {
  .quote-share__button:hover:not(:disabled), .quote-share__close:hover {
    border-color: var(--share-focus); box-shadow: inset 0 1px 0 #ffffff70, 0 4px 12px var(--share-shadow);
    transform: translateY(-1px);
  }
}
.quote-share__button:active:not(:disabled), .quote-share__close:active { transform: translateY(1px); box-shadow: inset 0 1px 3px #0002; }
.quote-share__button:disabled { opacity: .5; cursor: not-allowed; }
body .quote-share :is(button, textarea):focus-visible {
  outline: 3px solid var(--share-focus) !important; outline-offset: 3px; box-shadow: none !important;
}
.quote-share .quote-share__status { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.quote-share .quote-share__status:empty { min-height: 0; margin: 0; }
.quote-share__dialog {
  box-sizing: border-box; width: min(480px, calc(100% - 32px)); max-height: calc(100dvh - 32px);
  overflow: auto; margin: auto; padding: 24px; border: 1px solid var(--share-edge); border-radius: 14px;
  color: var(--share-ink); background: var(--share-panel); box-shadow: 0 24px 80px #09131f40;
  font-family: inherit; font-size: 14px; line-height: 1.65; text-align: left;
}
.quote-share__dialog::backdrop { background: #09131f99; }
.quote-share__dialog-header { display: flex; align-items: center; gap: 14px; padding-bottom: 18px; border-bottom: 1px solid var(--share-edge); }
.quote-share__seal { display: grid; place-items: center; flex: 0 0 48px; height: 48px; border: 1px solid var(--share-edge); border-radius: 13px; background: var(--share-metal); color: var(--share-ink); box-shadow: inset 0 1px 0 #ffffff70; }
.quote-share__eyebrow { display: block; margin-bottom: 5px; color: var(--share-muted); font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.quote-share__check { display: none; }
.quote-share__dialog[data-copy-state="copied"] .quote-share__check { display: block; }
.quote-share .quote-share__dialog .quote-share__dialog-header h2 { margin: 0; }
.quote-share .quote-share__dialog h2 { margin: 0 0 12px; color: inherit; font-size: 20px; line-height: 1.35; }
.quote-share .quote-share__dialog p { margin: 12px 0; color: var(--share-muted); font-size: 14px; line-height: 1.65; }
.quote-share__dialog label { display: block; margin-block: 12px 6px; color: inherit; font-size: 12px; font-weight: 600; }
.quote-share__dialog textarea {
  box-sizing: border-box; display: block; width: 100%; min-height: 160px; padding: 12px;
  border: 1px solid var(--share-edge); border-radius: 7px; background: var(--share-panel);
  color: var(--share-ink); font: inherit; font-size: 13px; line-height: 1.6; resize: vertical;
}
.quote-share__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; margin-top: 18px; }
.quote-share__actions form { margin: 0; }
.quote-share__close { background: transparent; box-shadow: none; }
@media(max-width:480px) { .quote-share__button { padding-inline: 12px; } .quote-share__dialog { padding: 20px; } }
@media(prefers-reduced-motion:reduce) { .quote-share button { transition: none; transform: none !important; } }
@media(forced-colors:active) { .quote-share button, .quote-share textarea, .quote-share__dialog { border-color: ButtonText; } }