.completion-offer{border-block:1px solid #cdd4cd;padding-block:32px;margin-block:40px;color:#213732}
.completion-offer>h2{font:450 clamp(1.9rem,3vw,2.4rem)/1.15 Newsreader,Georgia,serif;letter-spacing:-.025em;text-wrap:balance;max-width:24ch;margin:0 0 16px}
.completion-offer>p{max-width:65ch}.completion-toolbar{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:22px 0}
.completion-toolbar label{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:.9rem}.completion-toolbar select{font:inherit;min-height:44px;padding:8px 12px;border:1px solid #91a097;border-radius:6px;background:#fffefa;color:#213732}
.completion-toolbar p{flex:1;min-width:200px;margin:0;font-size:.9rem;color:#425950}.completion-case{min-width:0;display:flex;flex-direction:column;background:#fffefa;border:1px solid #cdd4cd;border-radius:12px;overflow:hidden}
.completion-case>img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover}.completion-case>div{padding:22px;display:flex;flex-direction:column;flex:1}
.completion-case h3{font:450 1.5rem/1.2 Newsreader,Georgia,serif;letter-spacing:-.02em;margin:0 0 12px;text-wrap:balance}.completion-case p{font-size:1rem;line-height:1.55;margin:0 0 16px}
.completion-case .completion-case-details{font-size:.85rem;color:#56655e;margin-top:auto}.completion-case .completion-price{display:flex;gap:12px;align-items:baseline;font-size:1.2rem;font-weight:650;font-variant-numeric:tabular-nums;margin:0 0 16px}.completion-price s{font-size:.85rem;color:#56655e;font-weight:400}
.completion-case .button{display:block;min-height:48px;text-align:center;background:#204c41;color:#fffefa;border-radius:6px;padding:12px 14px;text-decoration:none;font-weight:600;line-height:1.4}.completion-case .button:hover{background:#316354}
.completion-offer .completion-terms{font-size:.85rem;color:#56655e;margin:20px 0 0}.completion-recovery{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 22px}.completion-recovery button{min-height:44px}.completion-recovery a,.completion-offer-notice a{display:inline-flex;align-items:center;min-height:44px;padding:8px 4px;color:#204c41}
.completion-offer :focus-visible,.completion-offer-notice :focus-visible{outline:3px solid #994018;outline-offset:4px}
.completion-offer-notice{padding:18px 20px;border:1px solid #b8c9bb;border-radius:12px;background:#e6eee5;color:#213732;margin:22px 0 18px;font:1rem/1.5 'Source Sans 3',Arial,sans-serif}
.completion-offer-notice strong{display:block;font-weight:650;margin-bottom:4px}.completion-offer-notice p{margin:0}.completion-offer-notice .completion-terms{font-size:.875rem;margin-top:8px}.completion-offer-notice button{margin:12px 12px 0 0;min-height:44px;padding:8px 12px;font:inherit;border:1px solid #91a097;border-radius:6px;background:#fffefa;color:#204c41;cursor:pointer}
.completion-original-price{font:400 .55em/1.4 'Source Sans 3',Arial,sans-serif;color:#56655e;margin-left:12px;white-space:nowrap}
@media(max-width:580px){.completion-offer{padding-block:26px}.completion-toolbar{align-items:flex-start;gap:12px}.completion-toolbar p{flex-basis:100%}.completion-case>div{padding:20px}.completion-case>img{aspect-ratio:1.7}.completion-case .button{width:100%}.completion-offer-notice{padding:16px}}
/* Next-case hand-off: one centred reading column. The featured card holds an excerpt
   (Eli's letter) from the next case; the second case is a compact row beneath it. */
.completion-offer .completion-kicker,.completion-label{font:600 .8rem/1.4 'Source Sans 3',Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#56655e;margin:0 0 10px}
.completion-offer>.completion-case{margin-top:24px}
.completion-featured>img{aspect-ratio:16/9}
.completion-featured>div{padding:26px 28px 28px}
.completion-featured h3{font-size:1.75rem;margin-bottom:8px}
.completion-case .completion-hook{font-size:1.05rem;margin-bottom:22px}
.completion-letter{position:relative;margin:0 0 22px;padding:22px 24px 20px;background:#f7f4ec;border:1px solid #ddd6c6;border-left:4px solid #b9a77f;border-radius:2px}
.completion-letter figcaption{font:600 .78rem/1.4 'Source Sans 3',Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#6d5d3d;margin:0 0 14px}
.completion-letter blockquote{margin:0;font:1.12rem/1.6 Newsreader,Georgia,serif;color:#213732}.completion-letter blockquote p{margin:0 0 .9em}
.completion-letter .completion-signature{margin:0;font-style:italic}
.completion-saving{display:flex;flex-wrap:wrap;gap:2px 8px;align-items:baseline;margin:0 0 14px!important;padding:12px 16px;border-left:4px solid #994018;background:#f6efe6;color:#213732;font:1rem/1.5 'Source Sans 3',Arial,sans-serif}
.completion-saving[hidden]{display:none}.completion-saving strong{font-weight:700}
.completion-alternative{flex-direction:row;background:transparent}
.completion-alternative>img{flex:0 0 32%;width:32%;aspect-ratio:auto;object-fit:cover}
.completion-alternative>div{padding:20px 22px}.completion-alternative h3{font-size:1.3rem;margin-bottom:8px}
.completion-case .button-secondary{background:transparent;color:#204c41;border:1px solid #204c41}.completion-case .button-secondary:hover{background:#e6eee5;color:#204c41}
.completion-offer .completion-toolbar{margin-top:24px}
@media(max-width:580px){.completion-featured>div{padding:20px}.completion-featured h3{font-size:1.5rem}.completion-letter{padding:18px 16px}.completion-letter blockquote{font-size:1.05rem}.completion-alternative{flex-direction:column}.completion-alternative>img{width:100%;aspect-ratio:1.7}.completion-alternative>div{padding:20px}}
@media print{.completion-offer,.completion-offer-notice{display:none}}
