/* R8.71 editorial blog. All rules scoped: shared header/footer keep their theme. */
.blog-page{--blog-ink:#2b153d;--blog-muted:#566f65;--blog-line:#e2dbe8;--blog-green:#3d006d;margin:0;background:#ffffff;color:var(--blog-ink);font-family:'Inter',Inter,Arial,sans-serif;line-height:1.65}
.blog-page *{box-sizing:border-box}.blog-page main{background:#ffffff;color:var(--blog-ink)}.blog-page main a{color:inherit;text-decoration:none}.blog-page main .wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}.blog-page main button,.blog-page main input{font:inherit}
.blog-page main .btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:13px 21px;border-radius:11px;border:1px solid transparent;font-weight:700;font-size:14px;line-height:1.4}.blog-page main .btn.gold{background:#b75bff;color:#2b173b;border-color:#b75bff;box-shadow:0 5px 16px #2b153d0b}.blog-page main a:focus-visible,.blog-page main button:focus-visible,.blog-page main input:focus-visible{outline:3px solid #6c14b1;outline-offset:4px}
.blog-page .blog-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 20%,#50167d50,transparent 56%),linear-gradient(115deg,#26073e,#350759);color:white;padding:54px 0 58px;border-bottom:1px solid #3d125e}
.blog-hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:48px;align-items:center}.blog-page .blog-hero h1{font:700 clamp(37px,4.7vw,60px)/1.08 Inter,Arial,sans-serif;color:#ffffff;margin:20px 0!important;letter-spacing:-1.8px;text-align:left!important}.blog-page .blog-hero h1 span{color:#c376ff}.blog-page .blog-hero p{color:#e6deed;font-size:17px;line-height:1.8;max-width:540px;margin:0 0 26px}
.blog-page .blog-tag{display:inline-flex;align-items:center;max-width:100%;background:#f2edf6;border:1px solid #d6c9e1;color:#431765;border-radius:7px;padding:5px 10px;font:700 10px/1.5 'Inter',Arial,sans-serif;letter-spacing:1px;text-transform:uppercase}.blog-page .blog-hero .blog-tag{color:#d5a0ff;background:#ffffff0b;border-color:#ffffff36}
.blog-hero-visual{position:relative;width:100%;max-width:460px;min-height:245px;display:grid;place-items:center;justify-self:center;background:radial-gradient(ellipse,#a180bb35,transparent 70%);isolation:isolate}.blog-hero-visual::before{content:'';position:absolute;width:240px;height:240px;border-radius:50%;border:1px solid #c6b5d43d;box-shadow:0 0 0 28px #ffffff06;z-index:-1}.blog-hero-visual img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 15px 18px #19002d25)}.blog-hero-visual>span{margin-top:14px;text-align:center;color:#e5eddf;font:600 10px/1.6 'Inter',Arial,sans-serif;letter-spacing:1.7px}
.blog-page .blog-section{padding-block:48px;scroll-margin-top:110px}.blog-page .blog-section+.blog-section{padding-top:16px}.blog-heading{margin-bottom:24px}.blog-page main h2{font:600 clamp(27px,3vw,39px)/1.2 Inter,Arial,sans-serif;color:var(--blog-ink);letter-spacing:-.8px;margin:12px 0}.blog-page main h3{font:600 24px/1.25 Inter,Arial,sans-serif;color:var(--blog-ink);letter-spacing:-.3px}.blog-page .blog-heading p{color:var(--blog-muted);margin:8px 0}
.blog-page .blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-page .blog-card{border:1px solid var(--blog-line);border-radius:18px;background:#ffffff;overflow:hidden;min-width:0;display:flex;flex-direction:column;box-shadow:0 5px 18px #2a123c05;transition:box-shadow .2s,border-color .2s}.blog-page .blog-card:hover{border-color:#baa7c9;box-shadow:0 12px 30px #2a123c0c}
.blog-page .blog-picture{display:block;aspect-ratio:16/10;overflow:hidden;background:#f1edf5}.blog-picture img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}.blog-card:hover .blog-picture img{transform:scale(1.025)}.blog-card-copy{padding:24px;flex:1;display:flex;align-items:flex-start;flex-direction:column}.blog-card time{color:var(--blog-muted);font-size:12px;margin-top:14px}.blog-reading{font-size:12px;color:var(--blog-muted)}.blog-card h3,.blog-card h2{overflow-wrap:anywhere;margin:14px 0 12px!important}.blog-card p{margin:0 0 20px;color:var(--blog-muted);font-size:14px;line-height:1.8;overflow-wrap:anywhere}.blog-page main .blog-read{color:#3c006b;font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:12px;padding-block:8px}.blog-card .blog-read{margin-top:auto}
.blog-page .blog-featured{display:grid;grid-template-columns:1.1fr 1fr;background:#faf8fb;border-color:#dfd7e6;border-radius:22px;box-shadow:none}.blog-featured .blog-picture{aspect-ratio:auto;min-height:340px}.blog-featured .blog-card-copy{padding:clamp(28px,4vw,48px)}.blog-page .blog-featured h2{font-size:clamp(27px,3.2vw,40px)}.blog-featured p{font-size:16px}.blog-featured .btn{margin-top:10px}
.blog-categories{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.blog-categories a{border:1px solid var(--blog-line);padding:10px 15px;border-radius:9px;background:#ffffff;color:#4e3d5b;font-size:13px;font-weight:600;white-space:nowrap}.blog-page main .blog-categories a[aria-current=page],.blog-page main .blog-categories a:hover{color:#ffffff;background:#38075f;border-color:#38075f}
.blog-search{max-width:650px}.blog-search label{display:block;margin-bottom:8px;font-size:13px;color:#4a345b;font-weight:600}.blog-search>div{display:flex;gap:10px}.blog-search input{min-width:0;flex:1;padding:13px 16px;border:1px solid #d4cadc;border-radius:10px;background:#fbf9fc;color:var(--blog-ink);min-height:48px}.blog-search input::placeholder{color:#657e71}.blog-count,.blog-more-soon{font-size:13px;color:var(--blog-muted);margin:25px 0 18px}.blog-empty{padding:42px 24px;text-align:center;border:1px dashed #c7b9d2;border-radius:18px;background:#f8f6fa}.blog-empty p{color:var(--blog-muted)}
.blog-page .blog-cta{text-align:left;padding:clamp(26px,5vw,50px);border:1px solid #e1d9e8;border-radius:22px;background:linear-gradient(115deg,#f3edf7,#f9fcf5)}.blog-page .blog-cta h2{max-width:680px}.blog-cta p{color:var(--blog-muted);margin:14px 0 25px}.blog-cta .btn{box-shadow:none}
.blog-page .blog-article-head{padding-block:35px 0;max-width:980px}.blog-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:26px;font-size:12px;color:var(--blog-muted)}.blog-page .blog-article-head h1{font:600 clamp(34px,4.6vw,59px)/1.1 Inter,Arial,sans-serif;color:var(--blog-ink);margin:22px 0;letter-spacing:-1.7px;overflow-wrap:anywhere}.blog-intro{font-size:19px;line-height:1.8;color:var(--blog-muted);max-width:850px}.blog-article-picture{margin-top:30px;aspect-ratio:16/9;overflow:hidden;border-radius:18px;background:#f2eef6}.blog-article-picture img{width:100%;height:100%;object-fit:cover;display:block}.blog-page main .blog-prose{max-width:760px;padding-block:34px 42px;font-size:18px;line-height:1.9;color:#3b294a;overflow-wrap:anywhere}.blog-prose p{margin:0 0 25px}
@media(max-width:1000px){.blog-page .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-hero-grid{gap:28px}.blog-featured .blog-picture{min-height:290px}}
@media(max-width:760px){.blog-page main .wrap{width:calc(100% - 32px)}.blog-page .blog-hero{padding:22px 0 34px}.blog-hero-grid{grid-template-columns:minmax(0,1fr);gap:22px}.blog-hero-grid>div:first-child{grid-row:2;min-width:0}.blog-hero-visual{grid-row:1;max-width:320px;min-height:180px}.blog-hero-visual::before{width:170px;height:170px;box-shadow:0 0 0 20px #ffffff05}.blog-hero-visual>span{font-size:9px;margin-top:4px;letter-spacing:1.1px}.blog-page .blog-hero h1{font-size:clamp(34px,9.7vw,43px);letter-spacing:-1.1px}.blog-page .blog-hero p{font-size:15px}.blog-page .blog-grid,.blog-page .blog-featured{grid-template-columns:minmax(0,1fr)}.blog-featured .blog-picture{aspect-ratio:16/10;min-height:0}.blog-card-copy,.blog-featured .blog-card-copy{padding:22px}.blog-page .blog-section{padding-block:32px}.blog-page .blog-section+.blog-section{padding-top:12px}.blog-page main h2{font-size:28px}.blog-page .blog-featured h2{font-size:29px}.blog-categories{flex-wrap:nowrap;overflow-x:auto;padding:3px 2px 10px;max-width:100%;scrollbar-width:thin}.blog-categories a{flex-shrink:0}.blog-search>div{gap:8px}.blog-search .btn{padding-inline:17px}.blog-page .blog-article-head{padding-top:24px}.blog-page .blog-article-head h1{font-size:36px;letter-spacing:-1px}.blog-intro{font-size:17px}.blog-page main .blog-prose{font-size:17px;padding-block:28px}.blog-page .blog-cta{text-align:left}.blog-cta .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.blog-card,.blog-picture img{transition:none}.blog-card:hover .blog-picture img{transform:none}}

/* One article frame; shorter lines inside it, with a shared left edge. */
.blog-article-page main>.wrap{max-width:980px}
.blog-article-page main .blog-prose{max-width:980px;padding-top:26px;padding-bottom:4px}
.blog-article-page .blog-prose p{max-width:780px;margin:0 0 22px}
.blog-article-page .blog-section{padding-block:26px}
.blog-article-page .blog-section+.blog-section{padding-top:10px}
@media(max-width:760px){
 .blog-page main .blog-grid,.blog-page main .blog-card,.blog-page .blog-search,.blog-page .blog-card-copy{min-width:0;max-width:100%}
 .blog-page main .blog-picture img,.blog-page .blog-article-picture img{max-width:100%}
 .blog-page .blog-card .blog-read,.blog-page .blog-categories a{min-height:44px}
 .blog-article-page main .blog-prose{padding-top:22px;padding-bottom:4px}
 .blog-article-page .blog-section{padding-block:22px}
 .blog-page .blog-article-head h1{font-size:clamp(30px,8.8vw,38px)}
}