/* CareerPilot bilingual referral placements. Scoped to avoid affecting ad layouts. */
.cp-promo{display:flex;align-items:center;gap:20px;padding:20px 24px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 8px 26px rgba(17,42,88,.055);min-width:0}
.ad-detail-page>.cp-promo{margin-top:28px}
.cp-home-promo{padding-top:12px;padding-bottom:12px}
.cp-promo-icon{width:62px;height:62px;display:grid;place-items:center;flex:0 0 62px;border-radius:15px;color:var(--primary);background:var(--primary-soft)}
.cp-promo-copy{flex:1;min-width:0}
.cp-kicker{display:block;color:var(--primary);font-size:.73rem;font-weight:800;letter-spacing:.07em;line-height:1.35}
.cp-promo h2{font-size:clamp(1.04rem,1.5vw,1.3rem);line-height:1.25;margin:5px 0 6px}
.cp-promo p{font-size:.9rem;color:var(--muted);line-height:1.6;margin:0;max-width:74ch}
.cp-promo-action{white-space:normal;max-width:260px;text-align:center;flex:0 0 auto;justify-content:center}
.cp-landing{padding-top:26px}
.cp-landing-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.8fr);align-items:center;gap:clamp(20px,4vw,55px);padding:20px 0 30px}
.cp-intro h1{font-size:clamp(2rem,4vw,3.55rem);line-height:1.12;letter-spacing:-.035em;max-width:16ch;margin:14px 0 18px}
.cp-intro .cp-lead{font-size:clamp(1rem,1.5vw,1.16rem);line-height:1.75;color:var(--muted);max-width:65ch;margin:0 0 20px}
.cp-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.cp-note,.cp-frame-note{font-size:.85rem;color:var(--muted);line-height:1.65}
.cp-value{border:1px solid var(--line);border-radius:20px;padding:25px;background:var(--surface);box-shadow:var(--shadow)}
.cp-value>div{display:flex;align-items:flex-start;gap:14px;padding:14px 0}.cp-value>div+div{border-top:1px solid var(--line)}
.cp-value p{margin:4px 0 0;color:var(--muted);line-height:1.6;font-size:.9rem}
.cp-value strong{font-size:1rem}.cp-value-symbol{flex:0 0 28px;height:28px;display:grid;place-items:center;border-radius:50%;color:var(--success);background:var(--success-bg);font-weight:bold}
.cp-checker-section{scroll-margin-top:95px}.cp-section-heading{max-width:810px;margin-bottom:20px}.cp-section-heading h2,.cp-upgrade-section h2{font-size:clamp(1.5rem,2.6vw,2.4rem);line-height:1.2;margin:9px 0 10px}.cp-section-heading p,.cp-upgrade-section p{color:var(--muted);line-height:1.75}
.cp-iframe-shell{position:relative;min-width:0;overflow:hidden;max-width:1040px;margin-inline:auto;border-radius:16px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}
.cp-iframe-shell iframe{display:block;border:0;width:100%;min-height:820px;height:900px;background:#fff;scrollbar-gutter:stable}
.cp-language-note{padding:15px 18px;border:1px solid var(--line);border-radius:12px;max-width:1040px;margin-inline:auto;background:var(--surface-2);font-size:.92rem;line-height:1.65}
.cp-frame-note{text-align:center;margin:12px auto 0}
.cp-steps{list-style:none;counter-reset:cp-steps;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0;margin:18px 0 0}
.cp-steps li{counter-increment:cp-steps;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px;min-width:0}
.cp-steps li:before{content:counter(cp-steps);display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);width:36px;height:36px;border-radius:50%;font-weight:800;margin-bottom:13px}
.cp-steps h3{font-size:1.05rem;margin:0 0 7px}.cp-steps p{font-size:.91rem;line-height:1.7;color:var(--muted);margin:0}
.cp-upgrade-section{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(270px,.75fr);gap:26px;align-items:start}
.cp-benefits{display:grid;gap:9px;padding-left:19px;margin:18px 0 23px;line-height:1.6}
.cp-related{padding:24px;border-radius:18px;background:var(--surface-2);border:1px solid var(--line)}.cp-related h3{margin:0 0 12px;font-size:1.12rem}.cp-related p{font-size:.93rem}.cp-related-links{display:grid;gap:10px}
@media(max-width:950px){.cp-promo{flex-wrap:wrap}.cp-promo-action{flex:1 1 100%;max-width:100%}.cp-landing-hero{grid-template-columns:1fr}.cp-value{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.cp-value>div{padding:0;display:flex}.cp-value>div+div{border-top:0}.cp-upgrade-section{grid-template-columns:1fr}}
@media(max-width:640px){.cp-promo{padding:17px;gap:12px}.cp-promo-icon{width:44px;height:44px;flex-basis:44px;border-radius:12px}.cp-promo-icon svg{width:27px;height:27px}.cp-promo-copy{flex:1 1 calc(100% - 60px)}.cp-promo h2{font-size:1.05rem}.cp-promo p{font-size:.86rem}.cp-promo-action{width:100%;min-height:44px}.cp-intro h1{max-width:none}.cp-value{grid-template-columns:1fr;gap:0}.cp-value>div{padding:11px 0}.cp-value>div+div{border-top:1px solid var(--line)}.cp-hero-actions .btn{width:100%;justify-content:center}.cp-steps{grid-template-columns:1fr}.cp-iframe-shell iframe{height:790px}.cp-landing{padding-top:17px}.cp-related{padding:18px}}

.cp-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cp-faq-grid article{padding:20px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}
.cp-faq-grid h3{font-size:1rem;margin:0 0 8px}.cp-faq-grid p{font-size:.92rem;color:var(--muted);line-height:1.75;margin:0}
@media(max-width:640px){.cp-faq-grid{grid-template-columns:1fr}}

/* Unicode-independent CTA icon. Prevents corrupted character glyphs. */
.cp-promo-arrow{width:17px;height:17px;flex:0 0 17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-left:8px}