.blog-shell{color:#202a3c;background:#faf9f6}.blog-hero{color:#fff;background:linear-gradient(145deg,#170d09,#26313f 62%,#3d5a80)}.blog-heading{max-width:1200px;margin:auto;padding:66px clamp(20px,5vw,72px) 65px}.blog-eyebrow{letter-spacing:.15em;text-transform:uppercase;color:#c9b8ff;font-size:12px;font-weight:700}.blog-heading h1{max-width:19ch;margin:18px 0 22px;font-family:Georgia,serif;font-size:clamp(36px,5vw,65px);font-weight:400;line-height:1.08}.blog-heading p:not(.blog-eyebrow){color:#d4dbe5;max-width:61ch;line-height:1.7}.blog-wrap{max-width:1200px;margin:auto;padding:54px clamp(20px,5vw,72px) 70px}.blog-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:24px;display:grid}.blog-card{background:#fff;border:1px solid #dedee6;border-radius:20px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.blog-card-content{flex-direction:column;flex:1;padding:26px;display:flex}.blog-card img{object-fit:cover;aspect-ratio:16/9;width:100%;height:auto;display:block}.blog-card h2{margin:8px 0 16px;font-family:Georgia,serif;font-size:26px;font-weight:400;line-height:1.25}.blog-card h2 a{color:#202a3c;text-decoration:none}.blog-card p{color:#566174;font-size:15px;line-height:1.65}.blog-card .blog-date{margin:0;font-size:12px}.blog-card .blog-read{margin-top:auto;padding-top:14px}.blog-read,.blog-article a,.blog-pagination a{color:#5b3db3;text-underline-offset:4px;font-weight:600;text-decoration:underline}.blog-featured{grid-column:1/-1;grid-template-columns:1.05fr 1fr;display:grid}.blog-featured>a{background:#1c2639;align-items:center;display:flex}.blog-featured img{object-fit:contain;height:auto;min-height:0}.blog-featured h2{font-size:clamp(27px,3vw,37px)}.blog-featured .blog-card-content{padding:34px}.blog-article{overflow-wrap:break-word;max-width:880px;margin:auto;padding:42px clamp(20px,4vw,55px) 60px;font-size:17px;line-height:1.85}.blog-article figure{margin:0 0 30px}.blog-article figure img{border-radius:14px;width:100%;height:auto;display:block}.blog-article figcaption{color:#657082;margin-top:12px;font-size:12px;line-height:1.6}.blog-article h2{color:#202a3c;margin:45px 0 18px;scroll-margin-top:24px;font-family:Georgia,serif;font-size:31px;font-weight:400;line-height:1.2}.blog-article p{margin:0 0 18px}.blog-article ul{padding-left:24px;list-style:outside}.blog-article li{margin-bottom:10px}.blog-answer{background:#eee9fb;border-left:4px solid #7658ce;border-radius:0 14px 14px 0;margin:32px 0;padding:25px 28px}.blog-answer h2{text-transform:uppercase;letter-spacing:.12em;color:#5b3db3;margin:0 0 10px;font-family:Arial,sans-serif;font-size:13px;font-weight:700}.blog-answer p{margin:0}.blog-toc{border-block:1px solid #dddde5;margin:30px 0;padding:22px 0;font-size:14px}.blog-toc ul{columns:2;margin:12px 0 0}.blog-toc li{break-inside:avoid}.blog-faq details{border-bottom:1px solid #dddde5;padding:18px 0}.blog-faq summary{cursor:pointer;font-weight:600;line-height:1.5}.blog-faq p{margin:14px 0 0}.blog-note{color:#657082;margin:25px 0;font-size:13px;line-height:1.7}.blog-cta{background:#eee9fb;border:1px solid #d5c8f2;border-radius:16px;margin-top:35px;padding:28px}.blog-cta h2{margin:0 0 16px;font-size:28px}.blog-pagination{flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:35px;font-size:15px;display:flex}.blog-shell a:focus-visible,.blog-shell summary:focus-visible{outline-offset:5px;border-radius:3px;outline:3px solid #9373e8}.blog-crumbs{flex-wrap:wrap;gap:10px;font-size:13px;display:flex}.blog-crumbs a{color:#e5e0f3;text-underline-offset:4px;text-decoration:underline}.blog-meta{font-size:13px}.blog-latest{justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px;display:flex}.blog-latest h2{letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:14px}.blog-latest a{color:#5b3db3;font-size:13px;text-decoration:underline}@media (max-width:700px){.blog-featured{display:flex}.blog-featured img{height:auto;min-height:0}.blog-featured .blog-card-content{padding:26px}.blog-heading{padding-top:45px;padding-bottom:45px}.blog-toc ul{columns:1}.blog-wrap,.blog-article{padding-top:30px}.blog-answer{padding:20px}.blog-hero nav[aria-label=Primary]{gap:14px}.blog-hero nav[aria-label=Primary]>a:first-child{flex-basis:100%;margin-bottom:4px}}
