/* UNIWORDS BLOG V6 — shared random article-end CTA, scoped to prevent article/theme CSS conflicts */
.uw-random-cta{--navy:#0B1726;--cta-navy:#0B1E40;--green:#14A896;background:#fff;padding:0;margin:0;overflow:hidden}.uw-random-cta-inner{width:min(1658px,100%);margin:0 auto}.uw-cta-choice{display:none}.uw-cta-choice[data-fallback="true"]{display:block}.uw-random-cta .uw-cta{width:100%;max-width:none;isolation:isolate}.uw-random-cta .uw-cta *{box-sizing:border-box}.uw-random-cta .uw-cta .uw-cta-copy h2{font-family:Inter,Arial,sans-serif!important;text-transform:none!important}.uw-random-cta .uw-cta .uw-cta-copy p{font-family:Inter,'Noto Sans JP',sans-serif!important}.uw-random-cta .uw-cta .uw-cta-copy a{line-height:1.4!important;letter-spacing:0!important;border:0!important;box-shadow:none!important}.uw-random-cta .uw-cta .uw-cta-art{z-index:0}.uw-random-cta .uw-cta .uw-cta-copy{z-index:2}

.uw-cta{max-width:1660px;height:300px;min-height:300px;position:relative;display:grid;grid-template-columns:61% 39%;overflow:hidden;background:var(--cta-navy);box-shadow:0 12px 25px #0b172614}
.uw-cta-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:38px 18px 38px 120px}
.uw-cta-copy h2{color:white;font-size:clamp(25px,4.5vw,40px);font-weight:800;letter-spacing:-1px;line-height:1.12;margin:0 0 17px}
.uw-cta-copy p{color:white;font-size:15px;line-height:1.7;margin:0 0 25px}
.uw-cta a{background:white;color:var(--navy);text-decoration:none;border-radius:5px;font-size:14px;font-weight:750;padding:14px 22px;display:inline-block;transform-origin:50% 60%;transition:background .2s,color .2s}
.uw-cta a:hover,.uw-cta a:focus-visible{background:#2DCEA0;color:#FFFFFF}
.uw-cta-cta-curve-def{position:absolute;width:0;height:0;overflow:hidden}
.uw-cta-art{position:absolute;inset:0;overflow:hidden;background:var(--green);clip-path:url(#uniwords-cta-curve)}
.uw-cta-labels{position:absolute;left:49%;top:-34px;display:grid;grid-template-columns:repeat(8,154px);grid-auto-rows:76px;column-gap:1px;row-gap:1px}
.uw-cta-tag{height:76px;display:flex;align-items:center;justify-content:center;position:relative;color:var(--navy);font-size:16px;font-weight:800;white-space:nowrap}
.uw-cta-tag svg{position:absolute;inset:0;width:100%;height:100%}
.uw-cta-tag span{position:relative;z-index:1}
.uw-cta-tag path{fill:none;stroke:var(--navy);stroke-width:3;stroke-linejoin:round}
.uw-cta:hover a{animation:wristTwistAccent .50s ease-out 1,wristEcho .18s .50s ease-out 1}
@keyframes wristTwistAccent{0%,100%{transform:translateX(0) rotate(0deg)}13%{transform:translateX(-2.3px) rotate(-2.15deg)}27%{transform:translateX(2px) rotate(1.95deg)}42%{transform:translateX(-1.5px) rotate(-1.42deg)}57%{transform:translateX(1.1px) rotate(1deg)}73%{transform:translateX(-.6px) rotate(-.48deg)}88%{transform:translateX(.2px) rotate(.18deg)}}
@keyframes wristEcho{0%,100%{transform:translateX(0) rotate(0deg)}24%{transform:translateX(-.55px) rotate(-.35deg)}51%{transform:translateX(.4px) rotate(.25deg)}76%{transform:translateX(-.15px) rotate(-.10deg)}}

@media(max-width:650px){
.uw-cta{display:flex;flex-direction:column;height:auto;min-height:0}
.uw-cta-copy{padding:30px 25px 25px;min-height:230px;align-items:center;text-align:center}
.uw-cta-copy h2{font-size:26px}
.uw-cta-copy p{font-size:14px}
.uw-cta-art{position:relative;inset:auto;order:-1;height:225px;clip-path:none;border-radius:0}
.uw-cta-art::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:76px;background:var(--cta-navy);clip-path:polygon(0 100%,100% 100%,100% 0,0 0);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 76' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0 0 C120 58 235 88 400 58 V76 H0 Z'/%3E%3C/svg%3E");mask-size:100% 100%;mask-repeat:no-repeat;pointer-events:none}
.uw-cta-labels{left:-8%;top:-30px;grid-template-columns:repeat(4,135px);grid-auto-rows:65px;gap:1px}
.uw-cta-tag{height:65px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.uw-cta:hover a{animation:none}}



.uw-cta-cta-grammar .uw-cta-tag{font-size:16px;letter-spacing:-.45px}
.uw-cta-cta-grammar .uw-cta-copy h2{font-size:clamp(25px,4.5vw,40px);letter-spacing:-1px}
@media(max-width:650px){.uw-cta-cta-grammar .uw-cta-tag{font-size:13px}.uw-cta-cta-grammar .uw-cta-copy h2{font-size:26px}}


@media(max-width:900px){.uw-random-cta-inner{width:100%}.uw-random-cta{margin:0}}
@media(max-width:650px){.uw-random-cta .uw-cta .uw-cta-copy{padding:30px 20px 28px}.uw-random-cta .uw-cta .uw-cta-copy h2{font-size:26px!important;line-height:1.18!important;margin:0 0 15px!important}.uw-random-cta .uw-cta .uw-cta-copy p{font-size:14px!important;line-height:1.6!important;margin:0 0 22px!important}.uw-random-cta .uw-cta .uw-cta-copy a{font-size:14px!important;padding:12px 18px!important}.uw-random-cta .uw-cta .uw-cta-art{width:100%}}

/* All six randomized CTAs retain the approved navy copy panel and green artwork. */
.uw-random-cta .uw-cta-choice .uw-cta{--cta-navy:#0B1E40;--green:#14A896}

/* Keep SVG clipPath in a visible ancestor, not in the hidden first randomized choice. */
.uw-random-cta-inner>.uw-cta-cta-curve-def{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}