/* A small YouTube-to-answer moment, outside the article's reading progress. */
.extension-promo{position:relative;isolation:isolate;display:grid;grid-template-columns:158px minmax(0,1fr) auto;align-items:center;gap:27px;padding:29px 34px 30px;margin:0 0 38px;border:1px solid #b9d887;border-radius:18px;background:#d8f49f;color:#183d2c;box-shadow:inset 0 1px 0 #f6ffdd,0 3px 0 #c7dfaa,0 12px 25px #223e1905;overflow:hidden;transition:box-shadow .35s,border-color .35s}
.extension-promo:before{content:"";position:absolute;z-index:-1;width:450px;height:450px;right:-90px;top:-180px;border:1px solid #a4cb6c55;border-radius:50%;box-shadow:0 0 0 30px #d0ec9400,0 0 0 31px #a4cb6c40,0 0 0 62px #d0ec9400,0 0 0 63px #a4cb6c30,0 0 0 95px #d0ec9400,0 0 0 96px #a4cb6c20;pointer-events:none}
.extension-promo-copy{min-width:0}.extension-promo-eyebrow{display:flex;align-items:center;gap:7px;margin:0 0 10px;font-size:.57rem;font-weight:700;letter-spacing:.12em;line-height:1.5}.extension-promo-eyebrow>span:first-child{width:5px;height:5px;background:#285a36;border-radius:50%}.extension-promo-free{margin-left:3px;border:1px solid #7399516b;padding:1px 5px;border-radius:4px;font-size:.49rem;letter-spacing:.07em}
.extension-promo h2{font-size:clamp(1.5rem,2.25vw,2rem);line-height:1.09;letter-spacing:-.045em;font-weight:650;margin:0 0 11px;text-wrap:balance}.extension-promo-copy>p:last-child{font-size:.77rem;line-height:1.6;color:#385339;max-width:42ch;margin:0;text-wrap:pretty}
.extension-promo-action{position:relative;text-align:center}.extension-promo-button{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:13px;overflow:hidden;min-height:60px;padding:10px 12px 10px 22px;border:1px solid #0d2f22;border-radius:12px;background:#173e2c;color:#f1ffd7;font-size:.88rem;font-weight:650;box-shadow:0 4px 0 #0c2b1e,0 8px 16px #15391c1a,inset 0 1px 0 #ffffff1c;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background .25s}
.extension-promo-button:before{content:"";position:absolute;z-index:-1;inset:-70% -40%;background:linear-gradient(110deg,transparent 36%,#edffc626 48%,transparent 60%);transform:translateX(-75%);pointer-events:none}.extension-promo-button:hover{text-decoration:none;background:#103b28}.extension-promo-arrow{display:grid;place-items:center;width:34px;height:34px;margin-left:5px;border-radius:8px;background:#c8f18d;color:#183b29;overflow:hidden}.extension-promo-arrow svg{transition:transform .3s cubic-bezier(.2,.8,.2,1)}.extension-promo-button:focus-visible{outline:3px solid #173e2c;outline-offset:6px}.extension-promo-action>p{margin:12px 0 0;font-size:.57rem;color:#49633e;line-height:1.5}
.extension-promo-art{position:relative;width:158px;height:119px;perspective:500px}.extension-promo-browser{position:absolute;top:2px;left:2px;width:142px;height:98px;border:1px solid #94b076;border-radius:9px;background:#f8ffe9;box-shadow:0 9px 20px #3759271a;transform:rotate(-7deg);transition:transform .4s cubic-bezier(.2,.8,.2,1)}.extension-promo-chrome{display:flex;align-items:center;gap:3px;height:22px;padding:0 8px;border-bottom:1px solid #d7e5c6}.extension-promo-chrome i{width:3px;height:3px;border-radius:50%;background:#b7c4a7}.extension-promo-chrome>span{font-size:6px;margin-left:9px;color:#718367}.extension-promo-player{position:relative;margin:9px;height:57px;background:#e7efd9;border:1px solid #d9e4c9;border-radius:4px;display:grid;place-items:center}.extension-promo-player>span{position:absolute;height:2px;bottom:5px;background:#b8c9a7;left:5px;right:5px}.extension-promo-player>span:last-child{background:#5c7f46;right:auto;width:29px}
.extension-promo-mini{position:absolute;bottom:10px;left:23px;display:flex;align-items:center;gap:16px;padding:9px 10px 9px 13px;border:1px solid #b3d483;border-radius:8px;background:#d8f89a;box-shadow:0 5px 0 #71994e26,0 6px 18px #234f2c15;transform:rotate(3deg);transition:transform .4s cubic-bezier(.2,.8,.2,1)}.extension-promo-mini>span{font-size:.68rem;font-weight:700;letter-spacing:-.02em}.extension-promo-mini b{display:grid;place-items:center;width:23px;height:23px;background:#183e2c;color:#d9f79f;border-radius:6px;font-size:.62rem}.extension-promo-cursor{position:absolute;right:-1px;bottom:-4px;transform:rotate(-7deg);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.extension-promo:hover{border-color:#a7c875;box-shadow:inset 0 1px 0 #f6ffdd,0 3px 0 #c7dfaa,0 16px 32px #223e1910}.extension-promo:hover .extension-promo-browser{transform:translateY(-3px) rotate(-3deg)}.extension-promo:hover .extension-promo-mini{transform:translateY(-2px) rotate(0)}.extension-promo:hover .extension-promo-cursor{transform:translate(-4px,-4px) rotate(-7deg)}.extension-promo-button:hover{transform:translateY(-3px);box-shadow:0 6px 0 #0c2b1e,0 14px 22px #15391c25}.extension-promo-button:hover:before{transform:translateX(75%);transition:transform .7s ease}.extension-promo-button:hover .extension-promo-arrow svg{transform:translate(2px,-2px)}}
.extension-promo-button:active{transform:translateY(1px);box-shadow:0 2px 0 #0c2b1e}
@media(max-width:1050px){.extension-promo{grid-template-columns:120px minmax(0,1fr) auto;gap:20px;padding:26px}.extension-promo-art{transform:scale(.8);transform-origin:left center;width:120px}.extension-promo-button{gap:9px;padding-left:15px;font-size:.79rem}.extension-promo-copy>p:last-child{font-size:.72rem}.extension-promo h2{font-size:1.65rem}}
@media(max-width:760px){.extension-promo{grid-template-columns:110px minmax(0,1fr);gap:16px 20px;padding:24px;margin-bottom:30px;border-radius:14px}.extension-promo-art{width:110px;transform:scale(.76)}.extension-promo h2{font-size:1.65rem}.extension-promo-action{grid-column:1/-1;text-align:left}.extension-promo-button{justify-content:flex-start;padding-left:20px;min-height:58px;font-size:.88rem}.extension-promo-arrow{margin-left:auto}.extension-promo-action>p{text-align:center;font-size:.61rem;margin-top:11px}.extension-promo-copy>p:last-child{font-size:.75rem}.extension-promo:before{right:-220px;top:-150px}}
@media(max-width:480px){.extension-promo{grid-template-columns:1fr;padding:24px}.extension-promo-art{display:none}.extension-promo h2{font-size:clamp(1.4rem,7vw,1.8rem)}.extension-promo-copy>p:last-child{max-width:32ch}}
@media(prefers-reduced-motion:reduce){.extension-promo,.extension-promo *{transition:none!important;animation:none!important}.extension-promo-button:active{transform:none}}