.blog-index{padding-block:var(--space-2xl) var(--space-3xl)}.blog-index-head{max-width:60ch;margin-bottom:var(--space-2xl)}.blog-index-head p{margin-top:var(--space-xs);color:var(--color-text)}.blog-index-kicker{font-family:var(--font-heading);font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-2xs);font-weight:700}.blog-index-back{margin-top:var(--space-2xl)}.blog-index-back a{font-family:var(--font-heading);color:var(--color-accent);font-weight:600}.blog-grid,.related-grid{gap:var(--space-xl) var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=1024px){.blog-grid,.related-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=767px){.blog-grid,.related-grid{grid-template-columns:1fr}}.blog-card{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);transition:border-color var(--transition), transform var(--transition);flex-direction:column;display:flex;overflow:hidden}.blog-card:hover{border-color:var(--color-accent);transform:translateY(-3px)}.blog-card-media{aspect-ratio:16/9;background:var(--color-surface-2);display:block}.blog-card-media img{object-fit:cover;width:100%;height:100%}.blog-card-media--empty{background:linear-gradient(135deg, var(--color-surface-2), var(--color-band));width:100%;height:100%;display:block}.blog-card-body{gap:var(--space-2xs);padding:var(--space-lg);flex-direction:column;flex:1;display:flex}.blog-card-cat{font-family:var(--font-heading);font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-accent);font-weight:700}.blog-card h3{font-size:var(--fs-h4);line-height:var(--lh-h4)}.blog-card h3 a{color:var(--color-heading)}.blog-card:hover h3 a{color:var(--color-accent)}.blog-card-excerpt{font-size:var(--fs-card);color:var(--color-text)}.blog-card-date{padding-top:var(--space-xs);font-size:var(--fs-sm);color:var(--color-muted);margin-top:auto}.pager{margin-top:var(--space-2xl);justify-content:center;align-items:center;gap:var(--space-lg);font-family:var(--font-heading);font-weight:600;display:flex}.pager a{color:var(--color-accent)}.pager-status{color:var(--color-muted);font-size:var(--fs-sm)}.post{padding-block:0 var(--space-3xl)}.post-hero{text-align:center;margin-bottom:var(--space-2xl);background-position:50%;background-repeat:no-repeat;background-size:cover}.post-hero .container{min-height:640px;padding-block:var(--space-4xl) var(--space-2xl);flex-direction:column;justify-content:center;max-width:760px;display:flex}.post-hero--plain .container{min-height:auto;padding-block:var(--space-2xl) var(--space-lg)}@media (width<=767px){.post-hero .container{min-height:440px}}.post-hero h1{margin-top:var(--space-sm)}.post-cats{justify-content:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.post-cats a{font-family:var(--font-heading);font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--color-accent);font-weight:700}.post-meta{margin-top:var(--space-md);justify-content:center;gap:var(--space-2xs) var(--space-sm);color:var(--color-muted);font-size:var(--fs-sm);flex-wrap:wrap;display:flex}.post-layout{gap:var(--space-3xl);grid-template-columns:1fr 280px;align-items:start;display:grid}@media (width<=1024px){.post-layout{gap:var(--space-2xl);grid-template-columns:1fr}}.post-sidebar{gap:var(--space-xl);flex-direction:column;display:flex}.sidebar-block h2{margin-bottom:var(--space-sm)}.sidebar-list{gap:var(--space-sm);flex-direction:column;padding:0;list-style:none;display:flex}.sidebar-list a{color:var(--color-text)}.sidebar-list a:hover{color:var(--color-accent)}.post-body>*+*{margin-top:var(--space-md)}.post-body h2{margin-top:var(--space-2xl);font-size:var(--fs-h3);line-height:var(--lh-h3);letter-spacing:var(--ls-h3);font-weight:var(--fw-h3)}.post-body h3{margin-top:var(--space-xl);font-size:var(--fs-h4);line-height:var(--lh-h4);font-weight:var(--fw-h4)}.post-body h2+p,.post-body h3+p{margin-top:var(--space-sm)}.post-body ul,.post-body ol{gap:var(--space-2xs);flex-direction:column;padding-left:1.4em;display:flex}.post-body li{padding-left:var(--space-3xs)}.post-body a{color:var(--color-accent);text-underline-offset:2px;text-decoration:underline}.post-body a:hover{color:var(--color-accent-hover)}.post-body img{border-radius:var(--radius);max-width:100%;height:auto;margin-block:var(--space-md)}.post-body blockquote{border-left:3px solid var(--color-accent);padding-left:var(--space-md);color:var(--color-heading);font-style:italic}.post-body pre{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-md);font-size:var(--fs-sm);overflow-x:auto}.post-body :not(pre)>code{background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;padding:.1em .35em;font-size:.9em}.post-body hr{border:0;border-top:1px solid var(--color-border)}.post-body table{border-collapse:collapse;width:100%;font-size:var(--fs-card)}.post-body th,.post-body td{border:1px solid var(--color-border);padding:var(--space-2xs) var(--space-sm);text-align:left}.post-tags{margin-top:var(--space-2xl);gap:var(--space-2xs);flex-wrap:wrap;padding:0;list-style:none;display:flex}.post-tags a{padding:var(--space-3xs) var(--space-sm);border:1px solid var(--color-border);font-size:var(--fs-sm);color:var(--color-text);border-radius:999px;display:inline-block}.post-tags a:hover{border-color:var(--color-accent);color:var(--color-accent)}.related{margin-top:var(--space-3xl);padding-block:var(--space-2xl);border-top:1px solid var(--color-border)}