.blog-list{margin:32px 0 0;padding:0;list-style:none}.blog-list li{border-top:1px solid var(--line)}.blog-list li:last-child{border-bottom:1px solid var(--line)}.blog-item{color:inherit;padding:22px 4px;text-decoration:none;transition:background .15s;display:block}.blog-item:hover{background:#ffffff05}.blog-meta{color:var(--ink-faint);align-items:center;gap:12px;margin-bottom:8px;font-size:.78rem;display:flex}.blog-meta .tag{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:700}.blog-item h2{letter-spacing:-.01em;margin:0 0 6px;font-size:1.3rem}.blog-item p{color:var(--ink-dim);margin:0;font-size:.96rem;line-height:1.55}.article{color:var(--ink-dim);font-size:1.05rem;line-height:1.75}.article-head{margin-bottom:36px}.article-head .blog-meta{margin-bottom:14px}.article-head h1{color:var(--ink);margin-bottom:0;font-size:2.1rem;line-height:1.2}.article p{margin:0 0 18px}.article h2{color:var(--ink);letter-spacing:-.01em;margin:38px 0 14px;font-size:1.35rem}.article ul{margin:0 0 22px;padding-left:22px}.article li{margin-bottom:10px}.article strong{color:var(--ink)}.article em{color:var(--ink);font-style:italic}.article a{text-decoration:none}.article a:hover{text-decoration:underline}.blog-back{color:var(--ink-faint);margin-top:48px;font-size:.88rem;text-decoration:none;display:inline-block}.blog-back:hover{color:var(--ink)}