:root{--blog-dark: 213 83% 14%;--blog-light: 0 0% 100%;--blog-light-muted: 210 25% 88%;--blog-overlay: linear-gradient(to top, hsl(var(--blog-dark) / .94), hsl(var(--blog-dark) / .15))}.blog-dark{background:hsl(var(--blog-dark));color:hsl(var(--blog-light))}.blog-light{color:hsl(var(--blog-light))}.blog-light-muted{color:hsl(var(--blog-light-muted))}.blog-light-border{border-color:hsl(var(--blog-light) / .4)}.blog-design{--letter-spacing-headings: 0;--letter-spacing-subheadings: 0;--letter-spacing-body: 0;--text-h1: 3rem}.blog-design h1{overflow-wrap:break-word}.blog-card h3{font-size:var(--text-h4);line-height:1.3}.blog-card p{font-size:var(--text-body-small);line-height:1.6}.blog-prose{font-size:var(--text-body-large);font-weight:var(--font-weight-body);line-height:1.75;color:hsl(var(--foreground));overflow-wrap:break-word}.blog-prose p{margin:1.25rem 0}.blog-prose p,.blog-prose li{font-size:var(--text-body-large);line-height:1.75}.blog-dark .blog-light-border:hover{background:hsl(var(--blog-light) / .1);color:hsl(var(--blog-light))}.blog-prose h2{font-size:var(--text-h2);margin:3rem 0 1rem;line-height:1.25;text-align:left;scroll-margin-top:7rem}.blog-prose h3{font-size:var(--text-h3);margin:2rem 0 .75rem;line-height:1.3;text-align:left;scroll-margin-top:7rem}.blog-prose h2,.blog-prose h3{font-weight:var(--font-weight-subheadings);letter-spacing:0}.blog-prose a{color:hsl(var(--primary));text-decoration:underline;text-underline-offset:2px}.blog-prose ul,.blog-prose ol{margin:1.25rem 0;padding-left:1.5rem}.blog-prose ul{list-style:disc}.blog-prose ol{list-style:decimal}.blog-prose li{margin:.375rem 0}.blog-prose table{width:100%;min-width:520px;font-size:var(--text-body)}.blog-prose th,.blog-prose td{border-bottom:1px solid hsl(var(--border));padding:.75rem;text-align:left}.blog-prose blockquote{border-left:4px solid hsl(var(--primary) / .4);padding-left:1rem}.blog-quick-answer{background:hsl(var(--primary) / .05);border:1px solid hsl(var(--primary) / .3);padding:1.5rem;border-radius:.5rem;margin:2rem 0}.blog-quick-answer p{margin:0}@media (max-width: 640px){.blog-design{--text-h1: 2.25rem;--text-h2: 1.75rem;--text-h3: 1.25rem}}@media (prefers-reduced-motion: reduce){.blog-design *{transition:none!important;scroll-behavior:auto!important}}
