.blog-page{color:#fff;background-color:#151515;min-height:100vh;overflow-x:hidden}.blog-hero{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.blog-hero img{object-fit:cover;border-radius:8px;width:100%;height:clamp(220px,34vw,420px);display:block}.blog-wrap{max-width:720px;margin:0 auto;padding:3rem 1.5rem 4rem}.blog-meta{color:#ffffff80;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.8125rem;display:flex}.blog-title{letter-spacing:-.02em;margin-bottom:1.25rem;font-size:clamp(1.9rem,4.2vw,2.75rem);font-weight:600;line-height:1.15}.blog-divider{background:#ffffff24;height:1px;margin:0 0 2.5rem}.blog-body{color:#ffffffd1;font-size:1.0625rem;line-height:1.75}.blog-body>*+*{margin-top:1.25rem}.blog-body h2{letter-spacing:-.01em;color:#fff;margin-top:2.75rem;font-size:1.5rem;font-weight:600;line-height:1.3}.blog-body h3{color:#fff;margin-top:2rem;font-size:1.175rem;font-weight:600;line-height:1.4}.blog-body a{color:#fff;text-underline-offset:.2em;-webkit-text-decoration:underline #fff6;text-decoration:underline #fff6;transition:text-decoration-color .15s}.blog-body a:hover{text-decoration-color:#fff}.blog-body ul,.blog-body ol{padding-left:1.35rem}.blog-body li+li{margin-top:.5rem}.blog-body blockquote{color:#ffffffa6;border-left:2px solid #ffffff40;padding-left:1rem;font-style:italic}.blog-body code{font-family:var(--font-geist-mono), ui-monospace, monospace;background:#ffffff14;border-radius:4px;padding:.15em .4em;font-size:.875em}.blog-body pre{background:#0d0d0d;border:1px solid #ffffff1a;border-radius:8px;padding:1rem 1.15rem;overflow-x:auto}.blog-body pre code{background:0 0;padding:0;font-size:.8125rem;line-height:1.6}.blog-body img{border-radius:8px;max-width:100%;display:block}.blog-body table{border-collapse:collapse;width:100%;font-size:.9375rem}.blog-body th,.blog-body td{text-align:left;border:1px solid #ffffff24;padding:.5rem .75rem}.blog-body .katex-display{padding:.5rem 0;overflow:auto hidden}.blog-list{width:100%;max-width:2200px;margin:0 auto;padding:3.5rem 5rem 4.5rem}@media (max-width:1200px){.blog-list{padding-inline:4rem}}@media (max-width:810px){.blog-list{padding-inline:2.25rem}}@media (max-width:520px){.blog-list{padding-inline:1.5rem}}.blog-list-title{letter-spacing:-.02em;margin-bottom:.75rem;font-size:clamp(2rem,5vw,2.75rem);font-weight:600}.blog-list-intro{color:#ffffff8c;max-width:46ch;margin-bottom:3rem}.blog-grid{grid-template-columns:1fr;gap:4rem 3rem;display:grid}@media (min-width:640px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.blog-card{color:inherit;flex-direction:column;text-decoration:none;display:flex}.blog-card-media{aspect-ratio:16/9;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;margin-bottom:1rem;overflow:hidden}.blog-card-media img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.blog-card:hover .blog-card-media img{transform:scale(1.03)}.blog-card-meta{color:#ffffff73;align-items:center;gap:.625rem;margin-bottom:.5rem;font-size:.75rem;display:flex}.blog-card-tag{letter-spacing:.02em;color:#ffffffb3;white-space:nowrap;border:1px solid #ffffff2e;border-radius:999px;padding:.125rem .5rem;font-size:.6875rem}.blog-card-title{letter-spacing:-.01em;color:#fff;margin-bottom:.5rem;font-size:1.125rem;font-weight:600;line-height:1.35;transition:opacity .15s}.blog-card:hover .blog-card-title{opacity:.75}.blog-card-desc{color:#fff9;font-size:.9375rem;line-height:1.6}.blog-figure{margin:2rem 0}.blog-figure img{border-radius:8px;width:100%}.blog-figure figcaption{color:#ffffff80;text-align:center;margin-top:.625rem;font-size:.8125rem;line-height:1.5}.blog-aside{color:#ffffffb3;background:#ffffff0a;border-left:2px solid #ffffff4d;border-radius:0 6px 6px 0;margin:2rem 0;padding:1rem 1.25rem;font-size:.9375rem}.blog-aside>*+*{margin-top:.75rem}.blog-details{border:1px solid #ffffff24;border-radius:8px;margin:1.75rem 0;padding:.875rem 1.15rem}.blog-details summary{cursor:pointer;color:#fff;font-weight:600}.blog-details-body{color:#ffffffbf;margin-top:.875rem}.blog-details-body>*+*{margin-top:.75rem}.blog-embed{background:#0d0d0d;border:none;border-radius:8px;width:100%;display:block}