.blog-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.blog-card{aspect-ratio:3/4;color:#fff;background:#0f172a;border-radius:22px;min-height:240px;display:block;position:relative;overflow:hidden}.blog-card-cover{object-fit:cover}.blog-card-body{z-index:1;background:linear-gradient(#0f172a00 0%,#0f172ae0 62%);gap:6px;padding:22px 18px 18px;display:grid;position:absolute;inset:auto 0 0}.blog-card-date,.blog-card-category{color:#ffffffc7;letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:800}.blog-card h2,.blog-card h3{color:#fff;font-family:var(--font-serif), "Noto Serif", Georgia, serif;letter-spacing:-.03em;margin:0;font-size:clamp(1.05rem,1.6vw,1.28rem);font-weight:700;line-height:1.2}.blog-card:hover h2,.blog-card:hover h3{text-underline-offset:3px;text-decoration:underline}@media (max-width:560px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.blog-page{--blog-max:1180px;width:min(var(--blog-max), calc(100% - 40px));margin:0 auto;padding:clamp(48px,8vw,96px) 0 clamp(72px,10vw,120px)}.blog-page-title{color:var(--brand);font-family:var(--font-serif), "Noto Serif", Georgia, serif;letter-spacing:-.05em;margin-bottom:clamp(28px,5vw,44px);font-size:clamp(2rem,4.5vw,3.4rem);font-weight:700;line-height:1.04}.blog-post-back{color:var(--brand);align-items:center;margin-bottom:28px;font-size:.92rem;font-weight:700;display:inline-flex}.blog-post-back:hover{text-underline-offset:3px;text-decoration:underline}.blog-post-header{max-width:760px}.blog-post-meta{margin-bottom:18px}.blog-post-date{color:#64748b;font-size:.78rem;font-weight:700}.blog-post-category{color:#64748b;letter-spacing:.08em;text-transform:uppercase;margin-top:6px;font-size:.72rem;font-weight:800}.blog-post-header h1{color:var(--brand);font-family:var(--font-serif), "Noto Serif", Georgia, serif;letter-spacing:-.055em;margin-bottom:18px;font-size:clamp(2rem,5vw,3.6rem);font-weight:700;line-height:1.04}.blog-post-lead{color:#374151;max-width:760px;font-size:1.06rem;line-height:1.75}.blog-post-body{color:#374151;max-width:760px;margin-top:42px;font-size:1.06rem;line-height:1.8}.blog-post-body>*+*{margin-top:1.4em}.blog-post-body h2,.blog-post-body h3{color:var(--brand);font-family:var(--font-serif), "Noto Serif", Georgia, serif;margin-top:2em;line-height:1.15}.blog-post-body h2{font-size:clamp(1.45rem,3vw,1.9rem);font-weight:700}.blog-post-body h3{font-size:1.15rem;font-weight:700}.blog-post-body a{color:var(--brand);text-underline-offset:3px;text-decoration:underline}.blog-post-body ul,.blog-post-body ol{padding-left:1.4em}.blog-post-body li+li{margin-top:.5em}.blog-post-body img{border-radius:18px;width:100%;height:auto;margin:1.75em 0;display:block}.blog-related{border-top:1px solid var(--line);margin-top:72px;padding-top:40px}.blog-related h2{color:var(--brand);font-family:var(--font-serif), "Noto Serif", Georgia, serif;letter-spacing:-.04em;margin-bottom:24px;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700}@media (prefers-color-scheme:dark){.blog-post-date,.blog-post-category{color:#9aa6b8}.blog-post-lead,.blog-post-body{color:#c5cedb}}