.blog-index-header{padding-top:2rem;margin:0 0 2.5rem}.blog-eyebrow{font-size:0.78rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--accent);margin:0 0 0.5rem}.blog-index-header h1{margin:0 0 0.5rem;font-size:2.25rem;line-height:1.1;letter-spacing:-0.02em}.blog-index-subtitle{margin:0;color:var(--secondary);font-size:1.05rem;max-width:42rem}.blog-featured{display:grid;grid-template-columns:1fr;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);text-decoration:none;color:inherit;margin-bottom:2.5rem;transition:border-color var(--transition),box-shadow var(--transition)}.blog-featured:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.blog-featured-cover{aspect-ratio:16 / 9;overflow:hidden;background:var(--surface-alt)}.blog-featured-cover img,.blog-entry-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.4s cubic-bezier(0.16, 1, 0.3, 1)}.blog-featured:hover .blog-featured-cover img,.blog-entry:hover .blog-entry-cover img{transform:scale(1.03)}.blog-featured-body{padding:1.5rem 1.75rem 1.75rem}.blog-featured-body h2{margin:0 0 0.5rem;font-size:1.5rem;line-height:1.2;letter-spacing:-0.01em}.blog-featured-desc{margin:0.6rem 0 0;color:var(--secondary)}@media (min-width: 720px){.blog-featured{grid-template-columns:1.05fr 1fr}.blog-featured-cover{aspect-ratio:auto;height:100%;min-height:100%}}.blog-badge{display:inline-block;font-size:0.68rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:var(--accent);background:var(--accent-light);padding:0.2rem 0.55rem;border-radius:999px;margin-bottom:0.65rem}.blog-meta{display:flex;align-items:center;gap:0.5rem;font-size:0.82rem;color:var(--muted);margin:0}.blog-dot{color:var(--border)}.blog-year{font-size:0.85rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);padding-bottom:0.5rem;margin:2rem 0 1rem}.blog-entry{display:block;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--surface);text-decoration:none;color:inherit;transition:border-color var(--transition),box-shadow var(--transition)}.blog-entry+.blog-entry{margin-top:1rem}.blog-entry:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.blog-entry article{display:grid;grid-template-columns:1fr}.blog-entry-cover{aspect-ratio:16 / 9;overflow:hidden;background:var(--surface-alt)}.blog-entry-body{padding:1.1rem 1.35rem 1.35rem}.blog-entry-body h3{margin:0 0 0.4rem;font-size:1.15rem;line-height:1.25}.blog-entry-desc{margin:0.5rem 0 0;color:var(--secondary);font-size:0.92rem}@media (min-width: 640px){.blog-entry article{grid-template-columns:13rem 1fr}.blog-entry-cover{aspect-ratio:auto;height:100%;min-height:100%}}.post-toc{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-alt);padding:0.9rem 1.25rem 1rem;margin:1.25rem 0 1.75rem;font-size:0.9rem}.post-toc__label{display:block;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--muted);margin-bottom:0.4rem}.post-toc__list{margin:0;padding-left:1.2rem}.post-toc__list li{margin:0.25rem 0}
