#article-container{opacity:0;width:100%;max-width:800px;margin:0 auto;transition:opacity .6s}#article-container.is-loaded{opacity:1}#article-container,#article-container *{font-family:DM Sans,sans-serif!important}#article-container .mfn-header{margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}#article-container h1,#article-container .mfn-title{letter-spacing:-.02em;color:var(--color-text-primary);margin-bottom:var(--space-3);font-size:36px;font-weight:500;line-height:1.2}#article-container .mfn-date{font-size:var(--text-body-small);color:var(--color-text-secondary);margin-bottom:var(--space-2)}#article-container .mfn-tags-list{margin-bottom:var(--space-4);flex-wrap:wrap;gap:6px;display:flex}#article-container .mfn-tag{letter-spacing:.3pt;color:var(--color-midnight);border-radius:var(--radius-full);background:#6a00d51a;padding:4px 10px;font-size:11px;font-weight:500}#article-container .mfn-primary-image{border-radius:var(--radius-lg);width:100%;height:auto;margin-bottom:var(--space-5);overflow:hidden}#article-container .mfn-primary-image img{width:100%;height:auto;display:block}#article-container .mfn-body,#article-container .mfn-content{font-size:var(--text-body);color:var(--color-text-primary);line-height:1.7}#article-container .mfn-body p,#article-container .mfn-content p{margin-bottom:var(--space-4)}#article-container .mfn-body h2,#article-container .mfn-content h2{font-size:var(--text-h2);letter-spacing:-.02em;color:var(--color-text-primary);margin-top:var(--space-6);margin-bottom:var(--space-3);font-weight:500;line-height:1.3}#article-container .mfn-body h3,#article-container .mfn-content h3{font-size:var(--text-h3);letter-spacing:-.01em;color:var(--color-text-primary);margin-top:var(--space-5);margin-bottom:var(--space-3);font-weight:500;line-height:1.4}#article-container .mfn-body ul,#article-container .mfn-content ul{margin-bottom:var(--space-4);padding-left:24px;list-style:outside}#article-container .mfn-body ol,#article-container .mfn-content ol{margin-bottom:var(--space-4);padding-left:24px;list-style:decimal}#article-container .mfn-body li,#article-container .mfn-content li{margin-bottom:var(--space-2);line-height:1.7}#article-container .mfn-body a,#article-container .mfn-content a{color:var(--color-violet);text-underline-offset:2px;transition:color var(--duration-fast);text-decoration:underline}#article-container .mfn-body a:hover,#article-container .mfn-content a:hover{color:#6a00d5b3}#article-container .mfn-attachments{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border)}#article-container .mfn-attachments h3{font-size:var(--text-body);margin-bottom:var(--space-3);color:var(--color-text-primary);font-weight:500}#article-container .mfn-attachment-wrapper{border-radius:var(--radius-md);border:1px solid var(--color-border);color:var(--color-text-primary);font-size:var(--text-body-small);transition:background var(--duration-fast),border-color var(--duration-fast);align-items:center;gap:8px;padding:8px 16px;font-weight:500;text-decoration:none;display:inline-flex}#article-container .mfn-attachment-wrapper:hover{background:var(--color-lavender);border-color:var(--color-violet)}@media (max-width:768px){#article-container h1,#article-container .mfn-title{font-size:28px}#article-container .mfn-body,#article-container .mfn-content{font-size:15px}}