html,body,.post,p,li,h1,h2,h3,h4,h5,h6{font-family:system-ui,-apple-system,segoe ui,Roboto,helvetica neue,Arial,hiragino sans,hiragino kaku gothic pron,yu gothic medium,yu gothic,meiryo,sans-serif}code,pre,kbd,samp{font-family:sfmono-regular,Menlo,Consolas,liberation mono,noto sans mono cjk jp,monospace}.navigation,.navbar,header.site-header{position:sticky;top:0;z-index:9999;background:#fff;backdrop-filter:saturate(180%)blur(6px);box-shadow:0 1px rgba(0,0,0,6%)}.headroom,.headroom--top,.headroom--not-top,.headroom--unpinned,.headroom--pinned{transform:none !important;transition:none !important}:root{--nav-height:64px}body{scroll-padding-top:var(--nav-height)}h1[id],h2[id],h3[id],h4[id],h5[id],h6[id],*:target{scroll-margin-top:var(--nav-height)}.blog-thumbnail{margin:.5rem 0}.blog-thumbnail img{width:100px;height:75px;object-fit:cover;border-radius:4px;display:block}.blog-description{margin:.5rem 0 0;font-size:1.1rem;opacity:.85}.video-wrapper{position:relative;width:100%;padding-top:56.25%;overflow:hidden;border-radius:8px}.video-wrapper>video{position:absolute;inset:0;width:100%;height:100%}.image.is-16by9{overflow:hidden;border-radius:8px}.image.is-16by9 img{width:100%;height:100%;object-fit:cover}.blog-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin:1.5rem 0 0}.blog-card{display:flex;flex-direction:column;height:100%;padding:1.25rem;border:1px solid #e5e7eb;border-radius:12px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,4%);transition:transform 150ms ease,box-shadow 150ms ease,border-color 150ms ease}.blog-card:hover{transform:translateY(-2px);border-color:#d1d5db;box-shadow:0 18px 40px rgba(0,0,0,6%)}.blog-card .date{font-size:.9rem;color:#6b7280;margin:0}.blog-card-title{margin:.35rem 0 .5rem;font-size:1.2rem;line-height:1.3}.blog-card-title a{color:inherit;text-decoration:none}.blog-card-title a:hover{color:#2d6cdf}.blog-readmore{margin-top:auto;font-weight:600;color:#2d6cdf;text-decoration:none}.blog-readmore:hover{text-decoration:underline}