/* Published pre-audit composition: original artwork, independent live text. */
#outbound.outbound-published { display:block; width:100%; height:auto; min-height:0; padding:clamp(12px,2.6vw,51px); background:#fbfaf7; }
#outbound .outbound-reference-frame { position:relative; container-type:inline-size; width:100%; max-width:1840px; margin-inline:auto; aspect-ratio:1942 / 809; overflow:hidden; border:1px solid #d4d9d5; border-radius:25px; background:#faf9f7; }
#outbound .outbound-reference-art { position:absolute; inset:0; background:url('/assets/outbound-paper-concept-neutral.png') center / 100% 100% no-repeat; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1942 809'%3E%3Cdefs%3E%3Cfilter id='soft'%3E%3CfeGaussianBlur stdDeviation='12'/%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M854 -80H2022V889H680V405L854 324Z' fill='white' filter='url(%23soft)'/%3E%3C/svg%3E"); mask-size:100% 100%; }
#outbound .outbound-reference-copy { --ou:calc(100cqw / 1942); }
#outbound .outbound-reference-copy > * { position:absolute; left:calc(80 * var(--ou)); margin:0; }
#outbound .outbound-reference-copy .eyebrow { top:calc(119 * var(--ou)); display:flex; align-items:center; gap:calc(12 * var(--ou)); color:#004d3f; font-size:calc(16 * var(--ou)); font-weight:600; letter-spacing:.18em; line-height:1; }
#outbound .outbound-reference-copy .eyebrow i { width:calc(17 * var(--ou)); height:calc(17 * var(--ou)); flex:0 0 auto; border-radius:50%; background:#004d3f; }
#outbound .outbound-reference-copy h2 { top:calc(165 * var(--ou)); color:#090c0b; font-family:var(--display); font-size:calc(100 * var(--ou)); line-height:1.04; letter-spacing:-.045em; font-weight:600; }
#outbound .outbound-reference-copy h2 span { display:block; margin-top:calc(10 * var(--ou)); color:#777978; font-size:calc(57 * var(--ou)); line-height:1.1; font-weight:450; letter-spacing:-.035em; }
#outbound .outbound-reference-rates { top:calc(375 * var(--ou)); display:flex; gap:calc(32 * var(--ou)); color:#004d3f; }
#outbound .outbound-reference-rates > div:first-child { width:calc(234 * var(--ou)); border-right:1px solid #c9cbca; }
#outbound .outbound-reference-rates strong { display:block; font-size:calc(54 * var(--ou)); line-height:1; font-weight:600; letter-spacing:-.04em; }
#outbound .outbound-reference-rates span { display:block; margin-top:calc(8 * var(--ou)); color:#555b58; font-size:calc(21 * var(--ou)); line-height:1.25; letter-spacing:-.02em; }
#outbound .outbound-reference-body { top:calc(531 * var(--ou)); color:#515653; font-size:calc(24 * var(--ou)); line-height:1.29; letter-spacing:-.025em; }
#outbound .outbound-reference-takeaway { top:calc(658 * var(--ou)); color:#004d3f; font-size:calc(29 * var(--ou)); font-weight:600; line-height:1.2; letter-spacing:-.025em; }
#outbound .outbound-reference-takeaway i { display:block; width:calc(43 * var(--ou)); height:calc(3 * var(--ou)); margin-bottom:calc(22 * var(--ou)); background:#004d3f; }
@media(max-width:760px) {
 #outbound.outbound-published { padding:12px; }
 #outbound .outbound-reference-frame { display:flex; flex-direction:column; aspect-ratio:auto; padding:26px 22px 12px; border:1px solid #dce0d8; border-radius:16px; }
 #outbound .outbound-reference-copy { order:0; }
 #outbound .outbound-reference-copy > * { position:static; margin:0; }
 #outbound .outbound-reference-copy .eyebrow { gap:10px; font-size:12px; }
 #outbound .outbound-reference-copy .eyebrow i { width:12px; height:12px; }
 #outbound .outbound-reference-copy h2 { margin:24px 0; font-size:38px; line-height:1.05; }
 #outbound .outbound-reference-copy h2 span { margin-top:8px; font-size:28px; }
 #outbound .outbound-reference-rates { gap:18px; }
 #outbound .outbound-reference-rates > div:first-child { width:50%; padding-right:14px; }
 #outbound .outbound-reference-rates strong { font-size:34px; }
 #outbound .outbound-reference-rates span { margin-top:8px; font-size:12px; }
 #outbound .outbound-reference-body { margin-top:26px; font-size:16px; line-height:1.5; }
 #outbound .outbound-reference-break { display:none; }
 #outbound .outbound-reference-takeaway { margin-top:24px; font-size:20px; }
 #outbound .outbound-reference-takeaway i { width:33px; height:3px; margin-bottom:14px; }
 #outbound .outbound-reference-art { order:1; position:relative; inset:auto; width:calc(100% + 16px); margin:16px -8px 0; aspect-ratio:1.78; background-size:157% auto; background-position:right center; mask-image:none; clip-path:polygon(12% 0,100% 0,100% 100%,0 100%,0 50%,12% 35%); }
}