.invoice-guide h1{font-size:clamp(42px,5.4vw,64px);line-height:1.04;letter-spacing:-.055em}
.invoice-guide .hero{padding:56px 0 30px}
.invoice-stage-links{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}
.invoice-stage-links a{padding:9px 13px;border:1px solid var(--line);border-radius:12px;background:var(--paper);text-decoration:none;font-size:15px;font-weight:700}
.invoice-stage-links a:hover{background:var(--accent-soft)}
.invoice-template{padding:24px;scroll-margin-top:24px}
.invoice-template h3{font-size:22px;line-height:1.25}
.invoice-email{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:16px;line-height:1.7;margin:20px 0;color:var(--ink)}
.invoice-template-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.invoice-copy{cursor:pointer;flex-shrink:0}
.invoice-copy[hidden]{display:none}
.invoice-copy:disabled{cursor:wait;opacity:.7}
.invoice-copy-status{font-size:14px;color:var(--muted);margin:0;flex:1;min-width:170px}
.invoice-guide :is(a,button):focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.invoice-guide .callout.dark .btn{color:var(--ink)}
.invoice-guide .callout.dark .btn.primary{background:var(--paper);color:var(--ink);border-color:var(--paper)}
@media(max-width:600px){.invoice-template{padding:18px}.invoice-guide h1{font-size:42px}.invoice-stage-links a{flex:1 1 140px}.invoice-template-actions .btn{width:auto}}