.blog-main{min-height:100vh;width:100%;max-width:100vw;display:flex;flex-direction:column;overflow-x:hidden}.blog-header{padding:calc(var(--nav-height, 70px) + 2rem) 32px 48px;max-width:calc(var(--container-max, 1280px) + 64px);width:100%;margin:0 auto}.blog-header__content{display:flex;flex-direction:column;gap:16px}.blog-header__badge{display:inline-block;color:var(--brand-primary-container, #ff525c);font-size:11px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;width:fit-content}.blog-header__title{font-size:clamp(32px,4.6vw,56px);font-weight:800;line-height:1.08;letter-spacing:-.025em;color:var(--text-on-surface, #e5e2e1);margin:0;text-align:left}.blog-header__meta{display:grid;gap:24px;width:100%;margin-top:24px}.blog-header__description{max-width:48rem;margin:0;color:var(--text-secondary, #c8c6c5);font-size:clamp(.95rem,.9rem + .2vw,1.05rem);font-weight:400;line-height:1.7;text-align:left}.blog-header__facts{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(8rem,.65fr) minmax(0,1fr);width:100%;margin:0;padding:16px 0 0;border-top:1px solid var(--bg-surface-container-highest, #353534)}.blog-header__fact{display:grid;min-width:0;gap:6px;margin:0;padding:0 20px;border-left:1px solid var(--bg-surface-container-highest, #353534)}.blog-header__fact:first-child{padding-left:0;border-left:0}.blog-header__fact dt{margin:0;color:var(--brand-primary-container, #ff525c);font-size:.625rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.blog-header__fact dd{min-width:0;margin:0;color:var(--text-on-surface, #e5e2e1);font-size:.75rem;font-weight:650;letter-spacing:.06em;line-height:1.5;text-transform:uppercase}.blog-header__fact a{color:inherit;text-underline-offset:3px}.blog-header__updated{display:inline-flex;align-items:baseline;gap:.35rem;margin-left:.7rem;color:var(--text-muted, #9ca3af)}.blog-header__updated:before{color:var(--brand-primary-container, #ff525c);content:"·"}.blog-image{padding:0 32px;max-width:calc(var(--container-max, 1280px) + 64px);width:100%;min-width:0;margin:0 auto 64px}.blog-image__container{position:relative;width:100%;aspect-ratio:21/9;overflow:hidden}.blog-image__img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:filter .7s ease}.blog-image__container:hover .blog-image__img{filter:grayscale(0%)}.blog-image__overlay{position:absolute;inset:0;background:linear-gradient(to top,var(--bg-surface, #131313),transparent);pointer-events:none}.blog-image__credit{margin-top:12px;color:var(--text-muted, #8d8988);font-size:12px;text-align:right}.blog-image__credit a{color:inherit;text-underline-offset:3px}.blog-grid{max-width:calc(var(--container-max, 1280px) + 64px);width:100%;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:repeat(12,1fr);gap:64px;min-width:0}.blog-grid__content{grid-column:span 8;min-width:0;max-width:100vw;overflow-x:hidden}.blog-grid__sidebar{grid-column:span 4;display:flex;flex-direction:column;gap:48px;min-width:0}.blog-article{width:100%;min-width:0;max-width:100vw;overflow-x:hidden}.blog-article__content{width:100%;min-width:0;max-width:100vw;background:var(--bg-surface-container-low, #1c1b1b);border:1px solid var(--bg-surface-container-highest, #353534);padding:clamp(24px,4vw,48px)}.blog-article__content h2,.blog-article__content h3{scroll-margin-top:calc(var(--nav-height, 70px) + 24px)}.blog-article__content .article-figure{margin:48px 0}.blog-article__content .article-figure img{margin:0;border:1px solid var(--bg-surface-container-highest, #353534)}.blog-article__content .article-figure--screenshot img{object-fit:contain;background:#fff}.blog-article__content figcaption{margin-top:12px;color:var(--text-muted, #8d8988);font-size:13px;line-height:1.5}.blog-author{margin-top:64px;padding-top:32px;border-top:1px solid var(--bg-surface-container-highest, #353534)}.blog-author__eyebrow{display:block;margin-bottom:8px;color:var(--brand-primary-container, #ff525c);font-size:11px;font-weight:800;letter-spacing:.2em}.blog-author__name{color:#fff;font-size:20px;font-weight:800;text-underline-offset:4px}.blog-author p{margin-bottom:0}.blog-toc,.blog-resource{background:var(--bg-surface-container-low, #1c1b1b);padding:32px}.blog-toc__title,.blog-resource__eyebrow{margin:0 0 16px;color:var(--brand-primary-container, #ff525c);font-size:11px;font-weight:900;letter-spacing:.2em}.blog-toc__list{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.blog-toc__item a{color:var(--text-muted, #a9a5a4);font-size:14px;line-height:1.45;text-decoration:none}.blog-toc__item a:hover{color:#fff}.blog-toc__item--nested{padding-left:16px;border-left:1px solid var(--bg-surface-container-highest, #353534)}.blog-resource{border:1px solid var(--brand-primary-container, #ff525c)}.blog-resource__title{margin:0;color:#fff;font-size:22px;line-height:1.25}.blog-resource p{margin:16px 0 24px;color:var(--text-muted, #a9a5a4);font-size:14px;line-height:1.6}.blog-resource a{display:block;padding:14px 16px;background:var(--brand-primary-container, #ff525c);color:var(--text-on-primary-container, #1a1a1a);font-size:11px;font-weight:800;letter-spacing:.15em;text-align:center;text-decoration:none;text-transform:uppercase}.blog-sidebar{background:var(--bg-surface-container-low, #1c1b1b);padding:32px;display:flex;flex-direction:column;gap:32px}.blog-sidebar__title{font-size:11px;font-weight:900;letter-spacing:.3em;text-transform:uppercase;color:#fff;padding-bottom:16px;border-bottom:1px solid var(--bg-surface-container-highest, #353534)}.blog-sidebar__item{display:flex;flex-direction:column;gap:4px}.blog-sidebar__label{font-size:11px;color:var(--text-muted, #717171);letter-spacing:.15em;text-transform:uppercase}.blog-sidebar__value{font-size:14px;font-weight:700;text-transform:uppercase;color:var(--text-on-surface, #e5e2e1)}.blog-sidebar__tags{display:flex;flex-wrap:wrap;gap:8px;padding-top:16px;border-top:1px solid var(--bg-surface-container-highest, #353534)}.blog-sidebar__tag{background:var(--bg-surface-container-highest, #353534);padding:6px 12px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-on-surface, #e5e2e1)}.blog-cta{background:var(--brand-primary-container, #ff525c);padding:32px;display:flex;flex-direction:column;gap:16px}.blog-cta__title{font-size:20px;font-weight:800;line-height:1.25;color:var(--text-on-primary-container, #1a1a1a)}.blog-cta__text{font-size:14px;line-height:1.6;color:var(--text-on-primary-container, #333)}.blog-cta__button{width:100%;background:var(--bg-surface, #131313);color:#fff;padding:16px;font-weight:700;font-size:11px;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;text-align:center;transition:background .2s ease;border:none;cursor:pointer}.blog-cta__button:hover{background:var(--bg-surface-container, #201f1f)}.blog-cta__actions{display:grid;gap:12px}.blog-cta__button--ghost{background:transparent;border:1px solid var(--text-on-primary-container, #1a1a1a);color:var(--text-on-primary-container, #1a1a1a)}.blog-cta__button--ghost:hover{background:#00000014}.blog-related{display:flex;flex-direction:column;gap:16px}.blog-related__title{font-size:11px;font-weight:900;letter-spacing:.3em;text-transform:uppercase;color:#fff}.blog-related__list{display:flex;flex-direction:column;gap:4px}.blog-related__empty{font-size:14px;color:var(--text-muted, #717171);font-style:italic}@media(max-width:767px){.blog-header{padding:var(--page-padding-top-mobile, 7rem) 24px 32px}.blog-header__title{font-size:clamp(32px,8vw,48px)}.blog-header__meta{gap:20px;margin-top:16px}.blog-header__description{font-size:.95rem}.blog-header__facts{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);row-gap:14px;padding-top:14px}.blog-header__fact{padding:0;border-left:0}.blog-header__fact:nth-child(2){padding-left:16px;border-left:1px solid var(--bg-surface-container-highest, #353534)}.blog-header__fact:last-child{grid-column:1 / -1;padding-top:14px;border-top:1px solid var(--bg-surface-container-highest, #353534)}.blog-header__updated{display:flex;margin:.3rem 0 0}.blog-header__updated:before{display:none}.blog-image{padding:0 24px}.blog-grid{grid-template-columns:1fr;gap:48px;padding:0 24px}.blog-grid__content,.blog-grid__sidebar{grid-column:1 / -1}.blog-sidebar,.blog-toc,.blog-resource,.blog-cta{padding:24px}.blog-cta__title{font-size:18px}}@media(min-width:768px){.blog-header{padding:calc(var(--nav-height, 70px) + 2rem) var(--container-padding-x, 32px) 48px}.blog-header__description{font-size:20px}.blog-image{padding:0 var(--container-padding-x, 32px)}.blog-grid{padding:0 var(--container-padding-x, 32px);gap:64px}}@media(min-width:1024px){.blog-header{padding:calc(var(--nav-height, 70px) + 2rem) var(--container-padding-x, 32px) 48px}.blog-header__title{font-size:clamp(48px,5.5vw,72px)}.blog-header__meta{grid-template-columns:minmax(0,1.1fr) minmax(20rem,.9fr);column-gap:clamp(2.5rem,5vw,4rem);align-items:stretch}.blog-header__facts{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(3,minmax(0,1fr));align-self:stretch;padding:0;border-top:0}.blog-header__fact{grid-template-columns:minmax(6.25rem,.65fr) minmax(0,1fr);align-items:center;gap:1rem;padding:.75rem 0;border-top:1px solid var(--bg-surface-container-highest, #353534);border-left:0}.blog-header__fact:first-child{padding-left:0;border-left:0}.blog-header__fact:last-child{border-bottom:1px solid var(--bg-surface-container-highest, #353534)}.blog-image{padding:0 var(--container-padding-x, 32px)}.blog-grid{padding:0 var(--container-padding-x, 32px);gap:80px}.blog-sidebar,.blog-cta{padding:32px}.blog-cta__title{font-size:20px}}
