.blog-main{width:min(46rem,100% - 2rem);margin:0 auto;padding:3.5rem 0 4rem}.blog-hero h1{color:var(--c-white);letter-spacing:-.02em;margin:0;font-size:clamp(2.2rem,6vw,3.2rem);font-weight:700}.blog-hero p{color:var(--c-gray-2);margin:.6rem 0 0;font-size:1.1rem}.blog-rss{color:var(--c-accent-text);margin-top:.9rem;font-size:.9rem;text-decoration:none;display:inline-block}.blog-rss:hover{text-decoration:underline}.blog-empty{color:var(--c-gray-3);margin-top:2.5rem}.blog-list{gap:1rem;margin:2.5rem 0 0;padding:0;list-style:none;display:grid}.blog-card{color:inherit;border-radius:16px;padding:1.4rem 1.5rem;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s;display:block}.blog-card:hover,.blog-card:focus-visible{box-shadow:var(--glass-shadow), 0 16px 34px -20px #3ecf8eb3;border-color:#3ecf8e80;transform:translateY(-2px)}.blog-card h2{color:var(--c-white);letter-spacing:-.01em;margin:.35rem 0 0;font-size:1.35rem;line-height:1.3}.blog-summary{color:var(--c-gray-2);margin:.5rem 0 0;line-height:1.6}.blog-meta{color:var(--c-gray-3);flex-wrap:wrap;gap:.3rem .9rem;margin:0;font-size:.85rem;display:flex}.blog-tags{flex-wrap:wrap;gap:.4rem;margin:.8rem 0 0;padding:0;list-style:none;display:flex}.blog-tags li{border:1px solid var(--glass-border);color:var(--c-gray-2);border-radius:999px;padding:.1rem .6rem;font-size:.78rem}.blog-post{border-radius:20px;padding:2rem 2.25rem 2.25rem}.blog-back{margin:0 0 1.25rem;font-size:.9rem}.blog-back a{color:var(--c-accent-text);text-decoration:none}.blog-back a:before{content:"← "}.blog-back a:hover{text-decoration:underline}.blog-post-head h1{color:var(--c-white);letter-spacing:-.02em;margin:0 0 .8rem;font-size:clamp(1.8rem,5vw,2.5rem);line-height:1.2}.blog-body{border-top:1px solid var(--glass-border);margin-top:2rem;padding-top:1.75rem}.blog-post .pager{margin-top:2.75rem}@media (max-width:640px){.blog-main{width:calc(100% - 2rem);padding-top:2rem}.blog-post{padding:1.4rem 1.1rem 1.6rem}.blog-post .pager{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.blog-card{transition:none}.blog-card:hover,.blog-card:focus-visible{transform:none}}