article.article-post,article .blog-post-content.blog-content{min-width:0;max-width:100%}article .blog-post-content.blog-content{overflow-x:auto;-webkit-overflow-scrolling:touch}article .blog-post-content h1:first-of-type{display:none}article .blog-post-content h1:first-of-type+*{margin-top:0}article .blog-content{font-size:1.125rem;line-height:1.75;color:oklch(var(--bc) / .9)}article .blog-content h1{font-size:1.875rem;font-weight:700;margin-top:2rem;margin-bottom:1rem;line-height:1.3;color:oklch(var(--bc))}article .blog-content h1:first-child{margin-top:0}article .blog-content h2{font-size:1.5rem;font-weight:600;margin-top:2.25rem;margin-bottom:.75rem;padding-bottom:.375rem;border-bottom:1px solid oklch(var(--bc) / .15);line-height:1.35;color:oklch(var(--bc))}article .blog-content h2:first-child{margin-top:0}article .blog-content h3{font-size:1.25rem;font-weight:600;margin-top:1.75rem;margin-bottom:.5rem;line-height:1.4;color:oklch(var(--bc))}article .blog-content p{margin-bottom:1.25rem;line-height:1.75}article .blog-content ul,article .blog-content ol{margin:1.25rem 0;padding-left:1.75rem}article .blog-content ul{list-style-type:disc}article .blog-content ol{list-style-type:decimal}article .blog-content li{margin-bottom:.5rem;line-height:1.7}article .blog-content li::marker{color:oklch(var(--p))}article .blog-content strong{font-weight:600}article .blog-content code{background:oklch(var(--b3));padding:.2rem .45rem;border-radius:.375rem;font-size:.95em;font-weight:500;word-break:break-word}article .blog-content pre{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:1rem 1.125rem;border-radius:.5rem;background:oklch(var(--b3) / .55);border:1px solid oklch(var(--bc) / .12);font-size:.875rem;line-height:1.6}article .blog-content pre code{background:transparent;padding:0;font-size:inherit;word-break:normal;white-space:pre;display:block;min-width:0}article .blog-content img,article .blog-content video,article .blog-content iframe{max-width:100%;height:auto}article .blog-content iframe{aspect-ratio:16 / 9;width:100%}article .blog-content blockquote{margin:1.5rem 0;padding:.75rem 1rem .75rem 1.25rem;border-left:4px solid oklch(var(--p));background:oklch(var(--b3) / .3);font-style:italic;color:oklch(var(--bc) / .85)}article .blog-content blockquote cite{display:block;margin-top:.5rem;font-style:normal;font-size:.875rem;color:oklch(var(--bc) / .6)}article .blog-content table{width:100%;max-width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem;table-layout:auto}article .blog-content th,article .blog-content td{padding:.625rem .875rem;text-align:left;border-bottom:1px solid oklch(var(--bc) / .12);word-break:break-word;overflow-wrap:anywhere;vertical-align:top;hyphens:auto}article .blog-content th{background:oklch(var(--b3) / .4);font-weight:600;color:oklch(var(--p))}article .blog-content tr:hover td{background:oklch(var(--p) / .04)}article .blog-content .blog-callout{margin:1.5rem 0;padding:1rem 1.25rem;border-radius:.5rem;max-width:100%;overflow-wrap:break-word;word-wrap:break-word;background:oklch(var(--b3) / .45);border:1px solid oklch(var(--bc) / .1);border-left-width:4px}article .blog-content .blog-callout p{margin:0;font-size:1.0625rem;line-height:1.75;color:oklch(var(--bc) / .92)}article .blog-content .blog-callout p strong{font-weight:700;color:oklch(var(--bc))}article .blog-content .blog-callout--critical{border-left-color:oklch(var(--er));background:oklch(var(--er) / .09)}article .blog-content .blog-callout--warning{border-left-color:oklch(var(--wa));background:oklch(var(--wa) / .1)}article .blog-content .blog-callout--note{border-left-color:oklch(var(--in));background:oklch(var(--in) / .09)}article .blog-content .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin:1.5rem 0}article .blog-content .stat-card{background:oklch(var(--b3) / .3);border:1px solid oklch(var(--bc) / .1);border-radius:.5rem;padding:1.25rem;text-align:center}article .blog-content .stat-number{font-size:1.75rem;font-weight:800;color:oklch(var(--p));display:block}article .blog-content .stat-label{font-size:.8rem;color:oklch(var(--bc) / .65);margin-top:.25rem}article .blog-content .lead{font-size:1.15rem;color:oklch(var(--bc) / .9);line-height:1.8;border-left:3px solid oklch(var(--s));padding-left:1rem;margin:1.5rem 0}
