.article-header{background:var(--color-bg-warm);padding:48px 20px 60px}.article-header-content{max-width:800px;margin:0 auto}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px}.article-lang{background:var(--color-primary);color:#fff;font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:4px}.article-date{color:var(--color-text-medium);font-size:.9375rem}.article-title{font-family:Roboto Slab,serif;font-size:2.5rem;font-weight:700;color:var(--color-text-dark);margin:0 0 20px;line-height:1.2}.article-tags{display:flex;flex-wrap:wrap;gap:8px}.article-tags :global(.badge){margin-bottom:0}.hero-image{max-width:1000px;margin:-40px auto 0;padding:0 20px}.hero-image img{width:100%;border-radius:12px;box-shadow:0 8px 30px #0000001f}.article-content{max-width:800px;margin:0 auto;padding:48px 20px 80px}.prose{color:var(--color-text-dark);font-size:1.0625rem;line-height:1.8}.prose h2{font-family:Roboto Slab,serif;font-size:1.75rem;font-weight:700;color:var(--color-text-dark);margin:56px 0 16px;padding-bottom:12px;border-bottom:2px solid var(--color-primary-light)}.prose h2:first-child{margin-top:0}.prose h3{font-family:Roboto Slab,serif;font-size:1.375rem;font-weight:700;color:var(--color-text-dark);margin:40px 0 12px}.prose h4{font-family:Roboto Slab,serif;font-size:1.125rem;font-weight:700;color:var(--color-text-dark);margin:32px 0 10px}.prose p{margin:0 0 20px}.prose h2+p,.prose h3+p,.prose h4+p{margin-top:0}.prose a:not(.btn){color:var(--color-primary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;font-weight:500;transition:all .2s ease}.prose a:not(.btn):hover{color:var(--color-primary-dark);background:var(--color-primary-light);border-radius:2px;padding:0 2px;margin:0 -2px}.prose a[href^=http]:not([href*="monizze.be"]):after{content:" ↗";font-size:.85em;opacity:.7}.prose ul,.prose ol{margin:0 0 24px;padding-left:0;list-style:none}.prose ul li{position:relative;padding-left:28px;margin-bottom:12px}.prose li p{margin:0}.prose li p+p{margin-top:8px}.prose ul li:before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;background:var(--color-primary);border-radius:50%}.prose ul li:has(>p):before{top:8px}.prose ol{counter-reset:list-counter}.prose ol li{position:relative;padding-left:36px;margin-bottom:12px;counter-increment:list-counter}.prose ol li:before{content:counter(list-counter);position:absolute;left:0;top:0;width:24px;height:24px;background:var(--color-primary);color:#fff;font-size:.8125rem;font-weight:600;border-radius:50%;display:flex;align-items:center;justify-content:center}.prose li a{display:inline}.prose li ul,.prose li ol{margin:12px 0 0}.prose li li{margin-bottom:8px}.prose ul li li:before{width:6px;height:6px;background:var(--color-text-medium);top:10px}.prose img{max-width:100%;height:auto;border-radius:8px;margin:32px 0;box-shadow:0 4px 12px #00000014}.prose strong{font-weight:600;color:var(--color-text-dark)}.prose blockquote{position:relative;margin:40px 0;padding:32px 32px 32px 48px;background:linear-gradient(135deg,var(--color-bg-warm) 0%,#fff8e8 100%);border:none;border-radius:12px;box-shadow:0 4px 20px #ff850014}.prose blockquote:before{content:'"';position:absolute;top:-8px;left:20px;font-family:Roboto Slab,Georgia,serif;font-size:5rem;font-weight:700;color:var(--color-primary);opacity:.3;line-height:1}.prose blockquote p{margin:0;font-size:1.125rem;font-style:italic;color:var(--color-text-dark);line-height:1.7;position:relative;z-index:1}.prose blockquote p:not(:last-child){margin-bottom:12px}.prose code{background:var(--color-bg-warm);padding:2px 6px;border-radius:4px;font-size:.9375rem;font-family:SF Mono,Consolas,monospace}.prose pre{background:var(--color-text-dark);color:#f8f8f2;padding:20px 24px;border-radius:8px;overflow-x:auto;margin:24px 0}.prose pre code{background:none;padding:0;color:inherit}.prose hr{border:none;height:2px;background:var(--color-border);margin:48px 0}.prose table{width:100%;border-collapse:collapse;margin:24px 0}.prose th,.prose td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--color-border)}.prose th{background:var(--color-bg-warm);font-weight:600}.updated-date{color:var(--color-text-medium);font-size:.875rem;font-style:italic;margin-top:-20px;margin-bottom:32px}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--color-primary);text-decoration:none;font-weight:500;margin-bottom:32px;transition:color .2s ease}.back-link:hover{color:var(--color-primary-dark)}.back-link svg{width:20px;height:20px}@media(max-width:744px){.article-header{padding:32px 24px 48px}.article-title{font-size:1.75rem}.article-content{padding:32px 24px 60px}.prose{font-size:1rem}.prose h2{font-size:1.5rem;margin:40px 0 12px}.prose h3{font-size:1.25rem;margin:32px 0 10px}.prose ul li,.prose ol li{margin-bottom:10px}.prose ol li:before{width:22px;height:22px;font-size:.75rem}.prose blockquote{margin:28px 0;padding:24px 20px 24px 36px}.prose blockquote:before{font-size:3.5rem;top:-4px;left:12px}.prose blockquote p{font-size:1rem}}
