@charset "UTF-8";body,html{--theme-color-1: #3b82f6}.back-button:hover{transform:translateY(-2px)}.back-button:active{transform:translateY(0)}.article-content{color:#e5e7eb;font-size:1.125rem;line-height:1.8}.article-content p{line-height:1.8;margin-bottom:1.5rem;text-align:justify}.article-content h1{border-bottom:3px solid #3b82f6;color:#fff;font-size:2.25rem;font-weight:700;margin:2.5rem 0 1.5rem;padding-bottom:.75rem;position:relative}.article-content h1:before{background:linear-gradient(90deg,#3b82f6,#6366f1);bottom:-3px;content:"";height:3px;left:0;position:absolute;width:60px}.article-content h2{background:linear-gradient(90deg,rgba(59,130,246,.1),transparent);border-left:4px solid #3b82f6;border-radius:0 .5rem .5rem 0;color:#f3f4f6;font-size:1.875rem;font-weight:600;margin:2rem 0 1.25rem;padding:.75rem 0 .75rem 1rem}.article-content h3{color:#f3f4f6;font-size:1.5rem;font-weight:600;margin:1.75rem 0 1rem;padding-left:1.25rem;position:relative}.article-content h3:before{background:#10b981;border-radius:2px;content:"";height:1.25rem;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.article-content h4{color:#f3f4f6;font-size:1.25rem;font-weight:600;margin:1.5rem 0 .75rem}.article-content h5,.article-content h6{color:#f3f4f6;font-size:1.125rem;font-weight:500;margin:1.25rem 0 .75rem}.article-content ol,.article-content ul{margin:1.5rem 0;padding-left:1.5rem}.article-content ol li,.article-content ul li{color:#d1d5db;line-height:1.7;margin-bottom:.5rem}.article-content ol li::marker,.article-content ul li::marker{color:#3b82f6}.article-content ul{list-style-type:none}.article-content ul li{padding-left:1.5rem;position:relative}.article-content ul li:before{color:#3b82f6;content:"▸";font-weight:700;left:0;position:absolute}.article-content ol{list-style-type:decimal}.article-content ol li::marker{color:#3b82f6;font-weight:600}.article-content img{border:1px solid #374151;border-radius:.75rem;box-shadow:0 10px 25px -5px #0000004d;display:block;height:auto;margin:2rem auto;max-width:100%;transition:transform .3s ease,box-shadow .3s ease}.article-content img:hover{box-shadow:0 20px 40px -10px #0006;transform:scale(1.02)}.article-content a{border-bottom:1px solid transparent;color:#60a5fa;font-weight:500;text-decoration:none;transition:all .3s ease}.article-content a:hover{background:#3b82f60d;border-bottom-color:#3b82f6;border-radius:.25rem;color:#3b82f6;padding:.125rem .25rem}.article-content blockquote{background:linear-gradient(135deg,#3b82f61a,#10b9810d);border-left:4px solid #3b82f6;border-radius:0 .75rem .75rem 0;box-shadow:0 4px 6px -1px #0000001a;font-style:italic;margin:2rem 0;padding:1.5rem 2rem;position:relative}.article-content blockquote:before{color:#3b82f6;content:'"';font-family:serif;font-size:4rem;left:1rem;opacity:.3;position:absolute;top:-.5rem}.article-content blockquote p{color:#e5e7eb;font-size:1.1rem;margin-bottom:0;position:relative;z-index:1}.article-content code{background:linear-gradient(135deg,#1f2937,#111827);border:1px solid #374151;border-radius:.375rem;box-shadow:inset 0 1px 3px #0003;color:#fbbf24;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.9em;padding:.25rem .5rem}.article-content pre{background:linear-gradient(135deg,#1f2937,#111827);border:1px solid #374151;border-radius:.75rem;box-shadow:0 4px 6px -1px #0003;color:#e5e7eb;line-height:1.6;margin:2rem 0;overflow-x:auto;padding:1.5rem;position:relative}.article-content pre:before{background:linear-gradient(90deg,#3b82f6,#10b981);content:"";height:2px;left:0;position:absolute;right:0;top:0}.article-content pre code{background:transparent;border:none;box-shadow:none;color:inherit;padding:0}.article-content table{background:#1f2937;border-collapse:collapse;border-radius:.75rem;box-shadow:0 10px 25px -5px #0003;margin:2rem 0;overflow:hidden;width:100%}.article-content table td,.article-content table th{border-bottom:1px solid #374151;padding:1rem 1.25rem;text-align:left}.article-content table th{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.article-content table tr{transition:background-color .2s ease}.article-content table tr:hover{background:#3b82f60d}.article-content table tr:last-child td{border-bottom:none}.article-content table td{color:#d1d5db}.article-content hr{background:linear-gradient(90deg,transparent,#3b82f6,#10b981,transparent);border:none;border-radius:1px;height:2px;margin:2.5rem 0}.article-content b,.article-content strong{color:#fff;font-weight:700}.article-content em,.article-content i{color:#d1d5db;font-style:italic}.article-content del,.article-content s{color:#9ca3af;text-decoration:line-through}.article-content u{text-decoration:underline;text-decoration-color:#3b82f6}.article-content mark{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:.25rem;color:#1f2937;font-weight:500;padding:.125rem .375rem}.article-content small{color:#9ca3af;font-size:.875rem}.article-content sub,.article-content sup{font-size:.75rem;line-height:0}.article-content kbd{background:#374151;border:1px solid #4b5563;border-radius:.25rem;box-shadow:0 1px 3px #0003;color:#e5e7eb;font-family:monospace;font-size:.875rem;padding:.25rem .5rem}@media (max-width:768px){.back-button{height:2.5rem;left:1rem!important;top:1rem!important;width:2.5rem}.back-button i{font-size:1rem}.container{padding-left:1rem;padding-right:1rem}.article-content{font-size:1rem;line-height:1.7}.article-content h1{font-size:1.875rem;margin:2rem 0 1rem}.article-content h2{font-size:1.5rem;margin:1.5rem 0 1rem}.article-content h3{font-size:1.25rem;margin:1.25rem 0 .75rem}.article-content ol,.article-content ul{padding-left:1.25rem}.article-content pre{font-size:.875rem;padding:1rem}.article-content table{font-size:.875rem}.article-content table td,.article-content table th{padding:.75rem}.article-content blockquote{margin:1.5rem 0;padding:1rem 1.5rem}.article-content blockquote:before{font-size:3rem;left:.75rem;top:-.25rem}}@media (min-width:1200px){.article-content{font-size:1.25rem;line-height:1.9}.article-content h1{font-size:2.5rem}.article-content h2{font-size:2rem}.article-content h3{font-size:1.75rem}}
