.blog-wrap{max-width:900px;min-width:0}.blog-categories{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 34px;min-width:0}.blog-categories a{padding:7px 12px;border:1px solid var(--line);color:var(--ink);font-size:.86rem;font-weight:700;text-decoration:none;overflow-wrap:anywhere}.blog-categories a:hover,.blog-categories a[aria-current=page]{color:var(--blue);border-color:var(--blue);background:#f3f8fc}.blog-list{border-top:1px solid var(--line);min-width:0}.blog-item{display:grid;grid-template-columns:105px 74px minmax(0,1fr);gap:18px;padding:24px 0;border-bottom:1px solid var(--line);color:inherit;text-decoration:none;min-width:0}.blog-item time{font-size:.86rem;color:var(--muted)}.blog-item .pill{align-self:start;text-align:center}.blog-item>div{min-width:0}.blog-item strong{display:block;margin-bottom:6px;font-size:1.08rem;overflow-wrap:anywhere}.blog-item p{margin:0;color:var(--muted);overflow-wrap:anywhere}.blog-empty{padding:35px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted)}.blog-post{max-width:780px;min-width:0}.blog-post h1{font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.35;margin:12px 0 16px;overflow-wrap:anywhere}.blog-meta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-bottom:38px;color:var(--muted)}.blog-body{font-size:1rem;line-height:1.95;min-width:0;overflow-wrap:anywhere}.blog-body img{max-width:100%;height:auto}.blog-body h2{margin-top:38px;font-size:1.35rem}.blog-body li{margin:.35em 0}.blog-prev-next{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:46px;padding-top:24px;border-top:1px solid var(--line)}.blog-prev-next a{overflow-wrap:anywhere}.blog-prev-next a:last-child{text-align:right}.blog-back{margin-top:28px}.blog-prev-next a,.blog-back a{color:var(--blue);font-weight:700;text-decoration:none}@media(max-width:700px){.blog-categories{gap:6px}.blog-categories a{padding:6px 9px;font-size:.8rem}.blog-item{grid-template-columns:1fr;gap:8px;padding:20px 0}.blog-item>div{grid-column:auto}.blog-item .pill{justify-self:start}.blog-prev-next{grid-template-columns:1fr}.blog-prev-next a:last-child{text-align:left}}