.blog-shell{flex-direction:column;min-height:100vh;display:flex}.blog-shell .blog-page{flex:1}.blog-page{width:80vw;max-width:78rem;color:var(--color-text);overflow-wrap:break-word;margin:0 auto;padding:7.5rem 0 4rem;line-height:1.7}@media (width<=950px){.blog-page{width:90vw}}.blog-title{color:var(--secondary-color);margin:0 0 .5rem;font-size:clamp(2rem,5vw,2.8rem);line-height:1.15}.blog-index-header{margin-bottom:2.5rem}.blog-index-intro{color:var(--color-text-secondary);max-width:42rem;font-size:1.1rem}.blog-empty{color:var(--color-text-muted);padding:2rem 0}.blog-card-list{flex-direction:column;gap:1.25rem;display:flex}.blog-card{border:.0625rem solid var(--color-border);background-color:var(--color-surface);border-radius:.875rem;transition:box-shadow .2s,transform .2s,border-color .2s;overflow:hidden}.blog-card:hover{box-shadow:0 .5rem 1.5rem var(--shadow-soft);border-color:rgba(var(--primary-color-r), var(--primary-color-g), var(--primary-color-b), .25);transform:translateY(-.125rem)}.blog-card-link,.blog-card-link:hover{border-bottom:none}.blog-card-link{grid-template-columns:22rem 1fr;align-items:stretch;gap:0;display:grid}.blog-card-media{background-color:var(--background-gray)}.blog-card-media img{aspect-ratio:16/9;object-fit:cover;width:100%;height:100%;display:block}.blog-card-body{padding:1.5rem}.blog-card-title{color:var(--secondary-color);margin-bottom:.5rem;font-size:1.35rem;line-height:1.3}.blog-card-excerpt{color:var(--color-text-secondary);margin-bottom:.75rem}.blog-card-meta{color:var(--color-text-muted);font-size:.9rem}.blog-back{margin-bottom:1.5rem;font-size:.95rem}.blog-back a{color:var(--color-text-muted);border-bottom:none}.blog-back a:hover{color:var(--tertiary-color);border-bottom:none}.blog-meta{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.blog-byline{color:var(--color-text-muted);font-size:.95rem}.blog-tags{flex-wrap:wrap;gap:.4rem;list-style:none;display:flex}.blog-tag{letter-spacing:.02em;text-transform:uppercase;color:var(--primary-color);background-color:var(--color-background-sky-blue);border-radius:999px;padding:.15rem .6rem;font-size:.78rem}.blog-hero{aspect-ratio:16/9;object-fit:cover;background-color:var(--background-gray);border-radius:.875rem;width:100%;margin-bottom:2.5rem;display:block}.blog-article{max-width:56rem;margin:0 auto}.blog-prose{font-size:1.05rem;font-weight:var(--font-weight-normal)}.blog-prose p{margin-bottom:1.15rem}.blog-prose .lead{color:var(--color-text-secondary);margin-bottom:1.75rem;font-size:1.25rem;line-height:1.6}.blog-prose h2{color:var(--secondary-color);margin:2.75rem 0 .85rem;font-size:clamp(1.4rem,3.5vw,1.7rem);line-height:1.25}.blog-prose h3{color:var(--secondary-color);margin:2rem 0 .65rem;font-size:1.2rem;line-height:1.3}.blog-prose ul,.blog-prose ol{margin:0 0 1.15rem 1.35rem}.blog-prose li{margin-bottom:.55rem}.blog-prose strong{color:var(--secondary-color);font-weight:600}.blog-prose a{color:var(--primary-color);border-bottom:.0625rem solid rgba(var(--primary-color-r), var(--primary-color-g), var(--primary-color-b), .35);transition:color .2s,border-bottom-color .2s}.blog-prose a:hover{color:var(--tertiary-color);border-bottom:.0625rem solid var(--tertiary-color)}.blog-prose blockquote{border-left:.25rem solid var(--accent-color);color:var(--color-text-secondary);margin:2rem 0;padding:.25rem 0 .25rem 1.25rem;font-size:1.1rem;font-style:italic}.blog-prose blockquote p:last-child{margin-bottom:0}.blog-prose blockquote footer{color:var(--color-text-muted);margin-top:.6rem;font-size:.9rem;font-style:normal}.blog-prose hr{border:none;border-top:.0625rem solid var(--color-border);margin:2.5rem 0}.blog-prose code{background-color:var(--color-neutral-bg);border-radius:.25rem;padding:.1rem .35rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}.blog-prose pre{background-color:var(--secondary-color);color:var(--color-text-light);border-radius:.625rem;margin-bottom:1.5rem;padding:1rem 1.25rem;overflow-x:auto}.blog-prose pre code{color:inherit;background:0 0;padding:0}.blog-figure{margin:2rem 0}.blog-figure img{border:.0625rem solid var(--color-border);background-color:var(--background-gray);border-radius:.75rem;width:100%;height:auto;display:block}.blog-figure figcaption{color:var(--color-text-muted);text-align:center;margin-top:.65rem;font-size:.9rem;line-height:1.5}.blog-prose table{border-collapse:collapse;width:100%;margin:2rem 0;font-size:.95rem}.blog-prose caption{caption-side:bottom;color:var(--color-text-muted);text-align:left;margin-top:.65rem;font-size:.9rem}.blog-prose thead th{background-color:var(--primary-color);color:var(--color-text-light);font-weight:var(--font-weight-normal);text-align:left;padding:.7rem .9rem}.blog-prose thead th:first-child{border-top-left-radius:.5rem}.blog-prose thead th:last-child{border-top-right-radius:.5rem}.blog-prose tbody th,.blog-prose tbody td{border-bottom:.0625rem solid var(--color-border);vertical-align:top;padding:.7rem .9rem}.blog-prose tbody th{text-align:left;color:var(--secondary-color);font-weight:600}.blog-prose tbody tr:nth-child(2n){background-color:var(--background-gray)}@media (width<=640px){.blog-card-link{grid-template-columns:1fr}.blog-card-media img{aspect-ratio:2}.blog-card-body{padding:1.25rem}}@media (width<=720px){.blog-prose table{white-space:nowrap;display:block;overflow-x:auto}.blog-prose .lead{font-size:1.15rem}}@media (width>=951px){.blog-prose .blog-figure,.blog-prose table{width:min(72rem,80vw);margin-left:50%;transform:translate(-50%)}}