/* One post-send composition for every collection. Text and actions stay native. */
.sender-completion[hidden] { display: none !important; }
.sender-completion { padding: 112px 24px 36px; }
.sender-completion :is(.completion-brand,#completion-title) { color: var(--setting-ink); text-shadow: var(--setting-text-shadow); }
.completion-content { width: min(740px,100%); grid-template-rows: auto auto minmax(60px,auto); gap: 22px; }
.sender-completion :is(.completion-new,.sender-book)[hidden] { display: none !important; }
.completion-card-stage { grid-row: 2; width: 100%; max-width: 720px; aspect-ratio: 3 / 2; }
#completion-title { grid-row: 1; width: 100%; max-width: 680px; margin: 0; font: 400 clamp(30px,4.5vw,46px)/1.25 var(--font-display); letter-spacing: -.6px; }
.sender-completion .completion-new { grid-row: 2; align-self: center; position: relative; display: block; width: 100%; max-width: 720px; aspect-ratio: 3 / 2; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; color: #242923; cursor: pointer; transition: transform 180ms ease; }
.completion-stack-art { display: block; width: 100%; height: auto; pointer-events: none; user-select: none; }
.completion-new .completion-card-copy { position: absolute; inset: 20% 20% 20% 16%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: clamp(8px,1.5vw,16px); margin: 0; }
.completion-new .completion-card-emblem { width: clamp(28px,5vw,46px); height: clamp(28px,5vw,46px); margin: 0; background: var(--accent); mask: var(--logo-art) center / contain no-repeat; }
.completion-new .completion-card-label { max-width: 100%; margin: 0; font: 400 clamp(23px,4.5vw,42px)/1.15 var(--font-display); text-wrap: balance; letter-spacing: -.5px; }
.completion-new .completion-card-arrow { display: grid; place-items: center; width: clamp(32px,5vw,44px); height: clamp(32px,5vw,44px); margin: 0; border-radius: 50%; background: var(--accent); color: #fffaf0; font: 25px/1 Georgia,serif; }
.sender-completion .completion-new:hover { background: transparent; transform: translateY(-4px); }
.sender-completion .completion-new:focus-visible { outline: 3px solid var(--accent); outline-offset: 4px; border-radius: 10px; }
.sender-completion .sender-book { grid-row: 3; display: inline-flex; align-items: center; justify-content: center; gap: 12px; width: auto; max-width: 100%; margin: 0; padding: 8px 12px; }
.sender-completion .sender-book svg { flex: 0 0 40px; width: 40px; }
.sender-completion .sender-book-label { margin: 0; color: var(--setting-muted); text-shadow: var(--setting-text-shadow); font: 14px/1.5 var(--font-body); text-align: left; }
@media (max-width: 600px) {
  .sender-completion { padding: 92px 16px 28px; }
  .completion-content { grid-template-rows: auto auto minmax(60px,auto); gap: 18px; }
  .sender-completion .completion-new { margin: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .sender-completion .completion-new { transition: none; }
  .sender-completion .completion-new:hover { transform: none; }
}