.series-guide{--series-ink:#4e3b59;--series-accent:#775985;--series-light:#f7f3fa;line-height:1.9}.series-guide h2{color:var(--series-ink);border-left:5px solid #baa2c7;padding-left:16px;margin-top:2.5em}.series-guide h3{color:#6d507d}.series-guide blockquote{background:#f7f3fa;color:#4e3b59;border-left-color:#baa2c7}.series-guide figcaption{font-size:.88rem;line-height:1.7;color:#594f50;margin-top:10px}.series-guide .series-cta{background:#f7f3fa!important;border:1px solid #dce3d2;border-radius:20px;padding:25px;text-align:center}.series-guide .series-cta a.post-cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:#775985!important;color:#fff!important;text-decoration:none!important;padding:17px 25px;border:1px solid #775985;border-radius:14px;box-shadow:0 7px 16px #4e3b5920;font-weight:700;line-height:1.6;white-space:normal}.series-guide .series-cta a.post-cta-btn:hover{background:#4b5e43!important;transform:translateY(-1px)}.series-guide .series-cta a:focus-visible{outline:3px solid #baa2c7;outline-offset:5px}.series-guide table th{background:#eee5f3;color:#4e3b59}.series-guide table td{color:#332c2d;background:#fff}.series-guide figure img{height:auto;max-width:100%}@media(max-width:640px){.series-guide .series-cta{padding:20px 16px}.series-guide .series-cta a.post-cta-btn{width:100%;box-sizing:border-box;padding:16px;gap:10px}.series-guide h2{font-size:1.35rem}.series-guide table{min-width:0!important;width:100%;table-layout:fixed}.series-guide th,.series-guide td{padding:10px 7px!important;overflow-wrap:anywhere;font-size:.88rem}}
.series-guide .key-point{color:#195b63;font-weight:800}.series-guide strong{font-weight:800}.series-guide .source-note{margin-top:2.5rem;padding:18px;background:#f5f7f8;border-radius:12px;font-size:.88rem}.series-guide a{text-underline-offset:3px}

.series-guide .article-cta{margin:2.3rem 0;padding:26px;border:1px solid #c8dcdb;border-radius:18px;background:#f0f7f6;box-shadow:0 6px 20px #183f4310}
.series-guide .article-cta-label{margin:0 0 8px;color:#456968;font-size:.78rem;letter-spacing:.08em;font-weight:700}
.series-guide .article-cta h3{margin:0 0 12px;color:#203e42;font-size:1.25rem;line-height:1.55}
.series-guide .article-cta p{margin-top:0;margin-bottom:17px;color:#344b50}
.series-guide a.article-cta-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:14px 22px;border-radius:12px;background:#245c62;color:#fff;font-weight:800;text-decoration:none;line-height:1.55;box-sizing:border-box;transition:background .15s}
.series-guide a.article-cta-button:hover{background:#173f45}.series-guide a.article-cta-button:focus-visible{outline:3px solid #aa6b34;outline-offset:4px}
@media(max-width:640px){.series-guide .article-cta{padding:21px 17px;margin:1.8rem 0}.series-guide .article-cta h3{font-size:1.13rem}.series-guide a.article-cta-button{display:flex;width:100%;padding:14px 12px;overflow-wrap:anywhere}}

/* CTA motion: one interaction, no looping animation. */
.series-guide a.article-cta-button{position:relative;isolation:isolate;overflow:hidden;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}
.series-guide a.article-cta-button span[aria-hidden="true"]{display:inline-block;transition:transform .2s ease}
.series-guide .article-cta-consult a.article-cta-button::before{content:"";position:absolute;inset:-40% auto -40% -65%;width:35%;background:linear-gradient(110deg,transparent,rgba(255,255,255,.22),transparent);transform:skewX(-18deg);pointer-events:none;z-index:-1}
@media(hover:hover) and (pointer:fine){
.series-guide a.article-cta-button:hover{background:#173f45;transform:translateY(-3px);box-shadow:0 8px 18px #173f4530}
.series-guide a.article-cta-button:hover span[aria-hidden="true"]{transform:translateX(4px)}
.series-guide .article-cta-consult a.article-cta-button:hover::before{animation:cta-shine .65s ease-out 1}
}
.series-guide a.article-cta-button:active{transform:translateY(1px) scale(.985);background:#173f45;box-shadow:0 2px 5px #173f4520}
.series-guide a.article-cta-button:focus-visible{outline:3px solid #aa6b34;outline-offset:4px;box-shadow:0 0 0 2px #fff}
@keyframes cta-shine{from{left:-65%}to{left:135%}}
@media(prefers-reduced-motion:reduce){
.series-guide a.article-cta-button,.series-guide a.article-cta-button span[aria-hidden="true"]{transition:none}
.series-guide a.article-cta-button:hover,.series-guide a.article-cta-button:active,.series-guide a.article-cta-button:hover span[aria-hidden="true"]{transform:none}
.series-guide .article-cta-consult a.article-cta-button:hover::before{animation:none}
}
