body .blog-main{min-height:calc(100vh - 5rem);padding:clamp(5.5rem,9vw,7rem) 0 6rem}body .blog-container{max-width:72rem}body .blog-header{margin-bottom:2.5rem}body .blog-header h1{color:#111827;letter-spacing:-.055em;margin:0;font-size:clamp(2.75rem,5vw,3.5rem);font-weight:620;line-height:1.02}body .blog-tags{flex-wrap:wrap;gap:1.15rem;margin:0 0 2.5rem;display:flex}body .blog-tag{color:#7a7d83;cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-size:.875rem;text-decoration:none;transition:color .18s}body .blog-tag:hover,body .blog-tag.active{color:#111827}body .blog-tag.active{font-weight:650}body .blog-tag:focus-visible,body .blog-card:focus-visible,body .blog-back-link:focus-visible{outline-offset:3px;outline:3px solid #4366dc3d}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(150deg,#f2dfd4 0%,#dce8f5 100%);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.1rem 0 0}body .blog-card-meta,body .blog-article-meta{color:#777b84;flex-wrap:wrap;align-items:center;gap:.45rem;margin:0 0 .75rem;font-size:.8rem;display:flex}body .blog-card-body h2{color:#16181d;letter-spacing:-.025em;text-wrap:wrap;margin:0;font-size:1.3rem;font-weight:650;line-height:1.22}body .blog-empty{color:#777b84;margin:0}body .blog-detail-main{padding:clamp(4.5rem,8vw,7rem) 0 6rem}body .blog-article-container{max-width:58rem}body .blog-article{max-width:53.75rem;margin:0 auto}body .blog-back-link{color:#747983;align-items:center;gap:.5rem;font-size:.875rem;text-decoration:none;transition:color .18s;display:inline-flex}body .blog-back-link:hover{color:#111827}body .blog-article-header{margin:2rem 0 2.5rem}body .blog-article-meta{margin:1.125rem 0 0;font-size:.875rem}body .blog-article-title{color:#111827;letter-spacing:-.055em;margin:0;font-size:clamp(2.5rem,5.2vw,4rem);font-weight:620;line-height:.99}body .blog-article-cover{background:linear-gradient(150deg,#f2dfd4 0%,#dce8f5 100%);border-radius:1.5rem;margin:0 0 2.65rem;overflow:hidden}body .blog-article-cover img{width:100%;height:auto;display:block}.blog-article>.blog-article-summary{color:#5f6975;border-left:4px solid #d3dae2;max-width:none;margin:0 0 36px;padding-left:20px;font-size:18px;line-height:1.8}@media (width<=720px){.blog-article>.blog-article-summary{margin-bottom:28px;padding-left:16px;font-size:16px}}body .md-body{color:#4a5260;font-size:1.02rem;line-height:1.9}body .md-body h2{color:#1d2633;letter-spacing:-.035em;margin:3rem 0 1.1rem;font-size:1.75rem;line-height:1.2}body .md-body h3{color:#273244;margin:2rem 0 .875rem;font-size:1.25rem;line-height:1.25}body .md-body :where(blockquote,ol,p,ul){margin:0 0 1.35rem}body .md-body :where(ol,ul){padding-left:1.4rem}body .md-body li{margin-bottom:.5rem}body .md-body a{color:#3157d5;text-underline-offset:3px;font-weight:550;text-decoration-thickness:1.5px}body .md-body blockquote{color:#737986;border-left:2px solid #0f172a24;padding-left:1.1rem}body .md-body img{width:100%;height:auto;margin:2rem 0;display:block}body .md-body hr{border:0;border-top:1px solid #0f172a1a;margin:2rem 0}body .blog-detail-footer{border-top:1px solid #0f172a1a;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<=48rem){body .blog-main,body .blog-detail-main{padding:4.5rem 0}body .blog-header h1{font-size:2.65rem}body .blog-grid{grid-template-columns:1fr}body .blog-article-header{margin:1.75rem 0 2.25rem}body .blog-article-title{font-size:clamp(2.35rem,11vw,3.25rem)}body .blog-detail-footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){body .blog-card-cover img,body .blog-tag{transition:none}}