/* New blog-only styles: the original design system is untouched. */
.blog-hero{background:radial-gradient(ellipse at 82% 24%,rgba(245,166,35,.20),transparent 34%),linear-gradient(115deg,#171b21,#292d34);color:#fff;padding:76px 0 80px;overflow:hidden;position:relative}
.blog-hero::after{content:"";position:absolute;right:-100px;bottom:-160px;width:480px;height:480px;border-radius:50%;border:65px solid rgba(255,255,255,.025);box-shadow:0 0 0 62px rgba(255,255,255,.02);pointer-events:none}
.blog-hero .breadcrumb,.blog-hero .breadcrumb a{color:#bfc7d2}.blog-hero .eyebrow{color:var(--brand)}
.blog-hero h1{font-size:clamp(2.8rem,6vw,5rem);max-width:850px;margin:18px 0 24px}.blog-hero h1 span{color:var(--brand)}.blog-hero p{font-size:1.08rem;color:#bdc5d0;max-width:670px;line-height:1.75}
.blog-hero-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:32px}.blog-hero-chips span{border:1px solid rgba(255,255,255,.17);padding:7px 14px;border-radius:50px;font-size:.74rem;font-weight:700;letter-spacing:.06em;color:#ebeff4}
.blog-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:20px}.blog-toolbar h2{margin:6px 0 0}.blog-search{display:flex;gap:8px;flex-wrap:wrap;max-width:100%}.blog-search input{width:250px;max-width:100%}
.blog-chips{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:32px}.blog-chips a{background:var(--card);border:1px solid var(--line);border-radius:50px;padding:8px 15px;font-size:.88rem;font-weight:700;color:var(--muted)}.blog-chips a.selected,.blog-chips a:hover{border-color:var(--brand);background:var(--soft);color:var(--ink)}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-card{display:flex;flex-direction:column;box-shadow:0 8px 24px rgba(20,23,28,.055);transition:transform .2s,border-color .2s}.blog-card:hover{transform:translateY(-4px);border-color:var(--brand)}
.blog-card-photo{height:auto;aspect-ratio:16/10;background:linear-gradient(130deg,#20252b,#343b44);overflow:hidden;display:block;position:relative}.blog-card-photo img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.blog-card:hover img{transform:scale(1.035)}.blog-card-body{padding:23px;display:flex;flex-direction:column;flex:1}
.blog-image-placeholder{width:100%;height:100%;min-height:190px;display:grid;place-items:center;font-size:5rem;color:var(--brand);background:repeating-radial-gradient(circle at center,#2f3339 0 24px,#25292e 25px 42px)}
.blog-image-failed{background:#292f36;display:grid;place-items:center}.blog-image-failed:after{content:"Image unavailable";font-size:.85rem;color:#dde0e5;font-weight:700}
.blog-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:.78rem;font-weight:700;margin-bottom:13px}.blog-card-meta span{color:var(--brand-dark)}[data-theme="dark"] .blog-card-meta span{color:var(--brand)}
.blog-card h3{font-size:1.24rem;line-height:1.32;margin-bottom:10px}.blog-card p{font-size:.92rem;line-height:1.7;flex:1;margin-bottom:20px}.blog-read{font-weight:800;color:var(--brand-dark)}[data-theme="dark"] .blog-read{color:var(--brand)}.blog-read span{margin-left:4px}
.blog-empty{border:1px dashed var(--line);background:var(--card);border-radius:22px;padding:70px 26px;text-align:center}.blog-empty-icon{display:grid;place-items:center;width:86px;height:86px;background:var(--soft);border-radius:50%;margin:0 auto 22px;color:var(--brand-dark);font-size:3rem}.blog-empty h2{font-size:1.7rem}.blog-empty p{max-width:560px;margin:0 auto 20px}
.blog-pagination{display:flex;gap:9px;justify-content:center;margin:34px auto 0}.blog-pagination a{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--line);background:var(--card);font-weight:700}.blog-pagination .selected{background:var(--brand);color:#181b21}
.blog-cta{padding:50px 0;background:var(--card);border-block:1px solid var(--line)}.blog-cta .container{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}.blog-cta h2{font-size:clamp(1.6rem,3vw,2.2rem);margin:8px 0}.blog-cta p{margin:0}
.blog-article{padding:50px 0 70px}.blog-article-layout{max-width:1100px}.blog-article-top{max-width:850px;margin:0 auto 36px}.blog-article-top h1{font-size:clamp(2.5rem,5vw,4.3rem);line-height:1.08;margin:18px 0}.blog-article-lead{font-size:1.25rem;line-height:1.75}.blog-byline{display:flex;flex-wrap:wrap;gap:12px;font-size:.9rem;color:var(--muted);font-weight:700;margin-top:22px}
.blog-article-cover{max-width:1000px;margin:0 auto 42px}.blog-article-cover img{display:block;width:100%;height:auto;max-height:600px;object-fit:contain;border-radius:20px;background:var(--card);border:1px solid var(--line)}.blog-article-cover figcaption{font-size:.82rem;color:var(--muted);margin-top:8px;text-align:center}
.blog-content-area{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:58px;align-items:start}.blog-prose{min-width:0;font-size:1.04rem;line-height:1.85}.blog-prose h2{font-size:1.7rem;margin:36px 0 14px}.blog-prose h3{font-size:1.32rem;margin:26px 0 12px}.blog-prose p{margin:0 0 19px;color:var(--ink)}.blog-prose ul,.blog-prose ol{padding-left:24px;margin:8px 0 22px}.blog-prose li{margin-bottom:7px}.blog-prose a{color:var(--brand-dark);text-decoration:underline;text-underline-offset:3px}.blog-prose blockquote{border-left:4px solid var(--brand);padding:8px 22px;margin:25px 0;background:var(--soft)}.blog-prose img{max-width:100%;height:auto;border-radius:12px;margin:14px auto}.blog-prose figure{margin:26px 0}.blog-prose figcaption{color:var(--muted);font-size:.84rem;text-align:center}.blog-prose table{border-collapse:collapse;width:100%;display:block;overflow-x:auto;white-space:normal;margin:26px 0}.blog-prose th,.blog-prose td{border:1px solid var(--line);padding:10px 14px;min-width:120px;text-align:left}.blog-prose th{background:var(--soft)}.blog-prose pre{background:#171b21;color:#e9eef4;padding:18px;overflow:auto;border-radius:12px}.blog-prose code{word-break:break-word}
.blog-answer{background:var(--soft);border:1px solid var(--brand);border-radius:16px;padding:22px 24px;margin:0 0 32px}.blog-answer strong{color:var(--brand-dark);font-size:.8rem;letter-spacing:.08em}.blog-answer p{margin:8px 0 0}.blog-aside-box{position:sticky;top:135px;border:1px solid var(--line);background:var(--card);padding:22px;border-radius:18px}.blog-aside-box h3{margin:13px 0}.blog-aside-box .btn{width:100%;margin-top:8px}.blog-article-bottom{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px;border-top:1px solid var(--line);padding-top:30px}.blog-related{border-top:1px solid var(--line)}.blog-related h2{margin:8px 0 22px}
@media(max-width:980px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-content-area{grid-template-columns:minmax(0,1fr)}.blog-article-aside{display:none}}
@media(max-width:620px){.blog-hero{padding:55px 0}.blog-grid{grid-template-columns:1fr}.blog-search{width:100%}.blog-search input{flex:1;min-width:170px}.blog-article{padding:35px 0}.blog-article-top h1{font-size:2.3rem}.blog-article-cover{margin-bottom:25px}.blog-content-area{gap:0}.blog-cta .btn{width:100%}}
