.article-content{color:hsl(var(--foreground));font-size:1.1rem;line-height:1.8}@media (min-width:768px){.article-content{font-size:1.25rem}}@media (min-width:1024px){.article-content{font-size:1.3rem}}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{margin-bottom:1.5rem;margin-top:2.5rem;font-weight:600;color:hsl(var(--foreground));letter-spacing:-.025em}.article-content h1{font-size:2.25rem;line-height:2.5rem}@media (min-width:768px){.article-content h1{font-size:3rem;line-height:1}}@media (min-width:1024px){.article-content h1{font-size:3.75rem;line-height:1}}.article-content h1{background:linear-gradient(135deg,hsl(var(--primary)) 0,hsl(var(--primary)/.8) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.article-content h2{font-size:1.875rem;line-height:2.25rem}@media (min-width:768px){.article-content h2{font-size:2.25rem;line-height:2.5rem}}@media (min-width:1024px){.article-content h2{font-size:3rem;line-height:1}}.article-content h2{color:hsl(var(--primary));border-bottom:3px solid hsl(var(--primary)/.2);padding-bottom:.5rem}.article-content h3{font-size:1.5rem;line-height:2rem}@media (min-width:768px){.article-content h3{font-size:1.875rem;line-height:2.25rem}}@media (min-width:1024px){.article-content h3{font-size:2.25rem;line-height:2.5rem}}.article-content h3{color:hsl(var(--primary))}.article-content h4{font-size:1.25rem;line-height:1.75rem}@media (min-width:768px){.article-content h4{font-size:1.5rem;line-height:2rem}}@media (min-width:1024px){.article-content h4{font-size:1.875rem;line-height:2.25rem}}.article-content h4{color:hsl(var(--primary)/.9)}.article-content p{margin-bottom:1.5rem;color:hsl(var(--foreground))}.article-content ol,.article-content ul{margin-bottom:1rem;padding-left:1.5rem}.article-content ul{list-style-type:disc}.article-content ol{list-style-type:decimal}.article-content li{margin-bottom:.5rem;color:hsl(var(--foreground))}.article-content strong{font-weight:700;color:hsl(var(--primary));background:hsl(var(--primary)/.1);padding:.125rem .4rem;border-radius:.25rem}.article-content em{font-style:italic;color:hsl(var(--primary)/.85)}.article-content a{font-weight:500;color:hsl(var(--primary));text-decoration-line:underline;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.article-content a:hover{color:hsl(var(--primary)/.8)}.article-content blockquote{margin-top:2rem;margin-bottom:2rem;border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius);border-left-width:4px;padding-top:1rem;padding-bottom:1rem;padding-left:1.5rem;font-style:italic;border-color:hsl(var(--primary));background:linear-gradient(135deg,hsl(var(--primary)/.05) 0,hsl(var(--primary)/.02) 100%);color:hsl(var(--foreground)/.9)}.article-content code{border-radius:.25rem;border-width:1px;padding:.25rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.95em;background:hsl(var(--primary)/.08);color:hsl(var(--primary));border-color:hsl(var(--primary)/.2)}.article-content pre{margin-top:2rem;margin-bottom:2rem;overflow-x:auto;border-radius:var(--radius);border-width:1px;padding:1.5rem;--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);background:linear-gradient(135deg,hsl(var(--card)) 0,hsl(var(--card)/.95) 100%);border-color:hsl(var(--primary)/.15)}.article-content pre code{border-style:none;background-color:transparent;padding:0;color:hsl(var(--foreground))}.article-content table{margin-top:2rem;margin-bottom:2rem;width:100%;border-collapse:collapse;overflow:hidden;border-radius:var(--radius);--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border:2px solid hsl(var(--primary)/.2)}.article-content th{border-width:1px;padding:1rem 1.5rem;text-align:left;font-weight:700;background:linear-gradient(135deg,hsl(var(--primary)/.15) 0,hsl(var(--primary)/.08) 100%);border-color:hsl(var(--primary)/.2);color:hsl(var(--primary))}.article-content td{border-width:1px;padding:1rem 1.5rem;border-color:hsl(var(--primary)/.1)}.article-content hr{margin-top:3rem;margin-bottom:3rem;border-color:hsl(var(--border))}.article-content img{margin:2rem auto;border-radius:.75rem;border-width:1px;border-color:hsl(var(--border)/.2);--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.article-content .language-javascript,.article-content .language-jsx,.article-content .language-tsx,.article-content .language-typescript{background-color:hsl(var(--card))}@media (max-width:768px){.article-content{font-size:1.05rem}.article-content h1{font-size:1.875rem;line-height:2.25rem}.article-content h2{font-size:1.5rem;line-height:2rem}.article-content h3{font-size:1.25rem;line-height:1.75rem}.article-content h4{font-size:1.125rem;line-height:1.75rem}.article-content table{font-size:1rem;line-height:1.5rem}.article-content td,.article-content th{padding:.75rem;font-size:.95rem}.article-content pre{padding:1rem;font-size:.875rem;line-height:1.25rem}.article-content code{font-size:.9em}}@media (max-width:480px){.article-content{font-size:1rem}.article-content h1{margin-bottom:1rem;margin-top:1.5rem;font-size:1.5rem;line-height:2rem}.article-content h2{margin-top:1.25rem;font-size:1.25rem}.article-content h2,.article-content h3{margin-bottom:.75rem;line-height:1.75rem}.article-content h3{margin-top:1rem;font-size:1.125rem}.article-content ol,.article-content ul{padding-left:1rem}.article-content table{font-size:.75rem;line-height:1rem}.article-content td,.article-content th{padding:.5rem;font-size:.75rem;line-height:1rem}}.article-content-clean{color:hsl(var(--foreground));font-size:1.125rem;line-height:1.8}.article-content-clean h1,.article-content-clean h2,.article-content-clean h3,.article-content-clean h4{margin-bottom:2rem;margin-top:3rem;font-weight:600;color:hsl(var(--foreground));letter-spacing:-.02em}.article-content-clean h1{font-size:2.25rem;line-height:2.5rem;line-height:1.2}.article-content-clean h2{border-bottom-width:1px;border-color:hsl(var(--border)/.3);font-size:1.875rem;line-height:2.25rem;line-height:1.3;padding-bottom:.5rem}.article-content-clean h3{font-size:1.5rem;line-height:2rem;line-height:1.4}.article-content-clean h4{font-size:1.25rem;line-height:1.75rem;line-height:1.5}.article-content-clean p{margin-bottom:1.5rem;color:hsl(var(--foreground));line-height:1.8}.article-content-clean ol,.article-content-clean ul{margin-bottom:2rem}.article-content-clean ol>:not([hidden])~:not([hidden]),.article-content-clean ul>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.article-content-clean ol,.article-content-clean ul{padding-left:1.5rem}.article-content-clean ul{list-style:none}.article-content-clean ul li{position:relative;color:hsl(var(--foreground));padding-left:1.5rem}.article-content-clean ul li:before{content:"→";position:absolute;left:0;color:hsl(var(--primary));font-weight:700}.article-content-clean ol{list-style-type:decimal}.article-content-clean ol li{margin-bottom:.5rem;color:hsl(var(--foreground))}.article-content-clean a{color:hsl(var(--primary));text-decoration-color:hsl(var(--primary)/.3);text-underline-offset:4px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.article-content-clean a:hover{color:hsl(var(--primary)/.8);text-decoration-color:hsl(var(--primary)/.5)}.article-content-clean blockquote{margin-top:2rem;margin-bottom:2rem;border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius);border-left-width:4px;border-color:hsl(var(--primary)/.4);background-color:hsl(var(--muted)/.3);padding-top:1rem;padding-bottom:1rem;padding-left:1.5rem;font-style:italic;color:hsl(var(--foreground)/.8);backdrop-filter:blur(10px)}.article-content-clean code{border-radius:.25rem;border-width:1px;border-color:hsl(var(--border)/.2);background-color:hsl(var(--muted)/.6);padding:.25rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.25rem;color:hsl(var(--primary))}.article-content-clean pre{margin-top:2rem;margin-bottom:2rem;overflow-x:auto;border-radius:.75rem;border-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--card)/.8);padding:1.5rem;backdrop-filter:blur(10px)}.article-content-clean pre code{border-style:none;background-color:transparent;padding:0;color:hsl(var(--foreground))}.article-content-clean table{margin-top:2rem;margin-bottom:2rem;width:100%;border-collapse:collapse;overflow:hidden;border-radius:var(--radius);background-color:hsl(var(--card)/.5);backdrop-filter:blur(10px)}.article-content-clean th{background-color:hsl(var(--muted)/.7);text-align:left;font-weight:500}.article-content-clean td,.article-content-clean th{border-bottom-width:1px;border-color:hsl(var(--border));padding:1rem 1.5rem;color:hsl(var(--foreground))}.article-content-clean tr:hover{background-color:hsl(var(--muted)/.2)}.article-content-clean hr{margin-top:3rem;margin-bottom:3rem;border-color:hsl(var(--border)/.5)}.article-content-clean strong{font-weight:600;color:hsl(var(--foreground))}.article-content-clean em{font-style:italic;color:hsl(var(--foreground)/.9)}.article-content-clean img{margin:2rem auto;border-radius:.75rem;border-width:1px;border-color:hsl(var(--border)/.2);--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.article-content-clean>*+*{margin-top:1.5rem}.article-content-clean>h2+*,.article-content-clean>h3+*,.article-content-clean>h4+*{margin-top:1rem}@media (max-width:768px){.article-content-clean{font-size:1rem;line-height:1.7}.article-content-clean h1{font-size:1.875rem;line-height:2.25rem}.article-content-clean h2{font-size:1.5rem;line-height:2rem}.article-content-clean h3{font-size:1.25rem;line-height:1.75rem}.article-content-clean pre{padding:1rem}.article-content-clean td,.article-content-clean th{padding:.75rem 1rem}}