.article-hero--video[data-astro-cid-t3r2jura]{aspect-ratio:var(--hero-video-ratio,16 / 9);background:var(--color-surface);position:relative;overflow:hidden}.hero-video-fallback[data-astro-cid-t3r2jura]{object-fit:cover;object-position:center;width:100%;height:100%;max-height:none;display:block}.hero-video-player[data-astro-cid-t3r2jura]{--media-primary-color:var(--color-accent);--media-accent-color:var(--color-accent);--media-object-fit:cover;--media-object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.hero-video-player[data-astro-cid-t3r2jura] [data-astro-cid-t3r2jura]:is(video-minimal-skin,video,img[slot=poster]){width:100%;height:100%;max-height:none}.article{max-width:var(--wide-width);margin:0 auto}.article-hero{margin:var(--spacing-16) var(--spacing-6);border-radius:var(--radius-lg);background:var(--color-surface);overflow:hidden}.article-hero img{object-fit:cover;object-position:top;width:100%;height:auto;max-height:500px}.article-hero--video img{object-fit:cover;object-position:center;height:100%;max-height:none}.article-grid{grid-template-columns:var(--meta-col-width) minmax(0, var(--content-width)) var(--gutter-width);gap:var(--spacing-10);padding:0 var(--spacing-6);margin:var(--spacing-16) 0;justify-content:center;display:grid}.article-meta-col{display:block}.meta-sticky{top:calc(var(--nav-height) + var(--spacing-8));position:sticky}.meta-block{margin-bottom:var(--spacing-6)}.meta-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-muted);margin-bottom:var(--spacing-1);font-weight:500;display:block}.meta-value{font-size:var(--font-size-sm);color:var(--color-text-secondary);display:block}.article-main{min-width:0}.article-header{margin-bottom:var(--spacing-10)}.article-header .article-meta{align-items:center;column-gap:var(--spacing-3);row-gap:var(--spacing-1);font-size:var(--font-size-sm);color:var(--color-muted);margin-bottom:var(--spacing-4);flex-wrap:wrap;display:none}.meta-dot{background:var(--color-muted);border-radius:50%;flex-shrink:0;width:3px;height:3px}.article-title{color:#0d4f8f;font-family:var(--font-display);font-size:clamp(2rem, 5vw, var(--font-size-5xl));font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin-bottom:var(--spacing-4)}.article-excerpt{font-size:var(--font-size-xl);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.article-content{font-size:var(--font-size-lg);line-height:var(--leading-relaxed)}.article-content p{margin-bottom:1.5em}.article-content h2{font-size:var(--font-size-2xl);scroll-margin-top:calc(var(--nav-height) + var(--spacing-4));margin-top:2.5em;margin-bottom:.75em}.article-content h3{font-size:var(--font-size-xl);scroll-margin-top:calc(var(--nav-height) + var(--spacing-4));margin-top:2em;margin-bottom:.5em}.article-content blockquote{padding:var(--spacing-4) var(--spacing-6);border-left:3px solid var(--color-border);background:var(--color-bg-subtle);border-radius:0 var(--radius) var(--radius) 0;color:var(--color-text-secondary);margin:2em 0;font-style:italic}.article-content pre{padding:var(--spacing-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-mono);font-size:var(--font-size-sm);margin:2em 0;line-height:1.6;overflow-x:auto}.article-content code{font-family:var(--font-mono);background:var(--color-surface);border-radius:var(--radius);padding:.2em .4em;font-size:.9em}.article-content pre code{background:0 0;padding:0}.article-content ul,.article-content ol{margin-bottom:1.5em;padding-left:1.5em}.article-content li{margin-bottom:.5em}.article-content img{border-radius:var(--radius-lg);margin:2em 0}.article-content hr{border:none;border-top:1px solid var(--color-border);margin:3em 0}.article-content a{color:var(--color-accent);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.article-content a:hover{text-decoration-thickness:2px}.article-sidebar{display:block}@media (width<=1100px){.article-grid{grid-template-columns:minmax(0, var(--content-width));gap:0}.article-meta-col,.article-sidebar{display:none}.article-header .article-meta{display:flex}}@media (width<=900px){.article-hero{margin:var(--spacing-4) var(--spacing-4) var(--spacing-8);border-radius:var(--radius)}.article-grid{padding:0 var(--spacing-4)}}@media (width<=600px){.article-title{font-size:var(--font-size-3xl)}}