.wg-blog-page { background:#200f38; color:#fff; padding:0; }
.wg-blog-page .wp-block-post-content > * { margin-block:0; }
.wg-blog-hero { padding:190px 0 76px; }
.wg-blog-hero h1 { max-width:900px; margin:24px 0; font-size:clamp(44px,5vw,76px); line-height:1.05; font-weight:500; letter-spacing:-.045em; }
.wg-blog-hero h1 span { color:#fad4db; }
.wg-blog-hero p:last-child { max-width:760px; font-size:22px; line-height:1.5; color:#ded3e9; }
.wg-blog-archive { padding:40px 0 100px; }
.wg-blog-filters { display:flex; align-items:flex-end; flex-wrap:wrap; gap:20px; padding:24px 0; border-block:1px solid #ffffff26; }
.wg-blog-filters label { display:grid; gap:8px; font-size:14px; color:#d6c9e2; flex:1; min-width:220px; }
.wg-blog-filters select { width:100%; background:#351b50; border:1px solid #715986; color:white; padding:14px; border-radius:8px; font:inherit; font-size:16px; }
.wg-blog-filters button { background:#fad4db; color:#201331; padding:15px 24px; border:0; border-radius:8px; font:inherit; cursor:pointer; }
.wg-blog-reset { color:white; padding:15px 0; }
.wg-blog-count { color:#cbbad8; margin:28px 0; font-size:14px; }
.wg-blog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.wg-blog-card { display:flex; flex-direction:column; background:#301949; border-radius:18px; overflow:hidden; }
.wg-blog-image { aspect-ratio:1.5; display:block; overflow:hidden; background:#e8dfef; }
.wg-blog-image img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s; }
.wg-blog-card:hover .wg-blog-image img { transform:scale(1.025); }
.wg-blog-card-copy { padding:28px; display:flex; flex-direction:column; flex:1; }
.wg-blog-meta { display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px; font-size:12px; color:#e0cee9; }
.wg-blog-meta span { color:#fad4db; }
.wg-blog-card h2 { font-size:26px; font-weight:500; letter-spacing:-.025em; line-height:1.2; margin:22px 0 16px; }
.wg-blog-card h2 a { color:white; text-decoration:none; }
.wg-blog-card p { font-size:16px; line-height:1.55; color:#d9cbe4; margin:0 0 28px; }
.wg-blog-more { display:flex; justify-content:space-between; color:#fad4db; text-decoration:none; margin-top:auto; font-size:16px; }
.wg-blog-card:focus-within { outline:2px solid #fad4db; outline-offset:4px; }
.wg-blog-pagination { display:flex; justify-content:center; gap:20px; margin-top:48px; }
.wg-blog-pagination a { color:white; }
.wg-article { background:#faf8fc; color:#241437; padding:180px 24px 96px; }
.wg-article-header { max-width:960px; margin:0 auto 48px; }
.wg-article-back { color:#655273; font-size:15px; }
.wg-article h1 { font-size:clamp(36px,4vw,60px); font-weight:500; line-height:1.1; letter-spacing:-.04em; margin:28px 0; }
.wg-article .wp-block-post-date,.wg-article .wp-block-post-terms { font-size:14px; color:#655273; }
.wg-article .wp-block-post-excerpt { font-size:22px; line-height:1.5; color:#655273; margin-top:28px; }
.wg-article > .wp-block-post-featured-image { max-width:1120px; margin:0 auto 64px; }
.wg-article > .wp-block-post-featured-image img { border-radius:18px; max-height:650px; object-fit:contain; background:#eee7f3; }
.wg-article-content { max-width:800px; margin:0 auto; font-size:19px; line-height:1.7; }
.wg-article-content h2 { font-size:36px; line-height:1.2; margin-top:56px; font-weight:500; letter-spacing:-.03em; }
.wg-article-content h3 { font-size:27px; line-height:1.25; margin-top:36px; font-weight:500; }
.wg-article-content p,.wg-article-content ul,.wg-article-content ol { margin-block:22px; }
.wg-article-content li { margin-block:8px; }
.wg-article-content a { color:#6b3590; text-underline-offset:4px; }
.wg-article-content img { width:100%; height:auto; border-radius:10px; }
.wg-article-content figure { margin:32px 0; }
.wg-article-content pre { padding:24px; background:#241437; color:#f2e9fa; border:0; border-radius:10px; font-size:14px; white-space:pre; overflow-x:auto; }
.wg-article-content code { overflow-wrap:anywhere; }
.wg-article-content table { font-size:16px; border-collapse:collapse; }
.wg-article-content th,.wg-article-content td { padding:14px; border:1px solid #d7cadf; }
.wg-article-content th { background:#eee5f4; text-align:left; }
.wg-article-content .wp-block-table { overflow-x:auto; }
.wg-article-content blockquote { border-left:3px solid #bb87d0; padding-left:24px; margin-inline:0; color:#655273; }
.wg-article-content iframe { width:100%; aspect-ratio:16/9; height:auto; }
.wg-article-end { max-width:800px; margin:60px auto 0; padding-top:24px; border-top:1px solid #d7cadf; }
/* Keep the article backdrop inside the animated navigation so it hides with it. */
body.single-post .wg-nav { isolation:isolate; }
body.single-post .wg-nav::before {
 content:"";
 position:absolute;
 z-index:-1;
 inset-block:0;
 left:50%;
 width:100vw;
 transform:translateX(-50%);
 background:#200f38;
 pointer-events:none;
}
@media(max-width:1024px) { .wg-blog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:767px) { .wg-blog-hero { padding:140px 0 44px; } .wg-blog-hero p:last-child { font-size:19px; } .wg-blog-grid { grid-template-columns:1fr; } .wg-blog-card-copy { padding:24px; } .wg-blog-filters { gap:16px; } .wg-blog-filters label { flex-basis:100%; } .wg-article { padding:130px 20px 64px; } .wg-article-content { font-size:17px; } .wg-article-content h2 { font-size:29px; } .wg-article-content h3 { font-size:24px; } .wg-article .wp-block-post-excerpt { font-size:19px; } }
@media(prefers-reduced-motion:reduce) { .wg-blog-image img { transition:none; } }
.wg-blog-page.wg-blog-page { padding-inline:0; }
.wg-blog-hero .wg-eyebrow { color:#fad4db; background:#ffffff12; width:fit-content; }
.wg-blog-page > .wp-block-post-content { padding-inline:0; }
