.blog-page{--blog-bg:#f7f8fc;--blog-surface:#fff;--blog-surface-soft:#f0f2f8;--blog-text:#242735;--blog-muted:#616779;--blog-border:#dfe3ec;--blog-accent:#7b3ff2;--blog-accent-2:#d83bd2;background:var(--blog-bg);color:var(--blog-text)}.dark .blog-page{--blog-bg:#0f1020;--blog-surface:#17192b;--blog-surface-soft:#20233a;--blog-text:#f4f5fa;--blog-muted:#b4b8ca;--blog-border:#343750;--blog-accent:#a47cf8;--blog-accent-2:#ee63df}.blog-page :is(h1,h2,h3,h4){font-weight:700}.blog-page .blog-container{width:min(1180px,100% - 40px);margin-inline:auto}.blog-page .blog-hero{border-bottom:1px solid var(--blog-border);background:radial-gradient(circle at 15% 20%, #7b3ff22e, transparent 31%), radial-gradient(circle at 86% 5%, #d83bd224, transparent 28%), var(--blog-bg);padding:72px 0}.blog-page .blog-breadcrumbs ol{color:var(--blog-muted);flex-wrap:wrap;gap:8px;margin:0 0 24px;font-size:15px;display:flex}.blog-page .blog-breadcrumbs li:not(:last-child):after{content:"/";margin-left:8px}.blog-page .blog-breadcrumbs a{color:var(--blog-accent);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.blog-page .blog-eyebrow,.blog-page .blog-card__category{min-height:28px;color:var(--blog-accent);letter-spacing:.04em;text-transform:uppercase;background:#7b3ff221;border-radius:999px;align-items:center;padding:4px 11px;font-size:13px;font-weight:700;display:inline-flex}.blog-page .blog-hero h1{max-width:900px;color:var(--blog-text);margin:14px 0 20px;font-size:clamp(38px,7vw,68px);line-height:1.08}.blog-page .blog-hero__intro{max-width:760px;color:var(--blog-muted);font-size:clamp(18px,2.2vw,21px);line-height:1.7}.blog-page .blog-listing{padding:72px 0 96px}.blog-page .blog-section-heading{margin-bottom:30px}.blog-page .blog-section-heading h2{color:var(--blog-text);margin:0 0 9px;font-size:clamp(29px,4vw,42px);line-height:1.2}.blog-page .blog-section-heading p,.blog-page .blog-card p{color:var(--blog-muted)}.blog-page .blog-section-heading__category{color:var(--blog-accent-2);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:13px;font-weight:800;display:inline-flex}.blog-page .blog-library-layout{grid-template-columns:minmax(220px,260px) minmax(0,1fr);align-items:start;gap:clamp(28px,4vw,52px);display:grid}.blog-page .blog-category-sidebar__inner{top:calc(var(--site-header-height) + 24px);border:1px solid var(--blog-border);background:var(--blog-surface);border-radius:20px;padding:24px;position:sticky;box-shadow:0 18px 60px #0b0c1914}.blog-page .blog-category-sidebar h2{color:var(--blog-text);margin:8px 0 20px;font-size:26px}.blog-page .blog-category-sidebar nav{gap:9px;display:grid}.blog-page .blog-category-link{color:var(--blog-text);background:var(--blog-surface-soft);border:1px solid #0000;border-radius:13px;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:13px 14px;transition:border-color .2s,background-color .2s,transform .2s;display:grid}.blog-page .blog-category-link span{min-width:0;font-weight:800}.blog-page .blog-category-link strong{background:color-mix(in srgb, var(--blog-accent) 15%, transparent);min-width:28px;height:28px;color:var(--blog-accent-2);border-radius:999px;place-items:center;padding:0 7px;font-size:12px;display:grid}.blog-page .blog-category-link small{color:var(--blog-muted);grid-column:1/-1;font-size:12px;line-height:1.45}.blog-page .blog-category-link:hover,.blog-page .blog-category-link:focus-visible{border-color:var(--blog-accent);transform:translate(3px)}.blog-page .blog-category-link.is-active{border-color:color-mix(in srgb, var(--blog-accent) 55%, var(--blog-border));background:linear-gradient(135deg, color-mix(in srgb, var(--blog-accent) 18%, var(--blog-surface)), color-mix(in srgb, var(--blog-accent-2) 10%, var(--blog-surface)))}.blog-page .blog-library-content{min-width:0}.blog-page .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.blog-page .blog-card{border:1px solid var(--blog-border);background:var(--blog-surface);border-radius:20px;overflow:hidden;box-shadow:0 18px 60px #0b0c1914}.blog-page .blog-card:first-child{grid-column:1/-1;grid-template-columns:minmax(0,56%) minmax(0,44%);align-items:stretch;display:grid}.blog-page .blog-card:first-child>*{min-width:0}.blog-page .blog-card:first-child .blog-card__image-link{aspect-ratio:auto;width:100%;height:100%;min-height:360px}.blog-page .blog-card:first-child .blog-card__content{flex-direction:column;justify-content:center;padding:clamp(28px,5vw,54px);display:flex}.blog-page .blog-card:first-child .blog-button{align-self:flex-start}.blog-page .blog-card__image-link{aspect-ratio:1200/630;background:var(--blog-surface-soft);display:block;position:relative;overflow:hidden}.blog-page .blog-card__image{object-fit:cover;width:100%;height:100%;transition:transform .35s}.blog-page .blog-card:hover .blog-card__image{transform:scale(1.025)}.blog-page .blog-card__content{min-width:0;padding:26px}.blog-page .blog-card__title{margin:14px 0 10px;font-size:clamp(23px,3vw,31px);line-height:1.25}.blog-page .blog-card__title a{color:var(--blog-text);overflow-wrap:anywhere}.blog-page .blog-card__meta{color:var(--blog-muted);flex-wrap:wrap;gap:7px;margin:16px 0 22px;font-size:14px;display:flex}.blog-page .blog-button{background:linear-gradient(90deg, var(--blog-accent), var(--blog-accent-2));color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:8px 17px;font-size:14px;font-weight:700;display:inline-flex}.blog-page .pagination-shell{color:var(--blog-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:40px;display:flex}.blog-page .pagination-shell__pages{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.blog-page .pagination-shell__pages a,.blog-page .pagination-shell__direction{border:1px solid var(--blog-border);min-width:42px;min-height:42px;color:var(--blog-text);background:var(--blog-surface);border-radius:999px;place-items:center;padding:8px 13px;font-weight:700;transition:border-color .2s,color .2s,background-color .2s,transform .2s;display:grid}.blog-page .pagination-shell__pages a:hover,.blog-page .pagination-shell__pages a:focus-visible,.blog-page .pagination-shell__direction:hover,.blog-page .pagination-shell__direction:focus-visible{border-color:var(--blog-accent);background:color-mix(in srgb, var(--blog-accent) 18%, var(--blog-surface));transform:translateY(-2px)}.blog-page .pagination-shell__direction{gap:7px;display:flex}.blog-page .pagination-shell__status{text-align:center;flex:1 0 100%;font-size:13px}.blog-page .pagination-shell [aria-current=page]{background:var(--blog-accent);color:#fff;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.blog-page .nextjs-series-status{background:linear-gradient(145deg,#0ea5e917,#7c3aed14);border:1px solid #22d3ee3d;border-radius:22px;margin:0 0 32px;padding:clamp(22px,4vw,34px)}.blog-page .nextjs-series-status h3{margin:6px 0 18px;font-size:24px}.blog-page .nextjs-series-status h4{margin:22px 0 12px;font-size:18px}.blog-page .nextjs-series-status>p{margin:18px 0 0}.blog-page .nextjs-series-status__tracks{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.blog-page .nextjs-series-status__tracks p{background:#ffffff8c;border:1px solid #7891b433;border-radius:13px;gap:4px;margin:0;padding:14px;display:grid}.dark .blog-page .nextjs-series-status__tracks p{background:#0713228c}.blog-page .nextjs-series-status__tracks span{opacity:.75;font-size:.85rem}.blog-page .nextjs-series-status ol{gap:9px;display:grid}.blog-page .nextjs-series-status li,.blog-page .nextjs-series-status li a{justify-content:space-between;align-items:center;gap:14px;display:flex}.blog-page .nextjs-series-status li{background:#7891b414;border-radius:11px;padding:12px 14px}.blog-page .nextjs-series-status li.is-published{background:#0f9f781f}.blog-page .nextjs-series-status li a{width:100%}.blog-page .nextjs-series-status li span{letter-spacing:.04em;text-transform:uppercase;opacity:.72;font-size:.8rem;font-weight:800}@media (max-width:991px){.blog-page .blog-hero{padding-top:56px}.blog-page .blog-library-layout{grid-template-columns:1fr}.blog-page .blog-category-sidebar__inner{position:static}.blog-page .blog-category-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-page .blog-card:first-child{grid-template-columns:minmax(0,54%) minmax(0,46%)}}@media (max-width:767px){.blog-page .blog-container{width:min(100% - 28px,1180px)}.blog-page .blog-hero{padding:44px 0 48px}.blog-page .blog-listing{padding:52px 0 72px}.blog-page .blog-grid,.blog-page .blog-category-sidebar nav,.blog-page .nextjs-series-status__tracks{grid-template-columns:1fr}.blog-page .blog-card:first-child{grid-column:auto;display:block}.blog-page .blog-card:first-child .blog-card__image-link{aspect-ratio:1200/630;height:auto;min-height:0}.blog-page .blog-card:first-child .blog-card__content{padding:26px;display:block}.blog-page .nextjs-series-status li,.blog-page .nextjs-series-status li a{flex-direction:column;align-items:flex-start;gap:4px}}@media (max-width:480px){.blog-page .pagination-shell{gap:9px}.blog-page .pagination-shell__direction span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (max-width:420px){.blog-page .blog-container{width:min(100% - 20px,1180px)}}@media (prefers-reduced-motion:reduce){.blog-page *,.blog-page :before,.blog-page :after{transition-duration:.01ms!important}}