.blog-index{display:grid;gap:2rem}.blog-index__header{display:grid;gap:.6rem;max-width:50ch}.blog-index__list{display:grid;gap:0;border-top:1px solid var(--um-line)}.blog-card{display:grid;grid-template-columns:1fr;gap:.35rem;align-items:start;padding:1.45rem 0;border-bottom:1px solid var(--um-line);transition:background-color .12s ease}.blog-card--with-image{grid-template-columns:220px 1fr;gap:1.4rem;align-items:center}.blog-card:hover{background:#1d1f2305}.blog-card__media{display:block;aspect-ratio:16 / 10;overflow:hidden;border-radius:var(--um-radius-sm);background:var(--um-paper-deep);border:1px solid var(--um-line)}.blog-card__img{width:100%;height:100%;object-fit:cover;display:block}.blog-card__text{display:grid;gap:.35rem;min-width:0}.blog-card__date{font-family:var(--um-mono);font-size:.78rem;font-weight:500;letter-spacing:.06em;color:var(--um-muted)}.blog-card__title{font-family:var(--um-display-family);font-weight:var(--um-display-weight);font-size:clamp(1.3rem,2vw,1.65rem);letter-spacing:var(--um-display-tracking);line-height:1.12;margin:0;color:var(--um-ink)}.blog-card:hover .blog-card__title{color:var(--um-terracotta-deep)}.blog-card__desc{font-size:.95rem;line-height:1.6;color:var(--um-ink-soft);max-width:68ch;margin:.15rem 0 0}.blog-pager{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.9rem 1.2rem;margin-top:.5rem;padding-top:1.6rem;border-top:1px solid var(--um-line)}.blog-pager__step{display:inline-flex;align-items:center;gap:.45rem;font-size:.9rem;font-weight:600;color:var(--um-muted);transition:color .12s ease}a.blog-pager__step:hover{color:var(--um-terracotta-deep)}.blog-pager__step.is-disabled{color:var(--um-muted-soft);opacity:.55}.blog-pager__arrow{display:inline-block;width:.55em;height:.55em;border-top:1.4px solid currentColor;border-right:1.4px solid currentColor}.blog-pager__arrow--prev{transform:rotate(-135deg)}.blog-pager__arrow--next{transform:rotate(45deg)}.blog-pager__pages{display:flex;align-items:center;gap:.3rem;list-style:none;margin:0;padding:0}.blog-pager__num{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .4rem;border-radius:var(--um-radius-xs);font-family:var(--um-mono);font-size:.82rem;font-weight:500;color:var(--um-muted);transition:background-color .12s ease,color .12s ease}a.blog-pager__num:hover{background:#1d1f230a;color:var(--um-ink)}.blog-pager__num.is-current{background:var(--um-ink);color:var(--um-paper)}.blog-index__rss{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--um-mono);font-size:.78rem;font-weight:500;letter-spacing:.06em;color:var(--um-muted);margin-top:.5rem;transition:color .12s ease}.blog-index__rss:hover{color:var(--um-terracotta-deep)}.blog-index__rss svg{width:14px;height:14px;flex-shrink:0}.blog-post{display:grid;gap:2.5rem}.blog-post__hero{margin:0;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--um-radius-md);background:var(--um-paper-deep);border:1px solid var(--um-line)}.blog-post__hero-img{width:100%;height:100%;object-fit:cover;display:block}.blog-post__header{display:grid;gap:.8rem;max-width:60ch;padding-bottom:1.5rem;border-bottom:1px solid var(--um-line)}.blog-post__date{font-family:var(--um-mono);font-size:.78rem;font-weight:500;letter-spacing:.06em;color:var(--um-muted)}.blog-post__title{font-family:var(--um-display-family);font-weight:var(--um-display-weight);font-size:clamp(2rem,3.6vw,3rem);letter-spacing:var(--um-display-tracking);line-height:1.06;margin:0;max-width:20ch;text-wrap:balance}.blog-post__desc{font-size:1.08rem;line-height:1.65;color:var(--um-ink-soft);max-width:58ch}.blog-post__body{max-width:68ch}.blog-post__body>:first-child{margin-top:0}.blog-post__body>:last-child{margin-bottom:0}.blog-post__body p,.blog-post__body li,.blog-post__body blockquote{color:var(--um-ink-soft);font-size:1rem;line-height:1.75}.blog-post__body strong{color:var(--um-ink);font-weight:600}.blog-post__body h2{font-family:var(--um-display-family);font-weight:var(--um-display-weight);font-size:clamp(1.4rem,2.2vw,1.75rem);letter-spacing:var(--um-display-tracking);line-height:1.12;margin:2.5rem 0 .8rem;color:var(--um-ink)}.blog-post__body h3{font-family:var(--um-display-family);font-weight:600;font-size:1.15rem;letter-spacing:-.02em;line-height:1.2;margin:2rem 0 .6rem;color:var(--um-ink)}.blog-post__body a{color:var(--um-terracotta-deep);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.14em}.blog-post__body a:hover{color:var(--um-terracotta)}.blog-post__body ul,.blog-post__body ol{margin:1rem 0;padding-left:1.3rem}.blog-post__body li+li{margin-top:.4rem}.blog-post__body blockquote{border-left:3px solid var(--um-line-strong);margin:1.5rem 0;padding-left:1rem}.blog-post__body code{background:#1d1f230f;border-radius:4px;font-family:var(--um-mono);font-size:.88em;padding:.1rem .35rem}.blog-post__body pre{background:#0e1014f2;border-radius:var(--um-radius-sm);color:var(--um-paper);margin:1.5rem 0;overflow-x:auto;padding:1rem}.blog-post__body pre code{background:transparent;color:inherit;padding:0}.blog-post__body hr{border:0;border-top:1px solid var(--um-line);margin:2rem 0}.blog-post__nav{padding-top:1.5rem;border-top:1px solid var(--um-line)}.blog-post__back{display:inline-flex;align-items:center;gap:.45rem;font-size:.9rem;font-weight:600;color:var(--um-muted);transition:color .12s ease}.blog-post__back:hover{color:var(--um-terracotta-deep)}.blog-post__back-arrow{display:inline-block;width:.6em;height:.6em;border-left:1.4px solid currentColor;border-bottom:1.4px solid currentColor;transform:rotate(45deg)}@media(max-width:640px){.blog-card--with-image{grid-template-columns:1fr;gap:.85rem;align-items:start}.blog-card__media{max-width:360px}}@media(max-width:560px){.blog-card{padding:1.1rem 0}.blog-post__header{padding-bottom:1rem}.blog-post__body h2{margin-top:2rem}.blog-pager{justify-content:center}}