@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";.article-container{min-height:100vh;background:linear-gradient(to bottom right,#f8fafc,#e2e8f0);padding:4rem 1.5rem;font-family:Inter,sans-serif}.article-header{margin-bottom:3rem}.article-meta{margin-bottom:1rem;display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#475569}.article-category{border-radius:9999px;padding:.25rem .75rem;font-weight:500;background-color:#f3e8ff;color:#7e22ce}.article-title{font-family:Playfair Display,serif;font-size:3rem;font-weight:700;line-height:1.2;color:#0f172a;margin-bottom:1.5rem}@media(min-width:768px){.article-title{font-size:3.75rem}}.article-subtitle{font-family:Inter,sans-serif;font-size:1.25rem;line-height:1.75;color:#334155}.article-content{max-width:none;font-family:Inter,sans-serif}.article-section{margin-bottom:3rem}.article-section-title{font-family:Playfair Display,serif;font-size:1.875rem;font-weight:700;color:#0f172a;margin-bottom:1rem}.article-text{margin-bottom:1rem;line-height:1.75;color:#334155}.code-container{overflow:hidden;border-radius:.75rem;background-color:#0f172a;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;position:relative}.code-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgb(51,65,85);background-color:#1e293b;padding:.75rem 1.5rem}.code-filename{font-family:JetBrains Mono,monospace;font-size:.875rem;color:#cbd5e1}.code-language{font-size:.75rem;color:#94a3b8}.code-block{overflow-x:auto;padding:1.5rem;font-family:JetBrains Mono,monospace;font-size:.8125rem}.code-block-wrapper{position:relative}.code-block-content{position:relative;transition:max-height .3s ease-out}.code-block-content.collapsed{max-height:var(--max-height);overflow:hidden}.code-block-content.collapsed:after{content:"";position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to bottom,transparent,rgb(15,23,42));pointer-events:none}.code-expand-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;background-color:#1e293b;border:none;border-top:1px solid rgb(51,65,85);color:#94a3b8;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.code-expand-button:hover{background-color:#334155;color:#cbd5e1}.code-expand-icon{transition:transform .3s ease;font-size:1rem}.code-expand-icon.expanded{transform:rotate(180deg)}.info-box{margin-top:1rem;border-radius:.5rem;background-color:#eff6ff;padding:1rem}.info-box-text{font-size:.875rem;line-height:1.75;color:#1e3a8a}.feature-grid{margin-bottom:3rem;border-radius:.75rem;background-color:#fff;padding:2rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.feature-grid-items{display:grid;gap:1.5rem}@media(min-width:768px){.feature-grid-items{grid-template-columns:repeat(2,1fr)}}.feature-item{border-radius:.5rem;border:1px solid rgb(226,232,240);padding:1.5rem}.feature-item-title{margin-bottom:.5rem;font-size:1.25rem;font-weight:600;color:#0f172a}.feature-item-text{color:#475569}.highlighted-section{border-radius:.75rem;background:linear-gradient(to right,#faf5ff,#fce7f3);padding:2rem}.article-footer{margin-top:4rem;border-top:1px solid rgb(226,232,240);padding-top:2rem}.article-footer-content{display:flex;align-items:center;justify-content:space-between}.article-back-link{font-family:Inter,sans-serif;color:#475569;transition:color .2s}.article-back-link:hover{color:#0f172a}.article-share{display:flex;gap:1rem}.article-share-label{font-size:.875rem;color:#64748b}.article-share-button{color:#475569;transition:color .2s;background:none;border:none;cursor:pointer;font-family:Inter,sans-serif}.article-share-button:hover{color:#2563eb}.article-list{margin-bottom:1rem;padding-left:1.5rem;color:#334155}.article-list li{margin-bottom:.5rem}.article-list.decimal{list-style-type:decimal}