.article-h1{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);-webkit-text-fill-color:transparent;letter-spacing:-.01em;text-align:center;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:2rem;font-weight:700;line-height:1.2}.article-h2{color:#1e293b;margin:2rem 0 1rem;padding-left:1.5rem;font-size:1.5rem;font-weight:600;transition:color .2s;position:relative}.article-h2:before{content:"";background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:2px;width:4px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.article-h3{color:#374151;margin:1.5rem 0 .75rem;padding-left:1rem;font-size:1.125rem;font-weight:600;position:relative}.article-h3:before{content:"";background:#10b981;border-radius:2px;width:3px;height:50%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.article-content{color:#374151;line-height:1.7}.article-content p{margin-bottom:1.25rem}.article-content img{border-radius:8px;max-width:100%;height:auto;margin:1.5rem auto;box-shadow:0 4px 12px rgba(0,0,0,.1)}.article-content ul{margin:1.25rem 0}.article-content li{margin-bottom:.75rem}.article-content b,.article-content strong{color:#1f2937;font-weight:600}.article-content table{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06)}.article-content th{color:#fff;background:#3b82f6;padding:.75rem;font-weight:600}.article-content td{border-bottom:1px solid #e5e7eb;padding:.75rem}.article-content a{color:#3b82f6;border-bottom:1px solid transparent;text-decoration:none;transition:border-color .2s}.article-content a:hover{border-bottom-color:#3b82f6}@media (max-width:768px){.article-h1{font-size:1.75rem;line-height:1.2}.article-h2{font-size:1.375rem}.article-h3{font-size:1.125rem}}