@layer starlight.core{.blog-page{min-height:100vh;display:flex;flex-direction:column;width:100%;overflow-x:hidden}.blog-main{flex:1;width:100%}.blog-hero{padding:clamp(3rem,6vw,5rem) 0 clamp(2rem,4vw,3rem);border-bottom:1px solid var(--sl-color-hairline)}.blog-hero__title{font-size:clamp(2rem,4vw,3rem);color:var(--sl-color-white);margin:0 0 .75rem}.blog-hero__description{font-size:1.125rem;color:var(--sl-color-gray-2);max-width:720px;margin:0;line-height:1.7}html[data-theme=light] .blog-hero__description,:root[data-theme=light] .blog-hero__description{color:var(--sl-color-gray-4)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;padding:clamp(2.5rem,5vw,4rem) 0}.blog-post-card{background:color-mix(in srgb,var(--sl-color-gray-7) 70%,transparent);border:1px solid var(--sl-color-gray-6);border-radius:16px;overflow:hidden;transition:transform .2s ease,border-color .2s ease}.blog-post-card:hover{transform:translateY(-4px);border-color:var(--sl-color-gray-4)}.blog-post-card__link{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}.blog-post-card__image img{width:100%;height:180px;object-fit:cover;display:block}.blog-post-card__content{padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;height:100%}.blog-post-card__meta{font-size:.8125rem;text-transform:uppercase;letter-spacing:.08em;color:var(--sl-color-gray-3);margin:0}.blog-post-card__title{font-size:1.25rem;line-height:1.4;color:var(--sl-color-white);margin:0}.blog-post-card__description{font-size:.95rem;line-height:1.6;color:var(--sl-color-gray-2);margin:0;flex:1}.blog-post-card__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.blog-post-card__tag{background:color-mix(in srgb,var(--sl-color-gray-6) 65%,transparent);color:var(--sl-color-gray-2);font-size:.75rem;padding:.25rem .6rem;border-radius:999px}html[data-theme=light] .blog-post-card__description,:root[data-theme=light] .blog-post-card__description{color:var(--sl-color-gray-4)}.blog-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding-bottom:3rem;flex-wrap:wrap}.blog-pagination__pages{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.blog-pagination__nav,.blog-pagination__page{color:var(--sl-color-white);text-decoration:none;padding:.45rem .75rem;border-radius:8px;border:1px solid var(--sl-color-gray-6);transition:border-color .2s ease,transform .2s ease;font-size:.9rem}.blog-pagination__nav:hover,.blog-pagination__page:hover{border-color:var(--sl-color-gray-4);transform:translateY(-1px)}.blog-pagination__page.is-active{background:var(--color-primary);color:var(--sl-color-black);border-color:transparent}.blog-pagination__nav.is-disabled{opacity:.4;pointer-events:none}.blog-post{max-width:840px;margin:0 auto;padding:clamp(2.5rem,5vw,4rem) 0 4rem}.blog-post__header{text-align:left;margin-bottom:2.5rem}.blog-post__meta{font-size:.85rem;color:var(--sl-color-gray-3);letter-spacing:.08em;text-transform:uppercase;display:flex;gap:.6rem;align-items:center;margin:0 0 .75rem}.blog-post__meta-separator{opacity:.6}.blog-post__title{font-size:clamp(2rem,4vw,3rem);line-height:1.2;margin:0 0 1rem;color:var(--sl-color-white)}.blog-post__description{font-size:1.125rem;line-height:1.7;color:var(--sl-color-gray-2);margin:0}.blog-post__hero img{width:100%;border-radius:16px;margin-bottom:2.5rem;object-fit:cover}.blog-post__content{color:var(--sl-color-gray-2);line-height:1.8}.blog-post__content :global(h2),.blog-post__content :global(h3),.blog-post__content :global(h4){color:var(--sl-color-white);margin-top:2.5rem;margin-bottom:1rem}.blog-post__content :global(p){margin:1rem 0}.blog-post__content :global(ul),.blog-post__content :global(ol){padding-left:1.5rem}.blog-post__content :global(blockquote){border-left:3px solid var(--color-primary);padding-left:1rem;margin:1.5rem 0;color:var(--sl-color-gray-2)}.blog-post__tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:2.5rem}.blog-post__tag{background:color-mix(in srgb,var(--sl-color-gray-6) 65%,transparent);color:var(--sl-color-gray-2);font-size:.8rem;padding:.35rem .75rem;border-radius:999px}.blog-post__nav{margin-top:3rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.blog-post__nav-link{border:1px solid var(--sl-color-gray-6);border-radius:12px;padding:1rem 1.25rem;text-decoration:none;color:var(--sl-color-white);display:flex;flex-direction:column;gap:.35rem;transition:border-color .2s ease,transform .2s ease}.blog-post__nav-link:hover{border-color:var(--sl-color-gray-4);transform:translateY(-2px)}.blog-post__nav-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--sl-color-gray-3)}.blog-post__nav-title{font-size:1rem;line-height:1.4;color:var(--sl-color-white)}.blog-post__nav-link.is-empty{border:none;pointer-events:none}html[data-theme=light] .blog-post__description,html[data-theme=light] .blog-post__content,:root[data-theme=light] .blog-post__description,:root[data-theme=light] .blog-post__content{color:var(--sl-color-gray-4)}@media(max-width:768px){.blog-grid{gap:1.5rem}.blog-post__nav{grid-template-columns:1fr}}}