.blog-home{max-width:760px;margin:0 auto;padding:6vh clamp(18px,4vw,48px) 14vh}.blog-home-hero{margin-bottom:44px}.blog-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.blog-card{margin:0}.blog-card-link{border:1px solid color-mix(in srgb, var(--ink) 10%, transparent);color:inherit;background:var(--white);border-radius:14px;padding:22px 24px;text-decoration:none;transition:border-color .15s,transform .15s;display:block}.blog-card-link:hover{border-color:var(--orange);transform:translateY(-1px)}.blog-card-date{letter-spacing:.04em;color:var(--ink-f);margin-bottom:8px;font-size:12px;display:block}.blog-card-title{letter-spacing:-.015em;color:var(--ink);margin:0;font-size:clamp(20px,2.4vw,26px);font-weight:800;line-height:1.15}.blog-card-desc{color:var(--ink-d);max-width:64ch;margin:10px 0 0;font-size:15px;line-height:1.55}.blog-card-go{letter-spacing:.06em;color:var(--orange);margin-top:14px;font-size:12px;display:inline-block}.blog-article-shell{grid-template-columns:minmax(0,1fr) 180px;align-items:start;gap:clamp(24px,3vw,52px);max-width:1140px;margin:0 auto;padding:0 clamp(20px,3.5vw,56px);display:grid}.blog-article{min-width:0;max-width:760px;margin:0 auto;padding:40px 0 14vh}.blog-meta{letter-spacing:.03em;color:var(--ink-f);margin:18px 0 0;font-size:12.5px}.blog-back{color:var(--orange);text-decoration:none}.blog-back:hover{text-decoration:underline}.blog-toc{max-height:calc(100vh - 88px);padding:40px 0;position:sticky;top:72px;overflow-y:auto}@media (width<=920px){.blog-article-shell{grid-template-columns:minmax(0,1fr)}.blog-toc{display:none}}