@import url('/design-tokens.css');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Outfit:wght@600;700;800&display=swap');
.cc-editorial{background:var(--cc-page-background);color:#3E176D;font:400 18px/1.75 'DM Sans',system-ui,sans-serif;min-height:100vh;}
.cc-editorial :is(h1,h2,h3,h4){font-family:'Outfit',system-ui,sans-serif;color:#3E176D;line-height:1.25;}
.cc-editorial a{color:#3E176D;}
.cc-editorial :is(time,.summary,.eyebrow,.back,.guide-card p,.guide-card span){color:#695B78;}
.cc-editorial .guide-card{background:rgb(255 255 255 / 72%);border:1px solid white;border-radius:24px;box-shadow:0 6px 24px rgb(62 23 109 / 5%);backdrop-filter:blur(8px);}
.cc-editorial .guide-card:hover{border-color:#9B85B0;}
.cc-editorial .guide-body,.cc-editorial .article-body{background:#FFFDF6;padding:28px;border-radius:20px;color:#3E176D;overflow-wrap:anywhere;}
.cc-editorial .guide-body a:not(.button){color:#7432B5;text-decoration:underline;}
.cc-editorial .guide-callout{border-color:#7432B5;background:#F0E5FA;color:#3E176D;}
.cc-editorial .guide-cta{background:#3E176D;color:#FFFDF6;}
.cc-editorial .guide-cta h2{color:#FFFDF6;}
.cc-editorial .button,.cc-editorial .article-body a.article-cta{background:#F7CB46;color:#3E176D;border-radius:16px;min-height:52px;padding:14px 24px;box-shadow:0 3px 0 #3E176D;}
.cc-editorial .button:hover,.cc-editorial .article-body a.article-cta:hover{background:#F2BD2D;}
.cc-editorial :is(a,summary):focus-visible{outline:3px solid #7432B5;outline-offset:4px;}
.cc-public-footer{background:#FFFDF6!important;border-top:1px solid #DDCDEB;color:#695B78!important;padding:28px 24px!important;font:400 14px/1.6 'DM Sans',system-ui,sans-serif;}
.cc-public-footer>div{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.cc-public-footer img{width:160px;height:auto;display:block;}
.cc-public-footer a{color:#3E176D;text-decoration:none;min-height:44px;display:inline-flex;align-items:center;}
.cc-editorial .cc-react-article{max-width:800px;margin:auto;padding:40px 24px;min-height:70vh;}
.cc-editorial .cc-react-article :is(h1,p){color:#3E176D;}
@media(max-width:600px){.cc-editorial{font-size:17px}.cc-editorial .guide-body,.cc-editorial .article-body{padding:20px 16px}.cc-editorial .cc-react-article{padding:32px 16px}.cc-public-footer>div{flex-direction:column;align-items:flex-start;gap:16px}}