.patchnotes-article-page{min-height:100vh;padding-block:3rem}.article-container{background-color:var(--background);border:2px solid var(--border);border-radius:var(--radius-base);width:100%;max-width:56rem;box-shadow:var(--shadow);margin-inline:auto;padding:2rem}.article-header{font-family:var(--font-mono);text-transform:lowercase;margin-bottom:3rem}.article-meta{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.article-title{font-family:var(--font-mono);font-size:var(--text-4xl);color:var(--foreground);margin-bottom:1.5rem}.image-showcase{border-radius:var(--radius-base);width:100%;min-height:200px;position:relative;overflow:hidden}.image-showcase img{object-fit:contain}#article-body{font-family:var(--font-sans);color:var(--foreground)}#article-body h1,#article-body h2{text-transform:lowercase;font-family:var(--font-mono);color:var(--foreground);margin-top:2rem;margin-bottom:1rem}#article-body h3{text-transform:lowercase;font-family:var(--font-mono);color:var(--foreground);margin-top:1.5rem;margin-bottom:.75rem}#article-body p{color:var(--foreground);margin-bottom:1rem}#article-body .image-figure{text-align:center;margin-top:3rem;margin-bottom:3rem}#article-body .image-figure img{margin-inline:auto;display:block}#article-body figcaption{font-size:var(--text-sm);color:var(--color-gray-500);margin-top:.5rem;font-style:italic}#article-body ul,#article-body ol{color:var(--foreground);margin-bottom:1rem;padding-left:1.5rem}#article-body li{margin-bottom:.5rem}@media (min-width:768px){.article-container{padding:3rem}.patchnotes-article-page{padding-inline:1rem}}