.ows-cpg{--card:#E4DBCC;--row:#FFFFFF;--line:#DAD0BF;--ink:#2B2A28;--ink-dim:#6B6862;--ink-faint:#9A948A;--orange:#FF8616;--blue-deep:#4E93B0;
  --display:'Knockout-Heavy','Knockout','Oswald',system-ui,sans-serif;
  --body:'Helvetica Neue',Arial,sans-serif;
  max-width:1140px;margin:0 auto 10px;padding:0 20px;box-sizing:border-box;color:var(--ink)}
.ows-cpg *{box-sizing:border-box}
.ows-cpg .cpg-box{background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.ows-cpg .cpg-box>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;
  padding:14px 18px;background:var(--ink);color:#fff}
.ows-cpg .cpg-box>summary::-webkit-details-marker{display:none}
.ows-cpg .cpg-sum-t{font-family:var(--display);font-size:15px;letter-spacing:.06em;text-transform:uppercase;line-height:1}
.ows-cpg .cpg-sum-t b{color:var(--orange);font-weight:inherit}
.ows-cpg .cpg-sum-x{margin-left:auto;font-family:var(--body);font-size:11px;letter-spacing:.08em;
  text-transform:uppercase;color:#C9C4BC;white-space:nowrap}
.ows-cpg .cpg-box[open] .cpg-sum-x .s-open{display:none}
.ows-cpg .cpg-box:not([open]) .cpg-sum-x .s-shut{display:none}
.ows-cpg .cpg-in{padding:22px 22px 20px}
.ows-cpg p{font-family:var(--body);font-size:15px;line-height:1.55;color:var(--ink);margin:0 0 12px}
/* Kept as a fallback: if older markup is ever served (an OPcache lag, a stale
   copy in page content), the lede still reads as a lede rather than raw text. */
.ows-cpg .cpg-lede{font-family:var(--body);font-size:18px;line-height:1.5;font-weight:700;
  color:var(--ink);max-width:900px;margin:0}
/* The hook. A white panel on the tan card with an orange rule, matching the
   .ask cards below it, so the eye catches it before it starts reading. */
.ows-cpg .cpg-hook{background:var(--row);border:1px solid var(--line);border-left:4px solid var(--orange);
  border-radius:8px;padding:17px 20px 18px;margin:0}
/* One continuous thought, three beats, each on its own line (Aaron, 2026-09-23).
   Deliberately ONE font, one size, one colour: the rhythm does the work, not a
   type change. Sized between body copy and a headline, nearer the body end. */
.ows-cpg .cpg-line{font-family:var(--body);font-size:19px;line-height:1.45;font-weight:600;
  color:var(--ink);max-width:70ch;margin:0 0 7px}
.ows-cpg .cpg-line:last-child{margin-bottom:0}
.ows-cpg h3{font-family:var(--display);font-size:16px;letter-spacing:.05em;text-transform:uppercase;
  margin:0 0 12px;color:var(--ink);line-height:1.1}
.ows-cpg .cpg-cols{display:grid;grid-template-columns:1fr;gap:26px;margin-top:24px}
@media (min-width:900px){.ows-cpg .cpg-cols{grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:40px;align-items:start}}
.ows-cpg .cpg-vid .twitter-tweet{margin:0 auto !important}
.ows-cpg .cpg-vid blockquote{background:var(--row);border:1px solid var(--line);border-radius:8px;
  margin:0;padding:16px 18px;font-family:var(--body);font-size:14px;line-height:1.5;color:var(--ink-dim)}
.ows-cpg .cpg-vid blockquote.twitter-tweet-rendered{background:none;border:0;padding:0}
.ows-cpg .cpg-cap{font-family:var(--body);font-size:13px;color:var(--ink-dim);margin:10px 0 0;line-height:1.5}
.ows-cpg .cpg-cap a{color:var(--blue-deep);text-decoration:underline}
.ows-cpg ol.cpg-steps{margin:0;padding:0;list-style:none;counter-reset:cpg}
.ows-cpg ol.cpg-steps li{counter-increment:cpg;position:relative;padding:0 0 13px 32px;
  font-family:var(--body);font-size:15px;line-height:1.5;color:var(--ink-dim);list-style:none}
.ows-cpg ol.cpg-steps li::before{content:counter(cpg) ".";position:absolute;left:0;top:0;
  font-family:var(--display);font-size:15px;color:var(--orange);line-height:1.5}
.ows-cpg ol.cpg-steps li b{color:var(--ink);font-weight:700}
.ows-cpg .cpg-asks{display:grid;grid-template-columns:1fr;gap:14px;margin-top:28px}
@media (min-width:900px){.ows-cpg .cpg-asks{grid-template-columns:repeat(3,1fr)}}
.ows-cpg .ask{background:var(--row);border:1px solid var(--line);border-top:3px solid var(--orange);
  border-radius:8px;padding:16px 18px 15px}
.ows-cpg .ask h4{font-family:var(--body);font-size:17px;font-weight:700;margin:0 0 7px;color:var(--ink);line-height:1.3}
.ows-cpg .ask .use{font-family:var(--display);font-size:12px;letter-spacing:.07em;text-transform:uppercase;
  color:var(--ink-faint);margin:0 0 7px}
.ows-cpg .ask p.body{font-size:14px;line-height:1.5;margin:0;color:var(--ink-dim)}
.ows-cpg .ask p.body span{color:var(--ink-faint)}
.ows-cpg .cpg-fine{margin:20px 0 0;font-family:var(--body);font-size:13px;line-height:1.6;color:var(--ink-faint)}
.ows-cpg .cpg-fine b{color:var(--ink-dim)}
/* The join prompt under the explainer, for a visitor without access. */
.ows-cpg-cta{margin-top:14px}
.ows-cpg .cpg-cta-box{background:var(--ink);color:#fff;border-radius:10px;padding:22px 24px 24px}
.ows-cpg .cpg-cta-k{font-family:var(--display);font-size:12px;letter-spacing:.09em;text-transform:uppercase;
  color:var(--orange);margin:0 0 8px}
.ows-cpg .cpg-cta-h{font-family:var(--body);font-size:20px;font-weight:600;line-height:1.35;color:#fff;margin:0 0 6px}
.ows-cpg .cpg-cta-b{font-family:var(--body);font-size:15px;line-height:1.5;color:#C9C4BC;margin:0 0 16px}
.ows-cpg .cpg-cta-btn{display:inline-block;background:var(--orange);color:#1b1a18;text-decoration:none;
  font-family:var(--display);font-size:15px;letter-spacing:.06em;text-transform:uppercase;
  padding:12px 22px;border-radius:6px}
.ows-cpg .cpg-cta-btn:hover{filter:brightness(1.07)}
.ows-cpg .cpg-cta-alt{font-family:var(--body);font-size:14px;line-height:1.5;color:#9A948A;margin:12px 0 0}
.ows-cpg .cpg-cta-alt a{color:#ffc58f;text-decoration:underline}

/* An Offer Manager campaign re-hosted in the same slot, when one is aimed at the
   cascading-projections-cta placement. The controller ships a LIGHT card and this
   slot is dark, so without forcing these the headline and the button land
   ink-on-ink and disappear — the same trap the free-tools band hit. Every rule
   below is scoped to .stx-cp-offer, so nothing here reaches the offer anywhere
   else on the site. Geometry deliberately mirrors .cpg-cta-box above. */
.stx-cp-offer .ows-ma-contextual-strip{background:var(--ink)!important;border:0!important;
  border-radius:10px!important;box-shadow:none!important;margin:0!important;
  padding:22px 24px!important;display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.stx-cp-offer .ows-ma-contextual-copy{flex:1 1 380px;min-width:0}
.stx-cp-offer .ows-ma-contextual-actions{flex:0 0 auto;display:flex;align-items:center;
  gap:12px;flex-wrap:wrap}
.stx-cp-offer .ows-ma-kicker{color:var(--orange)!important;font-family:var(--display);
  font-size:12px;letter-spacing:.09em;text-transform:uppercase}
.stx-cp-offer h2,.stx-cp-offer h3,.stx-cp-offer h4{color:#fff!important;
  margin:4px 0 0!important;font-family:var(--body);font-size:20px;font-weight:600;line-height:1.35}
.stx-cp-offer .ows-ma-body,.stx-cp-offer .ows-ma-body p{color:#C9C4BC!important;
  font-size:15px;line-height:1.5}
.stx-cp-offer .ows-ma-benefits span{color:#C9C4BC!important}
.stx-cp-offer .ows-ma-offer-pill{background:rgba(255,255,255,.12)!important;color:#fff!important}
.stx-cp-offer .ows-ma-primary-button{background:var(--orange)!important;color:#1b1a18!important;
  font-family:var(--display);font-size:15px;letter-spacing:.06em;text-transform:uppercase;
  padding:12px 22px;border-radius:6px;text-decoration:none}
.stx-cp-offer .ows-ma-primary-button:hover{filter:brightness(1.07)}
.stx-cp-offer .ows-ma-contextual-actions a:not(.ows-ma-primary-button),
.stx-cp-offer .ows-ma-contextual-actions button{color:#9A948A!important}
/* The controller's decorative 52px circle. It is the element that draws as a
   wide grey ellipse when a mobile rule stretches it, and it earns nothing here. */
.stx-cp-offer .ows-ma-contextual-icon{display:none!important}
@media (max-width:899.98px){
  .stx-cp-offer .ows-ma-contextual-strip{padding:18px 16px!important;gap:14px}
  .stx-cp-offer .ows-ma-contextual-actions{width:100%}
  .stx-cp-offer .ows-ma-primary-button{width:100%;text-align:center;justify-content:center}
}

@media (max-width:899.98px){
  .ows-cpg{padding:0 14px}
  .ows-cpg .cpg-in{padding:18px 16px 16px}
  .ows-cpg .cpg-sum-t{font-size:13px}
  .ows-cpg .cpg-lede{font-size:16px}
  .ows-cpg .cpg-hook{padding:14px 15px 15px}
  .ows-cpg .cpg-line{font-size:17px;margin-bottom:8px}
}