.blog-root{--blog-content-bg:#fff;--blog-text:#24292f;--blog-text-muted:#656d76;--blog-text-subtle:#8b949e;--blog-heading:#1f2328;--blog-border:#d0d7de;--blog-border-subtle:#e8ecf0;--blog-link:#0969da;--blog-code-bg:#f6f8fa;background:var(--hp-bg);width:100%;min-height:100vh;color:var(--hp-text);font-family:var(--hp-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5;overflow-x:hidden}.blog-root .blog-container{max-width:var(--hp-max-w);width:100%;margin:0 auto;padding:0 32px}.blog-root .blog-header{text-align:center;background:var(--hp-bg);padding:140px 0 48px}.blog-root .blog-header__title{font-family:var(--hp-font-display);letter-spacing:-2px;color:var(--hp-text-muted);margin-bottom:16px;font-size:56px;font-weight:600;line-height:1.1}.blog-root .blog-header__title em{color:var(--hp-text);font-style:normal}.blog-root .blog-header__subtitle{color:var(--hp-text-subtle);max-width:520px;margin:0 auto;font-size:20px;line-height:1.6}.blog-root .blog-listing{background:var(--hp-bg);padding:0 0 96px}.blog-root .blog-featured{border:1px solid var(--hp-border);background:var(--hp-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:inherit;border-radius:12px;grid-template-columns:1fr 1fr;gap:0;margin-bottom:48px;text-decoration:none;transition:border-color .3s,box-shadow .3s;display:grid;overflow:hidden}.blog-root .blog-featured:hover{border-color:#388bfd40;box-shadow:0 8px 40px #0000004d,0 0 60px #388bfd0a}.blog-root .blog-featured__image{background:linear-gradient(135deg,var(--hp-bg-alt)0%,var(--hp-bg)100%);justify-content:center;align-items:center;min-height:320px;display:flex;position:relative;overflow:hidden}.blog-root .blog-featured__image img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.blog-root .blog-featured__image:before{content:"";background-color:#0000;background-image:linear-gradient(#f0f6fc04 1px,#0000 1px),linear-gradient(90deg,#f0f6fc04 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.blog-root .blog-featured__image-placeholder{opacity:.06;font-size:48px;position:relative}.blog-root .blog-featured__content{flex-direction:column;justify-content:center;gap:16px;padding:40px 36px;display:flex}.blog-root .blog-featured__tag{text-transform:uppercase;letter-spacing:.5px;border-radius:100px;align-items:center;width:fit-content;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.blog-root .blog-featured__title{font-family:var(--hp-font-display);letter-spacing:-.5px;color:var(--hp-text);font-size:28px;font-weight:600;line-height:1.2}.blog-root .blog-featured__excerpt{color:var(--hp-text-muted);font-size:16px;line-height:1.6}.blog-root .blog-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.blog-root .blog-card{border:1px solid var(--hp-border);background:var(--hp-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:inherit;border-radius:12px;flex-direction:column;text-decoration:none;transition:border-color .3s,box-shadow .3s,transform .3s;display:flex;overflow:hidden}.blog-root .blog-card:hover{border-color:#388bfd40;transform:translateY(-3px);box-shadow:0 8px 32px #00000040,0 0 40px #388bfd08}.blog-root .blog-card__image{aspect-ratio:16/9;background:linear-gradient(135deg,var(--hp-bg-alt)0%,var(--hp-bg)100%);border-bottom:1px solid var(--hp-border-subtle);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.blog-root .blog-card__image img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.blog-root .blog-card__image:before{content:"";background-color:#0000;background-image:linear-gradient(#f0f6fc04 1px,#0000 1px),linear-gradient(90deg,#f0f6fc04 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.blog-root .blog-card__image-placeholder{opacity:.06;font-size:36px;position:relative}.blog-root .blog-card__body{flex-direction:column;flex:1;gap:12px;padding:24px;display:flex}.blog-root .blog-card__tag{text-transform:uppercase;letter-spacing:.5px;border-radius:100px;align-items:center;width:fit-content;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.blog-root .blog-card__title{font-family:var(--hp-font-display);letter-spacing:-.3px;color:var(--hp-text);font-size:20px;font-weight:600;line-height:1.3}.blog-root .blog-card__excerpt{color:var(--hp-text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-root .blog-tag--blue{color:#58a6ff;background:#388bfd1f}.blog-root .blog-tag--green{color:#3fb950;background:#3fb9501f}.blog-root .blog-tag--purple{color:#a371f7;background:#a371f71f}.blog-root .blog-tag--pink{color:#f778ba;background:#f778ba1f}.blog-root .blog-tag--cyan{color:#58a6ff;background:#58a6ff1f}.blog-root .blog-author{align-items:center;gap:10px;display:flex}.blog-root .blog-author__avatar{background:linear-gradient(135deg,var(--hp-purple),var(--hp-blue));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex}.blog-root .blog-author__info{flex-direction:column;gap:1px;display:flex}.blog-root .blog-author__name{color:var(--hp-text);font-size:13px;font-weight:600}.blog-root .blog-author__meta{color:var(--hp-text-subtle);font-size:12px}.blog-root .blog-author--large .blog-author__avatar{width:44px;height:44px;font-size:16px}.blog-root .blog-author--large .blog-author__name{font-size:15px}.blog-root .blog-author--large .blog-author__meta{font-size:13px}.blog-root .blog-post-header{text-align:center;background:var(--hp-bg);padding:140px 0 48px}.blog-root .blog-post-header__inner{max-width:800px;margin:0 auto}.blog-root .blog-post-header__tag{text-transform:uppercase;letter-spacing:.5px;border-radius:100px;align-items:center;margin-bottom:20px;padding:4px 14px;font-size:12px;font-weight:600;display:inline-flex}.blog-root .blog-post-header__title{font-family:var(--hp-font-display);letter-spacing:-1.5px;color:var(--hp-text);margin-bottom:20px;font-size:48px;font-weight:600;line-height:1.1}.blog-root .blog-post-header__excerpt{color:var(--hp-text-muted);max-width:640px;margin:0 auto 28px;font-size:20px;line-height:1.6}.blog-root .blog-post-header__author{justify-content:center;align-items:center;display:flex}.blog-root .blog-post-feature{max-width:960px;margin:0 auto;padding:0 32px;position:relative}.blog-root .blog-post-feature__img{aspect-ratio:16/9;border:1px solid var(--hp-border);background:linear-gradient(135deg,var(--hp-bg-alt)0%,var(--hp-bg)100%);border-radius:12px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.blog-root .blog-post-feature__img img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.blog-root .blog-post-feature__img:before{content:"";background-color:#0000;background-image:linear-gradient(#f0f6fc04 1px,#0000 1px),linear-gradient(90deg,#f0f6fc04 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.blog-root .blog-post-feature__placeholder{opacity:.06;font-size:56px;position:relative}.blog-root .blog-post-body{background:var(--blog-content-bg);margin-top:48px;padding:64px 32px 80px}.blog-root .blog-post-body__inner{max-width:720px;margin:0 auto}.blog-root .blog-prose{color:var(--blog-text);font-size:18px;line-height:1.75}.blog-root .blog-prose h2{font-family:var(--hp-font-display);letter-spacing:-.5px;color:var(--blog-heading);margin-top:48px;margin-bottom:16px;font-size:28px;font-weight:600;line-height:1.3}.blog-root .blog-prose h3{font-family:var(--hp-font-display);color:var(--blog-heading);margin-top:36px;margin-bottom:12px;font-size:22px;font-weight:600;line-height:1.3}.blog-root .blog-prose p{margin-bottom:20px}.blog-root .blog-prose ul,.blog-root .blog-prose ol{margin-bottom:20px;padding-left:24px}.blog-root .blog-prose li{margin-bottom:8px}.blog-root .blog-prose li::marker{color:var(--blog-text-muted)}.blog-root .blog-prose strong{color:var(--blog-heading);font-weight:600}.blog-root .blog-prose a{color:var(--blog-link);text-underline-offset:2px;text-decoration:underline}.blog-root .blog-prose a:hover{text-decoration-color:#0000}.blog-root .blog-prose blockquote{border-left:3px solid var(--hp-blue);background:var(--blog-code-bg);border-radius:0 8px 8px 0;margin:28px 0;padding:16px 24px}.blog-root .blog-prose blockquote p{color:var(--blog-text-muted);margin-bottom:0;font-size:17px;font-style:italic}.blog-root .blog-prose code{background:var(--blog-code-bg);color:var(--blog-heading);border-radius:4px;padding:2px 6px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.88em}.blog-root .blog-prose pre{color:#e6edf3;background:#161b22;border:1px solid #30363da6;border-radius:8px;margin:24px 0;padding:20px 24px;font-size:14px;line-height:1.6;overflow-x:auto}.blog-root .blog-prose pre code{color:inherit;font-size:inherit;background:0 0;padding:0}.blog-root .blog-prose img{border-radius:8px;max-width:100%;height:auto;margin:24px 0}.blog-root .blog-post-footer{background:var(--blog-content-bg);padding:0 32px 80px}.blog-root .blog-post-footer__inner{border-top:1px solid var(--blog-border-subtle);max-width:720px;margin:0 auto;padding-top:40px}.blog-root .blog-post-footer__back{color:var(--blog-link);align-items:center;gap:6px;font-size:15px;font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-flex}.blog-root .blog-post-footer__back:hover{opacity:.8}.blog-root .blog-related{background:var(--hp-bg);padding:80px 0}.blog-root .blog-related__title{font-family:var(--hp-font-display);letter-spacing:-.5px;color:var(--hp-text);text-align:center;margin-bottom:32px;font-size:28px;font-weight:600}.blog-root .blog-related__grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (max-width:1024px){.blog-root .blog-header__title{font-size:44px}.blog-root .blog-grid,.blog-root .blog-related__grid{grid-template-columns:repeat(2,1fr)}.blog-root .blog-post-header__title{font-size:40px}.blog-root .blog-featured{grid-template-columns:1fr}.blog-root .blog-featured__image{min-height:240px}}@media (max-width:768px){.blog-root .blog-header{padding:120px 0 32px}.blog-root .blog-header__title{letter-spacing:-1.5px;font-size:36px}.blog-root .blog-header__subtitle{font-size:17px}.blog-root .blog-grid,.blog-root .blog-related__grid{grid-template-columns:1fr}.blog-root .blog-listing{padding-bottom:64px}.blog-root .blog-container{padding:0 20px}.blog-root .blog-post-header{padding:120px 0 32px}.blog-root .blog-post-header__title{letter-spacing:-1px;font-size:32px}.blog-root .blog-post-header__excerpt{font-size:17px}.blog-root .blog-post-feature__img{aspect-ratio:16/9}.blog-root .blog-post-body{padding:40px 20px 60px}.blog-root .blog-prose{font-size:16px}.blog-root .blog-prose h2{margin-top:36px;font-size:24px}.blog-root .blog-prose h3{margin-top:28px;font-size:20px}.blog-root .blog-post-footer{padding:0 20px 60px}.blog-root .blog-related{padding:48px 0}.blog-root .blog-related__title{font-size:24px}.blog-root .blog-featured__content{padding:24px}.blog-root .blog-featured__title{font-size:22px}}@media (max-width:480px){.blog-root .blog-header__title{letter-spacing:-1px;font-size:28px}.blog-root .blog-post-header__title{font-size:28px}.blog-root .blog-card__body{padding:20px}}