/* ChatGPT Ads India article (22 Oct 2026, worker bb2d1954). Prefix cga. Builds on /blog/fmtc/cr-viz.css (crv). Brand: ink #111111, orange #FF6B00, cream #FFF8F1. */
/* calculator */
.cga-calc .cga-fs{border:1px solid #eadfd3;border-radius:14px;padding:12px 14px 4px;margin:0 0 14px;background:#fff}
.cga-calc .cga-fs legend{padding:0 6px;font:600 .72rem/1.2 var(--sans,system-ui);letter-spacing:.12em;text-transform:uppercase;color:#FF6B00}
.cga-calc .cga-fs--m{background:#f6f3ef}
.cga-calc .cga-fs--m legend{color:#111}
.cga-sel select{width:100%;border:0;background:transparent;font:inherit;font-size:1rem;padding:10px 4px;color:inherit;min-height:44px}
.cga-cpm{display:none}.cga-cpm.is-on{display:contents}
.cga-out p.cga-out__w output{color:#FF6B00}
.cga-vsbar{margin:12px 0 4px;display:grid;gap:8px}
.cga-vsbar p{margin:0;display:grid;grid-template-columns:72px 1fr auto;gap:10px;align-items:center;font-size:.88rem}
.cga-vsbar i{display:block;height:12px;border-radius:999px;background:#eee6dc;overflow:hidden}
.cga-vsbar em{display:block;height:100%;width:2%;border-radius:999px;background:#FF6B00;transition:width .6s cubic-bezier(.2,.7,.2,1)}
.cga-vsbar p+p em{background:#111}
.cga-vsbar output{font-weight:600;white-space:nowrap}
@media (max-width:520px){.cga-vsbar p{grid-template-columns:58px 1fr auto}}

/* the click path */
.cga-p__brk{display:grid;grid-template-columns:3fr 4fr;gap:10px;margin:0 0 12px}
.cga-p__brk span{font:600 .7rem/1.2 var(--sans,system-ui);letter-spacing:.12em;text-transform:uppercase;padding:7px 10px;border-radius:999px;text-align:center}
.cga-p__brk .ad{background:#2b2b2b;color:#cfc8c0}.cga-p__brk .you{background:rgba(255,107,0,.16);color:#FF6B00;border:1px solid rgba(255,107,0,.4)}
.cga-p__l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,1fr);gap:10px;position:relative}
.cga-p__l::before{content:"";position:absolute;left:4%;right:4%;top:21px;height:3px;background:linear-gradient(90deg,#55504b 0 42%,#FF6B00 42% 100%);transform-origin:left;transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}
.cga-p__n{position:relative;z-index:1;text-align:center;transition:opacity .5s ease calc(var(--i)*.18s),transform .5s ease calc(var(--i)*.18s)}
.cga-p__n b{display:flex;flex-direction:column;align-items:center;gap:8px;font:400 1.08rem/1.1 var(--serif,Georgia);color:#fff}
.cga-p__n b em{font:700 .8rem/1 var(--sans,system-ui);font-style:normal;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#2b2b2b;color:#f5efe8;border:3px solid #111}
.cga-p__n--you b em{background:#FF6B00;color:#111}
.cga-p__n span{display:block;margin-top:6px;font-size:.78rem;line-height:1.35;color:#cfc8c0}
.cga-p__leak{display:flex;justify-content:center;gap:4px;margin-top:8px;height:22px}
.cga-p__leak i{width:8px;height:10px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:#FF6B00;animation:cgaDrip 2.2s ease-in infinite}
.cga-p__leak i:nth-child(2){animation-delay:.5s}.cga-p__leak i:nth-child(3){animation-delay:1s}
@keyframes cgaDrip{0%{transform:translateY(-4px);opacity:0}25%{opacity:1}100%{transform:translateY(14px);opacity:0}}
.cga-p__key{margin:16px 0 0;display:flex;align-items:center;gap:10px;font-size:.9rem;color:#f5efe8}
.cga-p__leak--k{margin:0;flex:none}
.crv-js .cga-p:not(.is-in) .cga-p__l::before{transform:scaleX(0)}
.crv-js .cga-p:not(.is-in) .cga-p__n{opacity:0;transform:translateY(10px)}
@media (max-width:760px){
 .cga-p__brk{display:none}
 .cga-p__l{grid-template-columns:1fr;gap:0;padding-left:4px}
 .cga-p__l::before{left:25px;right:auto;top:10px;bottom:10px;width:3px;height:auto;background:linear-gradient(180deg,#55504b 0 40%,#FF6B00 40% 100%);transform-origin:top}
 .crv-js .cga-p:not(.is-in) .cga-p__l::before{transform:scaleY(0)}
 .cga-p__n{display:grid;grid-template-columns:48px 1fr;gap:2px 12px;text-align:left;padding:6px 0}
 .cga-p__n b{grid-column:1/3;flex-direction:row;gap:12px}
 .cga-p__n span{grid-column:2;margin-top:-10px}
 .cga-p__n .cga-p__leak{grid-column:2;justify-content:flex-start;margin-top:2px}
 .cga-p__n--you:nth-child(4)::before{content:"Your part";position:absolute;right:0;top:12px;font:600 .64rem/1 var(--sans,system-ui);letter-spacing:.12em;text-transform:uppercase;color:#FF6B00}}
@media (prefers-reduced-motion:reduce){.cga-p__leak i{animation:none;opacity:1}.cga-p__n,.cga-p__l::before{transition:none!important}}

/* sponsored answer mock */
.cga-ans{background:#262626;border-radius:14px;padding:10px 12px;color:#e9e3dc;font-size:.84rem;line-height:1.4}
.cga-ans p{margin:0 0 8px}
.cga-ans i{display:block;height:7px;border-radius:4px;background:#3c3c3c;margin:6px 0}.cga-ans i.s{width:60%}
.cga-spon{position:relative;background:#fffaf3;border:2px solid #FF6B00;border-radius:14px;padding:10px 12px;color:#111;box-shadow:0 0 0 4px rgba(255,107,0,.15)}
.cga-spon__k{display:inline-block;font:600 .64rem/1 var(--sans,system-ui);letter-spacing:.1em;text-transform:uppercase;color:#7a736b;margin-bottom:6px}
.cga-spon__r{display:flex;gap:10px;align-items:center}
.cga-spon__img{flex:none;width:42px;height:42px;border-radius:10px;background:linear-gradient(135deg,#ffd9bd,#FF6B00)}
.cga-spon__r p{margin:0;font-size:.82rem;line-height:1.3}.cga-spon__r b{display:block}.cga-spon__r span{color:#5b5550}
.cga-spon__go{position:absolute;right:10px;top:8px;font:600 .72rem/1 var(--sans,system-ui);background:#111;color:#fff;padding:5px 9px;border-radius:999px}
.crv-js .cga-mock:not(.is-in) .cga-spon{transform:translateY(16px);opacity:0}
.cga-mock .cga-spon{transition:transform .8s cubic-bezier(.2,.7,.2,1) .5s,opacity .8s ease .5s}

/* page mock */
.cga-pg{background:#fff;border-radius:12px;padding:10px;color:#111;font-size:.82rem;min-height:200px}
.cga-pg__ban{background:#7a2a2a;color:#fff;font-weight:700;text-align:center;padding:16px 6px;border-radius:8px;letter-spacing:.04em;font-size:.76rem}
.cga-pg__grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0}.cga-pg__grid i{height:44px;border-radius:6px;background:#eee}
.cga-pg__l{margin:0;font-weight:600}.cga-pg__m{margin:4px 0 0;color:#a33}
.cga-pg__img{display:block;height:70px;border-radius:8px;background:linear-gradient(135deg,#ffe3cc,#ffb27a)}
.cga-pg__h{margin:8px 0 2px;font-weight:700;font-size:.92rem}
.cga-pg__p{margin:0;font:400 1.4rem/1.1 var(--serif,Georgia)}.cga-pg__p small{font:400 .78rem var(--sans,system-ui);color:#5b5550}
.cga-pg ul{margin:6px 0 8px;padding-left:18px;color:#333}.cga-pg li{margin:1px 0}
.cga-pg__btn,.cga-pg__wa{display:block;text-align:center;border-radius:999px;padding:8px;font-weight:700;margin-top:6px}
.cga-pg__btn{background:#FF6B00;color:#111}.cga-pg__wa{background:#e8f6ec;color:#11502a}

/* WhatsApp mock */
.cga-t{display:block;font-size:.66rem;opacity:.7;margin-top:3px}
.cga-gap{align-self:center;margin:2px 0;font:600 .7rem/1 var(--sans,system-ui);letter-spacing:.08em;text-transform:uppercase;color:#ffb4a8;background:#3a1d1d;padding:5px 10px;border-radius:999px}

/* side by side */
.cga-vs__hd,.cga-vs__r{display:grid;grid-template-columns:1.1fr 1.45fr 1.45fr;gap:10px}
.cga-vs__hd{margin-bottom:6px}
.cga-vs__hd b{font:600 .74rem/1.2 var(--sans,system-ui);letter-spacing:.1em;text-transform:uppercase;padding:8px 10px;border-radius:10px;text-align:center}
.cga-vs__hd .a{background:#FF6B00;color:#111}.cga-vs__hd .b{background:#111;color:#fff}
.cga-vs__r{padding:10px 0;border-top:1px solid #eadfd3}
.cga-vs__r p{margin:0;font-size:.92rem;line-height:1.4}
.cga-vs__k{font-weight:700;color:#111}
.cga-vs__a{background:rgba(255,107,0,.08);border-radius:8px;padding:6px 8px}
.cga-vs__b{background:#f3efea;border-radius:8px;padding:6px 8px}
@media (max-width:620px){
 .cga-vs__hd{display:none}
 .cga-vs__r{grid-template-columns:1fr 1fr;gap:6px 8px}
 .cga-vs__k{grid-column:1/3}
 .cga-vs__a::before{content:"ChatGPT Ads";display:block;font:600 .64rem/1.3 var(--sans,system-ui);letter-spacing:.1em;text-transform:uppercase;color:#FF6B00}
 .cga-vs__b::before{content:"Meta ads";display:block;font:600 .64rem/1.3 var(--sans,system-ui);letter-spacing:.1em;text-transform:uppercase;color:#111}}
/* tables: blog.css keeps the last column on one line, which clips on phones */
.b-art--cga .cr-t td,.b-art--cga .cr-t td:last-child,.b-art--cga .cr-t th:last-child{white-space:normal}