.blog-index__inner{max-width:var(--max-width);margin-inline:auto;padding:calc(var(--space-3xl) + var(--space-lg)) var(--space-md) var(--space-3xl)}.blog-index__title{margin:0 0 var(--space-xl);font-family:var(--font-display);font-size:var(--size-5xl);font-weight:300;line-height:1.05;letter-spacing:-.02em}.blog-index__empty{color:var(--color-text-muted)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.blog-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-border);background:var(--color-bg-card);color:inherit;text-decoration:none;transition:transform .2s cubic-bezier(.22,1,.36,1),border-color .2s ease}.blog-card:hover{transform:translateY(-2px);border-color:var(--color-border-strong)}.blog-card:focus-visible{outline:2px solid var(--color-text);outline-offset:3px}.blog-card__img-wrap{aspect-ratio:1.91 / 1;overflow:hidden;border-bottom:1px solid var(--color-border);background:var(--color-bg-alt)}.blog-card__img{width:100%;height:100%;object-fit:cover;object-position:top}.blog-card__body{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md)}.blog-card__date{font-size:var(--size-sm);color:var(--color-text-muted)}.blog-card__title{margin:0;font-family:var(--font-display);font-size:var(--size-2xl);font-weight:400;line-height:1.2;letter-spacing:-.01em}.blog-card__desc{display:-webkit-box;margin:0;overflow:hidden;font-size:var(--size-sm);line-height:1.6;color:var(--color-text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical}.blog-post__inner{max-width:calc(700px + 2 * var(--space-md));margin-inline:auto;padding:calc(var(--space-3xl) + var(--space-lg)) var(--space-md) var(--space-2xl)}.blog-post__back{margin-bottom:var(--space-lg)}.blog-post__back a{font-size:var(--size-sm);color:var(--color-text-muted);text-decoration:none;transition:color .15s ease}.blog-post__back a:hover{color:var(--color-text)}.blog-post__header{margin-bottom:var(--space-lg)}.blog-post__title{margin:0 0 var(--space-md);font-family:var(--font-display);font-size:var(--size-4xl);font-weight:300;line-height:1.1;letter-spacing:-.015em}.blog-post__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:var(--size-sm);color:var(--color-text-muted)}.blog-post__avatar{width:36px;height:36px;padding:4px;border-radius:50%;object-fit:contain;background:#fff}.blog-post__avatar--photo{padding:0;object-fit:cover}.blog-post__hero-wrap{aspect-ratio:1.91 / 1;overflow:hidden;margin-bottom:var(--space-xl);border:1px solid var(--color-border);background:var(--color-bg-alt)}.blog-post__hero{width:100%;height:100%;object-fit:cover;object-position:top}.blog-post__content{font-size:var(--size-lg)}.blog-post__content h2{margin:var(--space-xl) 0 var(--space-sm);font-family:var(--font-display);font-size:var(--size-3xl);font-weight:300;line-height:1.15;letter-spacing:-.015em}.blog-post__content h3{margin:var(--space-lg) 0 var(--space-xs);font-size:var(--size-xl);font-weight:600}.blog-post__content p,.blog-post__content ul,.blog-post__content ol{margin:0 0 var(--space-md);line-height:1.8}.blog-post__content ul,.blog-post__content ol{padding-left:var(--space-lg)}.blog-post__content li{margin-bottom:var(--space-xs)}.blog-post__content strong{font-weight:600}.blog-post__content a:not(.btn){color:var(--color-accent-text);text-underline-offset:2px}.blog-post__content a:not(.btn):hover{color:var(--color-text)}.blog-post__content code{padding:2px 6px;border:1px solid var(--color-border);background:var(--color-bg-alt);font-size:.85em}.blog-post__content hr{margin:var(--space-xl) 0;border:none;border-top:1px solid var(--color-border)}.blog-post__content img:not(.blog-tool-logo){position:relative;left:50%;width:800px;max-width:none;height:auto;margin:var(--space-md) 0;border:1px solid var(--color-border);transform:translate(-50%)}.blog-post__content img.blog-tool-logo{width:48px;height:48px;margin:0 0 var(--space-sm);padding:4px;border:1px solid var(--color-border);border-radius:12px;background:#fff}.blog-post__content .blog-tool-logos{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.blog-post__content table{position:relative;left:50%;width:900px;max-width:none;margin-bottom:var(--space-md);border-collapse:collapse;font-size:var(--size-sm);transform:translate(-50%);background:var(--color-bg)}.blog-post__content th,.blog-post__content td{padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);text-align:left;vertical-align:top}.blog-post__content th{font-weight:600}.blog-post__content td{color:var(--color-text-muted)}@media(max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}.blog-post__content table{display:block;left:0;width:100%;max-width:100%;overflow-x:auto;transform:none;-webkit-overflow-scrolling:touch}.blog-post__content th,.blog-post__content td{min-width:9rem}}@media(max-width:860px){.blog-post__content img:not(.blog-tool-logo){left:0;width:100%;transform:none}}@media(max-width:768px){.blog-grid{grid-template-columns:1fr}.blog-index__title{font-size:var(--size-4xl)}.blog-post__title{font-size:var(--size-3xl)}.blog-post__content{font-size:var(--size-base)}.blog-post__content h2{font-size:var(--size-2xl)}}@media(max-width:480px){.blog-index__inner,.blog-post__inner{padding-inline:var(--space-sm)}}@media(prefers-reduced-motion:reduce){.blog-card{transition:none}}