.blog-index__header{margin-bottom:3rem}.blog-index__header .writing-text{margin-bottom:0}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.blog-card{background:var(--bg-elevated);border:1px solid var(--surface-border);border-radius:20px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.blog-card:hover{border-color:#1e40af47;box-shadow:0 16px 32px #00000059}.blog-card--featured{border-color:#1e40af38}.blog-card__link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.blog-card__media{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--bg-secondary)}.blog-card__image{width:100%;height:100%;object-fit:cover;display:block}.blog-card__placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-elevated))}.blog-card__badge{position:absolute;top:1rem;left:1rem;font-size:.75rem;font-weight:600;color:var(--text-main);background:#01040cb8;border:1px solid var(--surface-border);padding:.35rem .75rem;border-radius:999px}.blog-card__body{padding:1.5rem;display:flex;flex-direction:column;flex:1;gap:.75rem}.blog-card__date{font-size:.85rem;color:var(--text-secondary);font-family:monospace}.blog-card__title{font-size:1.35rem;line-height:1.3;color:var(--text-main)}.blog-card__desc{color:var(--text-secondary);line-height:1.6;flex:1}.blog-card__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.blog-post__header{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--surface-border)}.blog-post__eyebrow{display:inline-block;font-size:.85rem;font-weight:600;color:var(--primary-light);margin-bottom:1rem;padding:.4rem .9rem;border-radius:999px;border:1px solid rgba(30,64,175,.25);background:#1e40af0f}.blog-post__title{font-size:clamp(2rem,5vw,2.75rem);line-height:1.15;margin-bottom:1rem;color:var(--text-main)}.blog-post__description{font-size:1.15rem;color:var(--text-secondary);line-height:1.65;margin-bottom:1.5rem;max-width:720px}.blog-post__byline{display:flex;align-items:center;gap:.875rem;margin-bottom:1.25rem}.blog-post__author-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:1px solid var(--surface-border);flex-shrink:0}.blog-post__author-name{font-size:1rem;font-weight:700;color:var(--text-main);margin-bottom:.15rem}.blog-post__author-name a{color:inherit;text-decoration:none}.blog-post__author-name a:hover{color:var(--primary-light)}.blog-post__author-meta,.blog-post__meta-line{font-size:.9rem;color:var(--text-secondary)}.blog-post__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.blog-post__cover{margin:0;border-radius:16px;overflow:hidden;border:1px solid var(--surface-border)}.blog-post__cover img{width:100%;height:auto;display:block;aspect-ratio:1200 / 630;object-fit:cover}.blog-post__content{color:var(--text-secondary);line-height:1.65;max-width:760px}.blog-post__content hr{border:0;border-top:1px solid var(--surface-border);margin:2.5rem 0}.blog-post__content h2{font-size:1.5rem;font-weight:700;color:var(--text-main);margin:2.5rem 0 1rem}.blog-post__content h3{font-size:1.25rem;font-weight:600;color:var(--text-main);margin:2rem 0 .75rem}.blog-post__content p{margin-bottom:1.25rem;font-size:1.05rem}.blog-post__content img{width:100%;height:auto;display:block;border-radius:16px;border:1px solid var(--surface-border);margin:1.5rem 0}.blog-post__content table{width:100%;border-collapse:collapse;margin:1.5rem 0 2rem;font-size:.95rem;display:block;overflow-x:auto}.blog-post__content th,.blog-post__content td{border:1px solid var(--surface-border);padding:.75rem 1rem;text-align:left;vertical-align:top}.blog-post__content th{background:var(--bg-secondary);color:var(--text-main);font-weight:600}.blog-post__content td{color:var(--text-secondary)}.blog-post__content a{color:var(--primary);text-decoration:underline;text-underline-offset:4px}.blog-post__content a:hover{color:var(--primary-light)}.blog-post__content ul,.blog-post__content ol{margin-bottom:1.25rem;padding-left:1.5rem}.blog-post__content ul{list-style:disc}.blog-post__content ol{list-style:decimal}.blog-post__content li{margin-bottom:.5rem}.blog-post__content code{font-family:ui-monospace,monospace;font-size:.9em;background:var(--surface-hover);padding:.15rem .4rem;border-radius:4px;border:1px solid var(--surface-border);color:var(--primary-light)}.blog-post__content pre{margin-bottom:1.5rem;padding:1rem;border-radius:16px;background:var(--bg-secondary);border:1px solid var(--surface-border);overflow-x:auto}.blog-post__content pre code{background:transparent;border:0;padding:0;color:var(--text-secondary)}.blog-post__content blockquote{border-left:4px solid var(--primary);padding-left:1rem;margin:1.5rem 0;color:var(--text-secondary);font-style:italic}.blog-post__back{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--surface-border)}
