.example-switches{display:flex;flex-wrap:wrap;gap:8px;padding:12px 24px}.example-switches button{border:1px solid var(--color-neutral-300);border-radius:9px;padding:10px 14px;min-height:44px;background:var(--color-neutral-0);color:var(--color-neutral-900);font-size:.92rem;cursor:pointer}.example-switches button[aria-pressed=true]{background:var(--color-volt-300);color:#191919;border-color:var(--color-volt-300)}.article-tool button:disabled{opacity:.55;cursor:default}.example-help{padding:0 24px;margin:4px 0 20px;font-size:.86rem;line-height:1.65;color:var(--color-neutral-650)}.example-full-field{grid-column:1/-1}.locale-pair{display:grid;gap:14px;padding:4px 24px 16px}.locale-card{min-width:0;background:var(--color-neutral-0);border:1px solid var(--color-neutral-200);border-radius:14px;padding:22px}.locale-label{display:block;font-size:.75rem;font-weight:600;color:var(--color-neutral-650);margin-bottom:16px}.locale-card h3{font-size:1.55rem;line-height:1.3;letter-spacing:-.02em;overflow-wrap:anywhere;margin:0 0 24px;color:var(--color-neutral-900)}.locale-cta{display:inline-block;background:var(--color-neutral-100);border-radius:6px;font-size:.9rem;padding:9px 12px;line-height:1.4;margin:0 0 28px}.locale-reference{display:grid;gap:6px;border-top:1px solid var(--color-neutral-200);padding-top:15px;font-size:.73rem;color:var(--color-neutral-650)}.locale-reference code{font-size:.84rem;color:var(--color-neutral-900)}.example-badge{display:block;margin-top:16px;font-size:.74rem;line-height:1.5;color:var(--color-neutral-900);padding:8px 10px;background:var(--color-neutral-100);border-radius:6px}.example-badge.needs-attention{border-left:3px solid var(--color-volt-600)}.campaign-canvas{margin:12px 24px 26px;padding:14px;background:var(--color-neutral-100);border:1px solid var(--color-neutral-200);border-radius:15px}.campaign-preview{max-width:100%;margin:0 auto;background:#fff;color:#1b211e;border-radius:9px;overflow:hidden}.campaign-canvas.is-narrow .campaign-preview{max-width:320px}.campaign-canvas.is-narrow .campaign-hero h3{font-size:1.65rem}.campaign-brand{padding:16px 20px;font-weight:700;font-size:.94rem;border-bottom:1px solid #e3e7dc;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.campaign-brand span{font-size:.65rem;font-weight:400;color:#586152}.campaign-hero{padding:28px 20px;background:#ecf0df}.campaign-hero>span{font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;color:#556044}.campaign-hero h3{font-size:clamp(1.65rem,4vw,2.45rem);letter-spacing:-.04em;font-weight:600;line-height:1.15;max-width:22ch;margin:14px 0;color:#1b211e;overflow-wrap:anywhere}.campaign-hero p{font-size:.9rem;line-height:1.6;max-width:46ch;margin:0;color:#48533f}.campaign-proof{padding:22px 20px;border-bottom:1px solid #e3e7dc}.campaign-proof>span{font-size:.65rem;color:#66715f}.campaign-proof>div{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:12px}.campaign-proof b{font-size:.83rem;font-weight:600}.campaign-proof p{font-size:.8rem;margin:10px 0 0}.campaign-form{padding:24px 20px;display:grid;grid-template-columns:1fr 1fr;gap:14px 12px}.campaign-form h4{font-size:1.08rem;line-height:1.4;grid-column:1/-1;margin:0 0 2px;font-weight:600;color:#1b211e}.campaign-form label{display:grid;gap:6px;font-size:.75rem;min-width:0}.campaign-form label:has(textarea){grid-column:1/-1}.campaign-form input,.campaign-form textarea{border:1px solid #b4bcb0;border-radius:6px;padding:8px;width:100%;min-width:0;font:inherit;font-size:16px;color:#1b211e;background:#fff}.campaign-form :is(input,textarea,button):focus-visible,.motion-card a:focus-visible{outline:3px solid #4353ff;outline-offset:3px}.campaign-form button{grid-column:1/-1;background:#1b211e;color:#fff;min-height:42px;border-radius:7px;font-size:.8rem;padding:10px;cursor:pointer}.campaign-form p{grid-column:1/-1;font-size:.68rem;color:#66715f;margin:0;line-height:1.55}.is-narrow .campaign-form{grid-template-columns:1fr}.motion-stage{padding:24px;margin:0 24px 26px;background:var(--color-neutral-0);border:1px solid var(--color-neutral-200);border-radius:14px;overflow:hidden}.motion-stage-top>span{display:block;font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;color:var(--color-neutral-650)}.motion-stage-top>b{display:block;font-size:1.6rem;letter-spacing:-.03em;line-height:1.2;margin:10px 0;color:var(--color-neutral-900)}.motion-stage-top>p{font-size:.84rem;line-height:1.6;margin:0 0 24px;color:var(--color-neutral-650)}.motion-cards{display:grid;gap:12px}.motion-card{background:var(--color-neutral-100);border:1px solid var(--color-neutral-200);border-radius:10px;padding:20px;min-width:0}.motion-number{display:inline-block;background:var(--color-volt-300);color:#1b211e;border-radius:6px;padding:5px 7px;font-size:.7rem;font-weight:600}.motion-card h3{font-size:1rem;line-height:1.4;color:var(--color-neutral-900);margin:14px 0 8px}.motion-card p{font-size:.84rem;line-height:1.65;color:var(--color-neutral-650);margin:0 0 18px}.motion-card a{font-size:.77rem;color:var(--color-neutral-900);text-decoration:underline;text-underline-offset:3px;line-height:1.5}.motion-code{padding:22px;margin:24px 0;background:var(--color-neutral-100);border:1px solid var(--color-neutral-200);border-radius:12px;font-size:.8rem;line-height:1.65;white-space:pre;overflow-x:auto;color:var(--color-neutral-900)}.article-figure-narrow img{max-width:400px;margin-inline:auto}@media(min-width:640px){.locale-pair{grid-template-columns:1fr 1fr}.example-switches,.example-help,.locale-pair{padding-left:30px;padding-right:30px}.campaign-canvas,.motion-stage{margin-left:30px;margin-right:30px}.motion-cards{grid-template-columns:1fr 1fr 1fr}.motion-card{padding:16px}}@media(max-width:420px){.campaign-form{grid-template-columns:1fr}.campaign-canvas{padding:8px}.motion-stage{padding:18px}}@media(prefers-reduced-motion:reduce){.motion-card{transform:none!important;opacity:1!important}}