body .blog-main,body .blog-detail-main{min-height:calc(100vh - 5.5rem);padding:7rem 0 6rem}body .blog-container{max-width:76rem;padding:0 2rem}body .blog-header{margin:0 0 2.5rem}body .blog-header h1{color:var(--ink);letter-spacing:-.05em;margin:0;font-size:clamp(2.125rem,5vw,3.5rem);font-weight:620;line-height:1}body .blog-filters{flex-wrap:wrap;gap:1.15rem;margin:0 0 2.5rem;display:flex}body .blog-filter{color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-size:.875rem;transition:color .18s}body .blog-filter:hover,body .blog-filter.is-active{color:var(--ink)}body .blog-filter.is-active{font-weight:650}body .blog-filter:focus-visible,body .blog-card:focus-visible,body .blog-back-link:focus-visible,body .blog-markdown a:focus-visible{outline-offset:3px;outline:3px solid #dc5d3940}body .blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem 2rem;display:grid}body .blog-card{color:inherit;flex-direction:column;min-width:0;text-decoration:none;display:flex}body .blog-card-cover{aspect-ratio:16/9;background:linear-gradient(145deg,#fff1e9,#ecebff);border-radius:1.125rem;position:relative;overflow:hidden}body .blog-card-cover img{object-fit:cover;width:100%;height:100%;transition:transform .28s;display:block}body .blog-card:hover .blog-card-cover img{transform:scale(1.01)}body .blog-card-body{padding:1.125rem 0 0}body .blog-card-meta,body .blog-article-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.45rem;margin:0 0 .75rem;font-size:.8rem;display:flex}body .blog-card-body h2{color:var(--ink);letter-spacing:-.025em;text-wrap:wrap;word-break:auto-phrase;margin:0 0 .875rem;font-size:1.3125rem;font-weight:650;line-height:1.15}body .blog-empty{color:var(--muted);margin:0}body .blog-article-container{max-width:57.75rem;padding:0 2rem}body .blog-article{max-width:53.75rem;margin:0 auto}body .blog-back-link{color:var(--muted);align-items:center;gap:.5rem;font-size:.875rem;text-decoration:none;transition:color .18s;display:inline-flex}body .blog-back-link:hover{color:var(--ink)}body .blog-article-header{margin:2rem 0 2.5rem}body .blog-article-meta{margin-bottom:1.125rem;font-size:.875rem}body .blog-article-title{color:var(--ink);letter-spacing:-.055em;text-wrap:balance;word-break:auto-phrase;margin:0;font-size:clamp(2.375rem,5.2vw,4rem);font-weight:620;line-height:.98}body .blog-article-cover{background:linear-gradient(145deg,#fff1e9,#ecebff);border-radius:1.5rem;margin:0 0 2.625rem;overflow:hidden}body .blog-article-cover img{width:100%;height:auto;display:block}body .blog-markdown{color:var(--ink-soft);font-size:1.02rem;line-height:1.9}body .blog-markdown h2{color:var(--ink);letter-spacing:-.035em;margin:3rem 0 1.1rem;font-size:1.75rem;line-height:1.2}body .blog-markdown h3{color:var(--ink);margin:2rem 0 .875rem;font-size:1.25rem;line-height:1.25}body .blog-markdown :where(blockquote,ol,p,pre,table,ul){margin:0 0 1.35rem}body .blog-markdown :where(ol,ul){padding-left:1.4rem}body .blog-markdown li{margin-bottom:.5rem}body .blog-markdown a{color:#2259c7;text-underline-offset:3px;font-weight:550;text-decoration-thickness:1.5px}body .blog-markdown a:hover{color:#163f94}body .blog-markdown blockquote{color:var(--muted);border-left:2px solid #15151524;padding-left:1.1rem}body .blog-markdown img{width:100%;height:auto;margin:2rem 0;display:block}body .blog-markdown hr{border:0;border-top:1px solid var(--border);margin:2rem 0}body .blog-detail-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:1.5rem;margin-top:3rem;padding-top:1.5rem;display:flex}body [data-blog-card][hidden],body [data-blog-grid][hidden],body [data-blog-empty][hidden]{display:none}@media (width<=64rem){body .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.25rem 1.25rem}}@media (width<=45rem){body .blog-main,body .blog-detail-main{padding:6rem 0 4.5rem}body .blog-container,body .blog-article-container{padding-inline:1.25rem}body .blog-header h1{font-size:2.125rem}body .blog-grid{grid-template-columns:1fr}body .blog-article-header{margin:1.75rem 0 2.25rem}body .blog-article-title{font-size:2.375rem}body .blog-article-cover{border-radius:1.125rem}body .blog-detail-footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){body .blog-card-cover img,body .blog-filter,body .blog-back-link{transition:none}body .blog-card:hover .blog-card-cover img{transform:none}}