.blog-page{background:#fff}.blog-page .site-header{background:rgba(29,11,53,.94)}.nav-menu .is-current{opacity:1}.nav-menu .is-current:after{right:0}.blog-hero,.article-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 16%,rgba(255,202,34,.2),transparent 25%),radial-gradient(circle at 12% 28%,rgba(151,86,255,.28),transparent 30%),linear-gradient(135deg,#201039,#4b1682 56%,#7438d2);color:#fff}.blog-hero:before,.article-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:42px 42px}.blog-hero .container,.article-hero .container{position:relative;z-index:1}.blog-hero{padding:166px 0 88px;text-align:center}.blog-hero h1,.article-hero h1{max-width:900px;margin:13px auto 17px;font-size:clamp(2.45rem,5.5vw,5.1rem);line-height:1.02;letter-spacing:-.055em}.blog-hero p,.article-hero>p{max-width:740px;margin:0 auto;color:#eee2fa;font-size:1.08rem}.blog-listing{padding-top:76px}.blog-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.blog-card{overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 14px 34px rgba(47,18,80,.08);transition:transform .22s ease,box-shadow .22s ease}.blog-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.blog-card-image{display:block;background:var(--lavender);aspect-ratio:16/10;overflow:hidden}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.blog-card:hover .blog-card-image img{transform:scale(1.04)}.blog-card-content{padding:22px}.blog-card-meta{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:0 0 10px;color:var(--muted);font-size:.77rem;font-weight:800}.blog-card-meta span{padding:4px 9px;border-radius:999px;background:#eee2ff;color:var(--purple-800)}.blog-card-meta time{font-weight:700}.blog-card h2{margin:0 0 10px;font-size:1.32rem;line-height:1.22;letter-spacing:-.025em}.blog-card h2 a{text-decoration:none;color:var(--ink)}.blog-card h2 a:hover,.blog-read-link:hover{color:var(--purple-600)}.blog-card-content>p:not(.blog-card-meta){margin:0;color:var(--muted);font-size:.93rem}.blog-read-link{display:inline-flex;align-items:center;gap:7px;margin-top:18px;color:var(--purple-800);font-size:.9rem;font-weight:850;text-decoration:none}.blog-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin:48px 0 0;color:var(--muted);font-size:.9rem;font-weight:800}.blog-pagination a{color:var(--purple-800);text-decoration:none}.blog-pagination [aria-disabled="true"]{opacity:.42}.blog-empty{margin:0;text-align:center;color:var(--muted)}.article-hero{padding:150px 0 62px}.article-heading{max-width:940px}.article-heading .blog-card-meta{justify-content:center;color:#eee2fa}.article-heading .blog-card-meta span{background:rgba(255,255,255,.14);color:var(--gold-2)}.article-heading>p:last-child{font-size:1.1rem}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:48px;align-items:start;padding:70px 0 88px}.article-main{min-width:0}.article-featured-image{width:100%;max-height:470px;object-fit:cover;border-radius:25px;border:1px solid var(--line);box-shadow:var(--shadow)}.article-status{margin:24px 0;padding:14px 17px;border-left:4px solid var(--gold);border-radius:12px;background:#fff8df;color:#5b4611;font-weight:700}.article-content{font-size:1.06rem;color:#4f455d}.article-content h2,.article-content h3{scroll-margin-top:105px;color:var(--purple-900);line-height:1.18;letter-spacing:-.03em}.article-content h2{margin:40px 0 12px;font-size:clamp(1.65rem,3vw,2.25rem)}.article-content h3{margin:30px 0 10px;font-size:1.35rem}.article-content p,.article-content li{max-width:760px}.article-content code{padding:2px 5px;border-radius:5px;background:var(--lavender);color:var(--purple-800);font-size:.9em}.article-sidebar{display:grid;gap:16px;position:sticky;top:105px}.sidebar-card{padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(47,18,80,.05)}.sidebar-card h2{margin:0 0 12px;color:var(--purple-900);font-size:1.05rem}.sidebar-card p{margin:0;color:var(--muted);font-size:.9rem}.article-toc ol,.sidebar-article-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.article-toc a,.sidebar-article-list a{color:#57456d;font-size:.9rem;font-weight:700;text-decoration:none}.article-toc a:hover,.sidebar-article-list a:hover{color:var(--purple-600)}.toc-level-3{padding-left:13px}.blog-not-found{padding:170px 0 100px;text-align:center}.blog-not-found h1{font-size:clamp(2.5rem,5vw,4.5rem);letter-spacing:-.05em;margin:0 0 10px}.blog-not-found p{margin:0 0 26px;color:var(--muted)}
@media (max-width:980px){.blog-card-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr;gap:30px}.article-sidebar{position:static;grid-template-columns:repeat(2,1fr)}.article-sidebar .sidebar-card:first-child{grid-column:1/-1}}
@media (max-width:640px){.blog-hero{padding:132px 0 65px;text-align:left}.blog-hero h1{font-size:clamp(2.45rem,12vw,3.45rem);margin-left:0}.blog-hero p{margin-left:0}.blog-card-grid{grid-template-columns:1fr}.blog-card-content{padding:20px}.blog-pagination{gap:12px;font-size:.8rem}.article-hero{padding:122px 0 50px}.article-heading .blog-card-meta{justify-content:flex-start}.article-hero h1{font-size:clamp(2.25rem,10.5vw,3.1rem);margin-left:0}.article-heading>p:last-child{margin-left:0;font-size:1rem}.article-layout{padding:48px 0 62px}.article-featured-image{border-radius:18px}.article-sidebar{grid-template-columns:1fr}.article-sidebar .sidebar-card:first-child{grid-column:auto}}

/* Blog homepage visual refinements. */
.blog-hero{padding:105px 0 52px}.blog-hero h1{font-size:clamp(2.3rem,4.8vw,4.5rem)}.blog-listing{padding-top:42px}.blog-card-image img{object-position:center}
@media (max-width:640px){.blog-hero{padding:82px 0 40px}.blog-hero h1{font-size:clamp(2.25rem,10.5vw,3.1rem)}}

/* Article-detail header refinements. */
.article-hero{padding:96px 0 40px}.article-heading{max-width:780px}.article-heading .blog-card-meta{margin-bottom:8px}.article-heading .blog-card-meta span{background:var(--gold);color:var(--purple-900)}.article-heading h1{position:relative;margin:9px auto 13px;padding-bottom:18px;max-width:780px;font-size:clamp(2.1rem,3.6vw,3.45rem);line-height:1.1;text-wrap:balance}.article-heading h1:after{content:"";position:absolute;left:50%;bottom:0;width:52px;height:3px;transform:translateX(-50%);border-radius:999px;background:var(--gold)}.article-heading>p:last-child{max-width:700px;font-size:1rem;line-height:1.55}.article-layout{padding-top:48px}
@media (max-width:980px){.article-hero{padding:86px 0 38px}.article-heading h1{font-size:clamp(2rem,5.4vw,3rem)}.article-layout{padding-top:42px}}
@media (max-width:640px){.article-hero{padding:78px 0 34px}.article-heading h1{margin-top:8px;padding-bottom:15px;font-size:clamp(2rem,9.2vw,2.65rem);line-height:1.12}.article-heading>p:last-child{font-size:.96rem}.article-layout{padding-top:34px}}

/* Optional inline images in article content. */
.article-inline-image{max-width:760px;margin:34px 0;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 18px 42px rgba(47,18,80,.12)}.article-inline-image img{display:block;width:100%;height:auto}
@media (max-width:640px){.article-inline-image{margin:28px 0;border-radius:18px}}
