.blog-archive-page .container,.blog-post-page .container,body.single-post .container,body.blog .container{padding-inline:90px}@media (max-width: 1280px){.blog-archive-page .container,.blog-post-page .container,body.single-post .container,body.blog .container{padding-inline:40px}}@media (max-width: 1024px){.blog-archive-page .container,.blog-post-page .container,body.single-post .container,body.blog .container{padding-inline:20px}}.blog-layout{display:grid;grid-template-columns:1fr 320px;gap:var(--space-12);align-items:start}.blog-featured{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--clr-border);margin-bottom:var(--space-8)}.blog-featured__image-wrap{overflow:hidden;background:var(--clr-bg-alt);display:flex;align-items:center;justify-content:center;min-height:280px}[data-theme=dark] .blog-featured__image-wrap{background:var(--clr-surface-2)}.blog-featured__image{width:100%;height:100%;max-height:500px;object-fit:contain;object-position:center;display:block}.blog-featured__image.is-landscape{object-fit:cover}.blog-featured__body{padding:var(--space-10);display:flex;flex-direction:column;justify-content:center;background:var(--clr-surface)}[data-theme=dark] .blog-featured__body{background:var(--clr-surface)}.blog-featured__tag{display:inline-block;background:var(--clr-accent);color:var(--clr-white);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:4px 12px;border-radius:var(--radius-sm);margin-bottom:var(--space-4);width:fit-content}.blog-featured__title{font-family:var(--font-display);font-size:clamp(1.4rem,2.5vw,2rem);font-weight:700;color:var(--clr-primary);line-height:1.3;margin-bottom:var(--space-4);transition:color var(--duration)}.blog-featured__title:hover{color:var(--clr-accent)}.blog-featured__excerpt{color:var(--clr-muted);line-height:1.7;margin-bottom:var(--space-6)}.blog-featured__meta{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-xs);color:var(--clr-muted);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--clr-border)}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.post-layout{display:grid;grid-template-columns:260px 1fr 280px;grid-template-areas:"toc article sidebar";gap:var(--space-10);align-items:start}.post-layout>.post-toc-col{grid-area:toc;position:sticky;top:96px;max-height:calc(100vh - 112px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--clr-border) transparent}.post-layout>article{grid-area:article;min-width:0}.post-layout>aside{grid-area:sidebar;position:sticky;top:96px;max-height:calc(100vh - 112px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--clr-border) transparent;display:flex;flex-direction:column;gap:var(--space-5)}.post-toc-col .toc{position:static;max-height:none;overflow:visible}.post__hero-image-wrap{width:100%;max-height:480px;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-8);box-shadow:var(--shadow-md);background:var(--clr-bg-alt);display:flex;align-items:center;justify-content:center}.post__hero-image{width:100%;height:auto;max-height:480px;object-fit:contain;object-position:center;display:block;border-radius:var(--radius-lg)}.post__hero-image.is-landscape{object-fit:cover;height:100%;aspect-ratio:16/6}[data-theme=dark] .post__hero-image-wrap{background:var(--clr-surface-2)}.post__header{margin-bottom:var(--space-8)}.post__tags{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap}.post__tag{background:var(--clr-bg-alt);color:var(--clr-primary);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:4px 12px;border-radius:99px;transition:all var(--duration)}.post__tag:hover{background:var(--clr-primary);color:var(--clr-white)}.post__tag--accent{background:var(--clr-accent);color:var(--clr-white)}.post__title{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;color:var(--clr-primary);line-height:1.25;margin-bottom:var(--space-5)}.post__meta{display:flex;align-items:center;gap:var(--space-6);font-size:var(--text-sm);color:var(--clr-muted);padding-block:var(--space-4);border-top:1px solid var(--clr-border);border-bottom:1px solid var(--clr-border);flex-wrap:wrap}.post__meta-item{display:flex;align-items:center;gap:6px}.post__author-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--clr-accent)}.post__content{font-size:1.05rem;line-height:1.85;color:var(--clr-text-body)}.post__content h2{font-size:1.6rem;margin-top:var(--space-10);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid var(--clr-border);position:relative}.post__content h2:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:var(--clr-accent)}.post__content h3{font-size:1.25rem;margin-top:var(--space-8);margin-bottom:var(--space-3)}.post__content p{margin-bottom:var(--space-5);max-width:none}.post__content a{color:var(--clr-accent);text-decoration:underline;text-underline-offset:3px}.post__content ul,.post__content ol{margin-bottom:var(--space-5);padding-left:var(--space-6)}.post__content li{margin-bottom:var(--space-2)}.post__content ul li{list-style:disc}.post__content ol li{list-style:decimal}.post__content blockquote{border-left:4px solid var(--clr-accent);margin:var(--space-8) 0;padding:var(--space-5) var(--space-6);background:var(--clr-bg-alt);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic;font-size:1.1rem;color:var(--clr-primary)}[data-theme=dark] .post__content blockquote{background:var(--clr-surface-2);color:var(--clr-text);border-left-color:var(--clr-accent)}.post__content blockquote cite{display:block;font-style:normal;font-size:var(--text-sm);color:var(--clr-muted);margin-top:var(--space-3)}[data-theme=dark] .post__content blockquote cite{color:var(--clr-muted)}.post__content img{border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin-block:var(--space-6)}.post__content pre{background:var(--clr-primary-dk);color:#e2e8f0;border-radius:var(--radius-md);padding:var(--space-6);overflow-x:auto;font-size:var(--text-sm);margin-block:var(--space-6)}.post__content code{background:var(--clr-bg-alt);color:var(--clr-accent);padding:2px 6px;border-radius:var(--radius-sm);font-size:.9em}.post__content pre code{background:none;color:inherit;padding:0}.post__share{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--clr-border);flex-wrap:wrap}.post__share-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--clr-muted);margin-right:var(--space-2)}.share-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-sm);border:1px solid var(--clr-border);color:var(--clr-text-body);background:var(--clr-surface);cursor:pointer;transition:all var(--duration)}[data-theme=dark] .share-btn{background:var(--clr-surface-2);border-color:var(--clr-border);color:var(--clr-text-body)}.share-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.share-btn--twitter:hover{background:#1da1f2;border-color:#1da1f2;color:#fff}.share-btn--linkedin:hover{background:#0077b5;border-color:#0077b5;color:#fff}.share-btn--facebook:hover{background:#1877f2;border-color:#1877f2;color:#fff}.post__author-bio{background:var(--clr-bg-alt);border-radius:var(--radius-lg);padding:var(--space-8);margin-top:var(--space-10);display:flex;gap:var(--space-6);border:1px solid var(--clr-border)}.post__author-bio-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:4px solid var(--clr-white);box-shadow:var(--shadow-sm);flex-shrink:0;background:var(--clr-surface-2);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:900;font-size:1.8rem;color:var(--clr-primary)}.post__author-bio-content h4{margin-bottom:4px}.post__author-bio-content p{font-size:var(--text-sm);color:var(--clr-muted);margin-top:var(--space-2);max-width:none}.related-posts{margin-top:var(--space-12)}.related-posts h3{font-size:1.4rem;margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:2px solid var(--clr-border);position:relative}.related-posts h3:after{content:"";position:absolute;bottom:-2px;left:0;width:48px;height:2px;background:var(--clr-accent)}.related-posts__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.card--related{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius-md);border:1px solid var(--clr-border);background:var(--clr-surface);transition:box-shadow .3s,transform .3s}.card--related:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}[data-theme=dark] .card--related{background:var(--clr-surface);border-color:var(--clr-border)}.card--related .card__image-wrap{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;flex-shrink:0}.card--related .card__image-wrap>div{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.card--related .card__image-wrap .card__badge{position:absolute;left:var(--space-2);z-index:1}.card--related .card__body{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:var(--space-4)}.card--related .card__title{margin-bottom:var(--space-1);font-size:.95rem}.card--related .card__link{margin-top:auto;padding-top:var(--space-2);font-size:var(--text-xs)}@media (max-width: 480px){.card--related{flex-direction:column}.card--related .card__image-wrap{width:100%;height:140px;position:relative}}.toc{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-md);overflow:hidden;position:sticky;top:88px;max-height:calc(100vh - 120px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--clr-border) transparent}.toc__header{background:var(--clr-primary);color:var(--clr-white);padding:var(--space-4) var(--space-5);font-family:var(--font-body);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:var(--space-2);position:sticky;top:0;z-index:1}.toc__list{padding:var(--space-3) var(--space-5)}.toc__list li{border-bottom:1px solid var(--clr-border)}.toc__list li:last-child{border-bottom:none}.bwt-toc__link{display:block;padding-block:9px;font-size:var(--text-sm);color:var(--clr-text-body);transition:color var(--duration),padding-left var(--duration),font-weight var(--duration);text-decoration:none}.bwt-toc__link:hover{color:var(--clr-primary);padding-left:4px}.bwt-toc__link.is-active{color:var(--clr-accent)!important;font-weight:700;padding-left:6px;border-left:3px solid var(--clr-accent);margin-left:-3px}.toc__list li.toc--h3 .bwt-toc__link{padding-left:var(--space-4);font-size:var(--text-xs);color:var(--clr-muted)}.toc__list li.toc--h3 .bwt-toc__link.is-active{padding-left:calc(var(--space-4) + 6px)}@media (max-width: 1200px){.related-posts__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1200px){.post-layout{grid-template-columns:1fr 260px;grid-template-areas:"article sidebar"}.post-layout>.post-toc-col{display:none}}@media (max-width: 1024px){.blog-layout{grid-template-columns:1fr}.post-layout{grid-template-columns:1fr;grid-template-areas:"toc" "article" "sidebar"}.post-layout>.post-toc-col{display:block;position:static;max-height:none;overflow:visible}.post-layout>aside{position:static;max-height:none;overflow:visible}.blog-featured{grid-template-columns:1fr}.blog-featured__body{padding:var(--space-6)}.blog-grid,.related-posts__grid{grid-template-columns:repeat(2,1fr)}.toc{position:static;max-height:none;overflow:visible}}@media (max-width: 768px){.blog-grid,.related-posts__grid{grid-template-columns:1fr}.blog-featured__image{max-height:300px}.post__author-bio{flex-direction:column;gap:var(--space-4)}.post__meta{gap:var(--space-3);flex-wrap:wrap}.post__share{flex-wrap:wrap;gap:var(--space-2)}.blog-filters{gap:var(--space-2);flex-wrap:wrap}.blog-search{width:100%;margin-left:0}.blog-search input,.blog-search input:focus{width:100%;box-sizing:border-box}.page-hero h1{font-size:clamp(1.5rem,5vw,2.2rem)}.post__title{font-size:clamp(1.6rem,5vw,2.4rem)}.post__content h2{font-size:1.3rem}.post__content blockquote{padding:var(--space-4)}}@media (max-width: 480px){.blog-featured__image-wrap{min-height:180px}.blog-featured__image{max-height:260px}.blog-featured__body{padding:var(--space-4)}.post__content pre{padding:var(--space-4);font-size:.78rem}.post__author-bio{padding:var(--space-5)}}