.container--article{max-width:700px;margin-inline:auto;padding-inline:var(--space-md)}.blog-index{padding:var(--space-2xl) 0 var(--space-3xl)}.blog-index__title{font-size:var(--size-4xl);margin-bottom:var(--space-xl)}.blog-index__empty{font-size:var(--size-lg);color:var(--color-text-muted);text-align:center;padding:var(--space-3xl) 0}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.blog-card{display:flex;flex-direction:column;border:1px solid rgba(44,36,24,.06);border-radius:3px;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.blog-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2c241814}.blog-card__img-wrap{aspect-ratio:1.91 / 1;overflow:hidden;background:var(--color-bg-alt)}.blog-card__img{width:100%;height:100%;object-fit:cover}.blog-card__body{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.blog-card__date{font-size:var(--size-sm);color:var(--color-text-muted);font-weight:500}.blog-card__title{font-family:var(--font-display);font-size:var(--size-xl);font-weight:600;line-height:1.3;color:var(--color-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card__desc{font-size:var(--size-sm);color:var(--color-text-muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-post{padding:var(--space-xl) 0 var(--space-3xl)}.blog-post__share{display:flex;align-items:center;gap:6px;margin-bottom:var(--space-lg)}.blog-post__share-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid rgba(44,36,24,.1);background:none;color:var(--color-text-muted);cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.blog-post__share-btn:hover{color:var(--color-text);border-color:#2c241833;background:var(--color-bg-alt)}.blog-post__avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.blog-post__back{margin-bottom:var(--space-lg)}.blog-post__back a{font-size:var(--size-sm);font-weight:500;color:var(--color-text-muted);transition:color .15s ease}.blog-post__back a:hover{color:var(--color-accent)}.blog-post__header{margin-bottom:var(--space-lg)}.blog-post__title{font-size:var(--size-4xl);margin-bottom:var(--space-sm)}.blog-post__meta{display:flex;align-items:center;gap:8px;font-size:var(--size-sm);color:var(--color-text-muted);flex-wrap:wrap}.blog-post__hero{width:100%;aspect-ratio:1.91 / 1;object-fit:cover;border-radius:3px;margin-bottom:var(--space-xl)}.blog-post__content h2{font-size:var(--size-2xl);font-weight:600;margin-top:var(--space-xl);margin-bottom:var(--space-sm)}.blog-post__content h3{font-size:var(--size-xl);font-weight:600;margin-top:var(--space-lg);margin-bottom:var(--space-xs)}.blog-post__content h4{font-size:var(--size-lg);font-weight:600;margin-top:var(--space-lg);margin-bottom:var(--space-xs)}.blog-post__content p{margin-bottom:var(--space-md);color:var(--color-text);line-height:1.8}.blog-post__content a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px;transition:color .15s ease}.blog-post__content a:hover{color:var(--color-accent-dark)}.blog-post__content strong{font-weight:600}.blog-post__content ul,.blog-post__content ol{margin-bottom:var(--space-md);padding-left:var(--space-lg)}.blog-post__content li{margin-bottom:var(--space-xs);line-height:1.8}.blog-post__content blockquote{border-left:3px solid var(--color-accent);padding-left:var(--space-md);margin:var(--space-md) 0;color:var(--color-text-muted);font-style:italic}.blog-post__content code{font-family:Fira Code,monospace;font-size:.875em;background:var(--color-bg-alt);padding:2px 6px;border-radius:3px}.blog-post__content pre{margin-bottom:var(--space-md);background:var(--color-text);color:#e5e5e5;padding:var(--space-md);border-radius:3px;overflow-x:auto;line-height:1.6}.blog-post__content pre code{background:none;padding:0;font-size:var(--size-sm);color:inherit}.blog-post__content img{max-width:100%;height:auto;border-radius:3px;margin:var(--space-md) 0}.blog-post__content hr{border:none;border-top:1px solid rgba(44,36,24,.08);margin:var(--space-xl) 0}.blog-post__content table{width:100%;border-collapse:collapse;margin-bottom:var(--space-md);font-size:var(--size-sm)}.blog-post__content th,.blog-post__content td{padding:var(--space-xs) var(--space-sm);border-bottom:1px solid rgba(44,36,24,.08);text-align:left}.blog-post__content th{font-weight:600;color:var(--color-text)}.blog-post__content td{color:var(--color-text-muted)}@media(max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.blog-index__title{font-size:var(--size-3xl)}.blog-grid{grid-template-columns:1fr}.blog-post__title{font-size:var(--size-3xl)}.blog-post__meta{font-size:.8125rem}}