.blog-page{overflow-x:hidden}.container-narrow{width:min(100%,780px);margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}.blog-hero{position:relative;padding:140px 0 56px;overflow:hidden;background:var(--color-bg);text-align:center}.blog-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.blog-hero__bg .bolge-hero__grid,.blog-hero .bolge-hero__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,var(--color-border) 1px,transparent 1px),linear-gradient(to bottom,var(--color-border) 1px,transparent 1px);background-size:48px 48px;opacity:.35;mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 40%,transparent 100%)}.blog-hero .bolge-hero__glow{position:absolute;top:-160px;left:50%;transform:translate(-50%);width:700px;height:420px;background:radial-gradient(circle,rgba(37,99,235,.18) 0%,transparent 70%);filter:blur(20px)}.blog-hero .container{position:relative;z-index:1}.blog-hero__eyebrow{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.12em;color:var(--color-text-accent);margin-bottom:16px}.blog-hero__title{font-family:var(--font-heading);font-size:clamp(2rem,5vw,3.2rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--color-text-heading);margin-bottom:18px}.blog-hero__desc{font-size:1.12rem;line-height:1.7;color:var(--color-text-muted);max-width:680px;margin:0 auto}.blog-filter{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:40px 0 36px}.blog-filter__btn{padding:9px 18px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s var(--transition-base);font-family:var(--font-main)}.blog-filter__btn:hover{border-color:var(--color-border-interactive)}.blog-filter__btn.is-active{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.blog-featured{display:grid;grid-template-columns:1.2fr 1fr;gap:0;border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-md);margin-bottom:44px;transition:transform .3s var(--transition-base),box-shadow .3s}.blog-featured:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.blog-featured__img{position:relative;min-height:300px}.blog-featured__img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.blog-featured__body{padding:36px 34px;display:flex;flex-direction:column;justify-content:center}.blog-featured__body h2{font-family:var(--font-heading);font-size:clamp(1.4rem,2.5vw,2rem);font-weight:800;line-height:1.2;color:var(--color-text-heading);margin:14px 0 12px;letter-spacing:-.01em}.blog-featured__body p{color:var(--color-text-muted);line-height:1.7;margin-bottom:14px}.blog-grid{display:grid;gap:26px;padding-bottom:20px}.blog-grid--3{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.blog-card{display:flex;flex-direction:column;text-decoration:none;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:transform .25s var(--transition-base),box-shadow .25s,border-color .25s}.blog-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--color-border-interactive)}.blog-card__img{position:relative;aspect-ratio:16 / 10;overflow:hidden}.blog-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.blog-card:hover .blog-card__img img{transform:scale(1.05)}.blog-card__body{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1}.blog-card__cat{align-self:flex-start;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-accent);background:var(--color-bg-tertiary);padding:4px 10px;border-radius:var(--radius-full);margin-bottom:12px}.blog-card__body h3{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;line-height:1.35;color:var(--color-text-heading);margin-bottom:10px}.blog-card__body p{font-size:.92rem;line-height:1.6;color:var(--color-text-muted);margin-bottom:14px;flex:1}.blog-card__date{font-size:.8rem;color:var(--color-text-dim)}.blog-article__head{padding:130px 0 26px}.blog-breadcrumb{font-size:.85rem;color:var(--color-text-muted);margin-bottom:22px;display:flex;gap:8px;flex-wrap:wrap}.blog-breadcrumb a{color:var(--color-text-muted);text-decoration:none}.blog-breadcrumb a:hover{color:var(--color-text-accent)}.blog-breadcrumb strong{color:var(--color-text-heading);font-weight:600}.blog-cat-badge{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--brand-primary);padding:6px 14px;border-radius:var(--radius-full);text-decoration:none;margin-bottom:20px}.blog-article__title{font-family:var(--font-heading);font-size:clamp(1.9rem,4.2vw,3rem);font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--color-text-heading);margin-bottom:18px}.blog-article__excerpt{font-size:1.2rem;line-height:1.6;color:var(--color-text-muted);margin-bottom:22px}.blog-article__meta{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--color-text-dim);flex-wrap:wrap}.blog-meta-author{font-weight:600;color:var(--color-text)}.blog-meta-dot{opacity:.5}.blog-article__hero{margin:14px auto 40px}.blog-article__hero img{width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.blog-content{font-size:1.08rem;line-height:1.85;color:var(--color-text)}.blog-content>*:first-child{margin-top:0}.blog-content h2{font-family:var(--font-heading);font-size:clamp(1.45rem,3vw,1.9rem);font-weight:800;line-height:1.25;letter-spacing:-.01em;color:var(--color-text-heading);margin:2.2em 0 .7em;padding-top:.2em}.blog-content h3{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:var(--color-text-heading);margin:1.7em 0 .6em}.blog-content p{margin:0 0 1.3em;color:var(--color-text-muted)}.blog-content a{color:var(--color-text-accent);text-decoration:underline;text-underline-offset:3px}.blog-content strong{color:var(--color-text-heading);font-weight:700}.blog-content ul,.blog-content ol{margin:0 0 1.4em;padding-left:1.4em;color:var(--color-text-muted)}.blog-content li{margin-bottom:.6em;line-height:1.75}.blog-content ul li::marker{color:var(--brand-primary)}.blog-content blockquote{margin:1.6em 0;padding:18px 24px;border-left:4px solid var(--brand-primary);background:var(--color-bg-secondary);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-text-heading);font-size:1.12rem;font-style:italic}.blog-content img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:1.4em 0}.blog-content table{width:100%;border-collapse:collapse;margin:1.6em 0;font-size:.96rem}.blog-content th,.blog-content td{border:1px solid var(--color-border);padding:10px 14px;text-align:left}.blog-content th{background:var(--color-bg-secondary);color:var(--color-text-heading);font-weight:700}.blog-content h2:target,.blog-content h3:target{scroll-margin-top:90px}.blog-author-box{display:flex;gap:20px;align-items:flex-start;margin:48px 0 10px;padding:28px;border-radius:var(--radius-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border)}.blog-author-box__logo{flex-shrink:0;width:60px;height:60px;border-radius:16px;background:var(--brand-gradient);color:#fff;font-family:var(--font-heading);font-weight:800;font-size:1.1rem;display:flex;align-items:center;justify-content:center}.blog-author-box strong{display:block;font-family:var(--font-heading);font-size:1.1rem;color:var(--color-text-heading);margin-bottom:6px}.blog-author-box p{font-size:.95rem;line-height:1.6;color:var(--color-text-muted);margin-bottom:14px}.btn-sm{padding:9px 18px!important;font-size:.9rem!important}.blog-related{padding:64px 0;background:var(--color-bg-secondary);margin-top:56px}.blog-related__title{font-family:var(--font-heading);font-size:1.7rem;font-weight:800;color:var(--color-text-heading);margin-bottom:28px;letter-spacing:-.01em}.blog-cta{position:relative;padding:80px 0;text-align:center;overflow:hidden;background:transparent}.blog-cta__glow{display:none}.blog-page>section,.blog-page>article{position:relative;z-index:1}.blog-article{background:var(--color-bg)}.blog-cta .container{position:relative;z-index:1}.blog-cta h2{font-family:var(--font-heading);font-size:clamp(1.6rem,3.5vw,2.3rem);font-weight:800;color:var(--color-text-heading);margin-bottom:14px;letter-spacing:-.02em}.blog-cta p{font-size:1.08rem;color:var(--color-text-muted);max-width:600px;margin:0 auto 28px;line-height:1.6}.blog-cta__actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:10001;background:transparent;pointer-events:none}.reading-progress span{display:block;height:100%;width:0;background:var(--brand-gradient);transition:width .1s linear}.blog-share{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:22px}.blog-share__label{font-size:.85rem;font-weight:600;color:var(--color-text-dim)}.blog-share__btn{display:inline-flex;align-items:center;justify-content:center;height:38px;min-width:38px;padding:0 12px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:.9rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s var(--transition-base);font-family:var(--font-main)}.blog-share__btn:hover{border-color:var(--brand-primary);color:var(--brand-primary);transform:translateY(-2px)}.blog-share__copy.is-copied{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.blog-toc{margin:0 0 36px;padding:22px 26px;border-radius:var(--radius-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border)}.blog-toc__title{display:block;font-family:var(--font-heading);font-weight:800;font-size:1.05rem;color:var(--color-text-heading);margin-bottom:12px;letter-spacing:-.01em}.blog-toc__title:before{content:"›";color:var(--brand-primary);font-weight:800;margin-right:8px}.blog-toc__list{list-style:none;counter-reset:toc;margin:0;padding:0;columns:2;column-gap:32px}.blog-toc__list li{counter-increment:toc;margin-bottom:9px;break-inside:avoid}.blog-toc__list a{color:var(--color-text-muted);text-decoration:none;font-size:.94rem;line-height:1.4;display:inline-flex;gap:8px;transition:color .2s}.blog-toc__list a:before{content:counter(toc,decimal-leading-zero);color:var(--brand-primary);font-weight:700;font-size:.82rem}.blog-toc__list a:hover{color:var(--color-text-accent)}.blog-content>p:first-of-type{font-size:1.18rem;line-height:1.75;color:var(--color-text-heading)}.blog-content>p:first-of-type:first-letter{float:left;font-family:var(--font-heading);font-size:3.6rem;line-height:.82;font-weight:800;padding:6px 12px 0 0;color:var(--brand-primary)}.blog-content h2:before{content:"";display:block;width:44px;height:3px;border-radius:3px;background:var(--brand-gradient);margin-bottom:18px}.blog-totop{position:fixed;bottom:26px;right:26px;z-index:999;width:46px;height:46px;border-radius:50%;border:none;cursor:pointer;background:var(--brand-primary);color:#fff;font-size:1.3rem;line-height:1;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .25s,transform .25s,visibility .25s,background .2s}.blog-totop.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.blog-totop:hover{background:var(--brand-primary-dark)}@media (max-width: 768px){.blog-toc__list{columns:1}.blog-totop{bottom:18px;right:18px;width:42px;height:42px}.blog-content>p:first-of-type:first-letter{font-size:3rem}.blog-hero{padding:110px 0 40px}.blog-featured{grid-template-columns:1fr}.blog-featured__img{min-height:220px}.blog-article__head{padding-top:100px}.blog-article__excerpt{font-size:1.08rem}.blog-author-box{flex-direction:column;gap:14px}.blog-cta__actions{flex-direction:column}.blog-cta__actions .btn-primary,.blog-cta__actions .btn-secondary{width:100%;text-align:center}}
