.article{color:#ddd!important;line-height:1.8!important;font-size:16px!important;padding:2rem 2.5rem!important;max-width:900px!important}@media (max-width:768px){.article{padding:1.5rem 1rem!important}}.article h1,.article h2,.article h3,.article h4,.article h5,.article h6{color:#fff;font-weight:600;line-height:1.3;margin-top:0;margin-bottom:1rem}.article h1.article-title{font-size:2.5rem!important;color:#fff!important;margin-top:0!important;margin-bottom:1.5rem!important;padding-bottom:1rem!important;border-bottom:2px solid rgba(53,134,211,.3)!important;font-weight:700!important}.article h1:not(.article-title){font-size:2.25rem!important;color:var(--color-link-secondary)!important;margin-top:3rem!important;margin-bottom:1.5rem!important;padding-bottom:.5rem!important;border-bottom:1px solid rgba(53,134,211,.2)!important}.article h2{font-size:1.75rem!important;color:#f0f0f0!important;margin-top:2.5rem!important;margin-bottom:1rem!important}.article h3{font-size:1.375rem!important;color:#e0e0e0!important;margin-top:2rem!important;margin-bottom:.875rem!important}.article h4{font-size:1.125rem!important;color:#d0d0d0!important;margin-top:1.5rem!important;margin-bottom:.75rem!important}.article h5{font-size:1rem!important;color:silver!important;margin-top:1.25rem!important;margin-bottom:.625rem!important;text-transform:uppercase;letter-spacing:.5px}.article h6{font-size:.875rem!important;color:#b0b0b0!important;margin-top:1rem!important;margin-bottom:.5rem!important;text-transform:uppercase;letter-spacing:.5px}.article h1:first-child:not(.article-title),.article h2:first-child,.article h3:first-child,.article h4:first-child{margin-top:0!important}.article p{margin-top:0;margin-bottom:1.25rem;color:#ddd!important}.article .article-intro,.article p.lead{font-size:1.125rem!important;line-height:1.7!important;color:#e8e8e8!important;margin-bottom:1.5rem!important}.article strong{color:#fff!important;font-weight:600}.article em{color:var(--color-link-secondary);font-style:italic}.article h1+h2,.article h2+h3,.article h3+h4{margin-top:1rem!important}.article p+ol,.article p+ul{margin-top:-.5rem}.article div>code,.article section>code,.article>code{display:block;background:linear-gradient(135deg,rgba(26,27,47,.8),rgba(20,16,38,.8));color:#74c0fc;padding:1rem 1.5rem;border-radius:8px;font-family:Consolas,Monaco,'Courier New',monospace;font-size:.9em;border:1px solid rgba(116,192,252,.1);line-height:1.6;margin:1rem 0;box-shadow:0 2px 8px rgba(0,0,0,.2)}.article h1 code,.article h2 code,.article h3 code,.article h4 code,.article h5 code,.article h6 code,.article li code,.article p code,.article td code,.article th code{display:inline;background:linear-gradient(135deg,rgba(26,27,47,.8),rgba(20,16,38,.8));color:#74c0fc;padding:.2em .4em;border-radius:4px;font-family:Consolas,Monaco,'Courier New',monospace;font-size:.9em;border:1px solid rgba(116,192,252,.1);white-space:nowrap;line-height:inherit;margin:0}.article pre{background:linear-gradient(135deg,#1a1b2f,#141026);border:1px solid rgba(53,134,211,.2);border-radius:8px;padding:1.5rem;margin-top:1rem;margin-bottom:1.5rem;overflow-x:auto;position:relative;box-shadow:0 4px 12px rgba(0,0,0,.3)}.article pre code{background:0 0;border:none;padding:0;color:#e0e0e0;font-size:.95em;line-height:1.6;white-space:pre;display:block;margin:0;box-shadow:none}.article .token-keyword{color:#c792ea}.article .token-string{color:#c3e88d}.article .token-number{color:#f78c6c}.article .token-comment{color:#546e7a;font-style:italic}.article .token-function{color:#82aaff}.article .token-variable{color:#ff5370}.article table{display:table;width:100%;margin-top:1rem;margin-bottom:1.5rem;border-collapse:separate;border-spacing:0;background:linear-gradient(135deg,rgba(23,25,53,.5),rgba(6,8,28,.5));border:1px solid rgba(47,47,47,.5);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.2);padding:0}.article thead{background:linear-gradient(135deg,#1a1b2f,#141026)}.article th{padding:1rem;text-align:left;color:var(--color-link-secondary);font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid rgba(53,134,211,.3)}.article td{padding:.875rem 1rem;color:#ddd;border-bottom:1px solid rgba(47,47,47,.3)}.article tbody tr:hover{background:rgba(53,134,211,.05);transition:background .2s ease}.article tbody tr:last-child td{border-bottom:none}.article .table-responsive{overflow-x:auto;margin-top:1rem;margin-bottom:1.5rem;border:1px solid rgba(47,47,47,.3);border-radius:8px}.article .table-responsive table{margin:0;border:none}.article blockquote{margin-top:1.5rem;margin-bottom:1.5rem;margin-left:0;margin-right:0;padding:1.5rem 2rem;background:linear-gradient(135deg,rgba(53,134,211,.05),rgba(53,134,211,.02));border-left:4px solid var(--color-link-primary);border-radius:0 8px 8px 0;position:relative;font-style:italic;color:#e0e0e0}.article blockquote::before{content:'"';position:absolute;top:-10px;left:10px;font-size:4rem;color:rgba(53,134,211,.2);font-family:Georgia,serif}.article blockquote p{margin-bottom:.5rem;position:relative;z-index:1}.article blockquote p:last-child{margin-bottom:0}.article blockquote cite{display:block;margin-top:1rem;color:var(--color-link-secondary);font-size:.9rem;font-style:normal}.article blockquote cite::before{content:'— '}.article .content-block{margin-top:1.5rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem;position:relative;background:#5b5b5b1a}.article .content-block::before{position:absolute;top:-10px;left:1rem;padding:0 .5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;background:#1a1b2f}.article input{margin-bottom:1rem}.article .content-tip,.article .tip-block{background:linear-gradient(135deg,rgba(76,175,80,.08),rgba(76,175,80,.03));border-color:rgba(76,175,80,.3);padding:1.5rem;margin-bottom:1.5rem}.article .content-tip::before,.article .tip-block::before{content:'💡 TIP';color:#4caf50}.article .content-warning,.article .warning-block{background:linear-gradient(135deg,rgba(255,152,0,.08),rgba(255,152,0,.03));border-color:rgba(255,152,0,.3);padding:1.5rem;margin-bottom:1.5rem}.article .content-warning::before,.article .warning-block::before{content:'⚠️ WARNING';color:#ff9800}.article .content-note,.article .note-block{background:linear-gradient(135deg,rgba(33,150,243,.08),rgba(33,150,243,.03));border-color:rgba(33,150,243,.3);padding:1.5rem;margin-bottom:1.5rem}.article .content-note::before,.article .note-block::before{content:'📝 NOTE';color:#2196f3}.article .content-important,.article .important-block{background:linear-gradient(135deg,rgba(244,67,54,.08),rgba(244,67,54,.03));border-color:rgba(244,67,54,.3);padding:1.5rem;margin-bottom:1.5rem}.article .content-important::before,.article .important-block::before{content:'❗ IMPORTANT';color:#f44336}.article .content-example,.article .example-block{background:linear-gradient(135deg,rgba(156,39,176,.08),rgba(156,39,176,.03));border-color:rgba(156,39,176,.3);padding:1.5rem;margin-bottom:1.5rem}.article .content-example::before,.article .example-block::before{content:'📌 EXAMPLE';color:#9c27b0}.article ol,.article ul{margin-top:.5rem;margin-bottom:1.25rem;padding-left:2rem;color:#ddd}.article li{margin-bottom:.5rem;line-height:1.7}.article li:last-child{margin-bottom:0}.article ul li::marker{color:var(--color-link-primary)}.article ol li::marker{color:var(--color-link-secondary);font-weight:600}.article ol ol,.article ol ul,.article ul ol,.article ul ul{margin-top:.5rem;margin-bottom:.5rem}.article .feature-list{list-style:none;padding-left:0}.article .feature-list li{position:relative;padding-left:2rem;margin-bottom:.75rem}.article .feature-list li::before{content:'✓';position:absolute;left:0;color:#4caf50;font-weight:700;font-size:1.2rem}.article a{color:var(--color-link-primary);text-decoration:none;border-bottom:1px dotted rgba(53,134,211,.5);transition:all .2s ease}.article a:hover{color:var(--color-link-secondary);border-bottom-color:var(--color-link-secondary)}.article a.btn{color:inherit;border-bottom:none;text-decoration:none}.article a.btn-primary{color:#fff!important}.article a.btn-primary:hover{color:#fff!important;border-bottom:none}.article a.external-link::after{content:' ↗';font-size:.8em;opacity:.7}.article img{max-width:100%;height:auto;border-radius:8px;margin-top:1rem;margin-bottom:1.5rem;display:block;box-shadow:0 4px 12px rgba(0,0,0,.3)}.article figure{margin-top:1.5rem;margin-bottom:1.5rem;margin-left:0;margin-right:0;text-align:center}.article figcaption{margin-top:.75rem;color:var(--text-gray-550);font-size:.9rem;font-style:italic}.article hr{margin-top:2rem;margin-bottom:2rem;border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(53,134,211,.3) 25%,rgba(53,134,211,.3) 75%,transparent)}@media (max-width:768px){.article{font-size:15px;padding:1.5rem 1rem!important}.article h1.article-title{font-size:2rem!important}.article h1:not(.article-title){font-size:1.75rem!important}.article h2{font-size:1.5rem!important}.article h3{font-size:1.25rem!important}.article h4{font-size:1.125rem!important}.article h1:not(.article-title){margin-top:2rem!important}.article h2{margin-top:1.75rem!important}.article h3{margin-top:1.5rem!important}.article pre{padding:1rem;font-size:.85rem}.article table{font-size:.9rem}.article td,.article th{padding:.5rem}.article blockquote{padding:1rem 1.25rem}.article .content-block{padding:1rem}}.article .interactive-section{background:linear-gradient(135deg,rgba(26,27,47,.4),rgba(20,16,38,.4));border:1px solid rgba(53,134,211,.2);border-radius:8px;padding:2rem;margin-top:1.5rem;margin-bottom:1.5rem}.article .collapsible{margin-top:1rem;margin-bottom:1rem}.article .collapsible-header{background:linear-gradient(135deg,#1a1b2f,#141026);padding:1rem 1.5rem;border-radius:8px;cursor:pointer;user-select:none;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.article .collapsible-header:hover{background:linear-gradient(135deg,#1f2038,#1a1530)}.article .collapsible-header::after{content:'▼';color:var(--color-link-secondary);transition:transform .3s ease}.article .collapsible.open .collapsible-header::after{transform:rotate(180deg)}.article .collapsible-content{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 1.5rem}.article .collapsible.open .collapsible-content{max-height:1000px;padding:1rem 1.5rem}.article .badge{display:block;padding:1rem;background:linear-gradient(135deg,rgba(53,134,211,.2),rgba(53,134,211,.1));color:var(--color-link-secondary);border:1px solid rgba(53,134,211,.3);border-radius:8px;font-size:.95rem;font-weight:500;margin:.5rem 0;line-height:1.6}.article .badge.badge-inline{display:inline-block;padding:.25rem .75rem;border-radius:15px;font-size:.85rem;margin:0 .25rem}.article .badge.badge-success{background:linear-gradient(135deg,rgba(76,175,80,.2),rgba(76,175,80,.1));color:#4caf50;border-color:rgba(76,175,80,.3)}.article .badge.badge-warning{background:linear-gradient(135deg,rgba(255,152,0,.2),rgba(255,152,0,.1));color:#ff9800;border-color:rgba(255,152,0,.3)}.article .badge.badge-danger{background:linear-gradient(135deg,rgba(244,67,54,.2),rgba(244,67,54,.1));color:#f44336;border-color:rgba(244,67,54,.3)}.article dl{margin-top:1.5rem;margin-bottom:1.5rem}.article dt{color:var(--color-link-secondary);font-weight:600;margin-bottom:.5rem;font-size:1.1rem}.article dd{margin-left:2rem;margin-bottom:1rem;color:#ddd;padding-left:1rem;border-left:2px solid rgba(53,134,211,.2)}.article kbd{display:inline-block;padding:.2rem .5rem;background:linear-gradient(135deg,#2a2b3f,#1a1b2f);color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:4px;box-shadow:0 2px 0 rgba(0,0,0,.5);font-family:Consolas,Monaco,monospace;font-size:.85rem;white-space:nowrap}.article .highlight,.article mark{background:linear-gradient(135deg,rgba(255,235,59,.3),rgba(255,235,59,.1));color:#fff;padding:.1rem .3rem;border-radius:3px}@media print{.article{color:#000;background:#fff}.article a{color:#06c;text-decoration:underline}.article .content-block,.article code,.article pre{background:#f5f5f5;border:1px solid #ddd}.article table{border:1px solid #000}.article td,.article th{border:1px solid #666}}.article .text-center{text-align:center}.article .text-left{text-align:left}.article .text-right{text-align:right}.article .text-justify{text-align:justify}.article .mt-1{margin-top:.5rem!important}.article .mt-2{margin-top:1rem!important}.article .mt-3{margin-top:1.5rem!important}.article .mt-4{margin-top:2rem!important}.article .mt-5{margin-top:3rem!important}.article .mb-1{margin-bottom:.5rem!important}.article .mb-2{margin-bottom:1rem!important}.article .mb-3{margin-bottom:1.5rem!important}.article .mb-4{margin-bottom:2rem!important}.article .mb-5{margin-bottom:3rem!important}.article .text-muted{color:var(--text-gray-550)}.article .text-primary{color:var(--color-link-primary)}.article .text-secondary{color:var(--color-link-secondary)}.article .text-success{color:#4caf50}.article .text-warning{color:#ff9800}.article .text-danger{color:#f44336}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.article .animate-fadeIn{animation:fadeIn .5s ease-out}.article .formula-block{background:linear-gradient(135deg,rgba(53,134,211,.1),rgba(53,134,211,.05));border:1px solid rgba(53,134,211,.3);border-radius:8px;padding:1.5rem;margin:1.5rem 0}.article .formula-block h3{color:var(--color-link-secondary);margin-top:0}.article .formula-block pre{background:rgba(0,0,0,.3);margin:1rem 0;border:1px solid rgba(53,134,211,.2)}.article .content-block.success-bg{background:rgba(76,175,80,.1)}.article .content-block.danger-bg{background:rgba(244,67,54,.1)}.article .content-block.info-bg{background:rgba(33,150,243,.1)}.article .text-info{color:#2196f3}.article .disclaimer,.article .disclaimer-block{padding:1.5rem 0}.article .disclaimer strong,.article .disclaimer-block strong{color:var(--text-gray-300)}.article .faq-section{margin-top:3rem;margin-bottom:2rem;padding:2rem;background:linear-gradient(135deg,rgba(23,25,53,.3),rgba(6,8,28,.3));border-radius:12px;border:1px solid rgba(53,134,211,.2)}.article .faq-section h2{color:var(--color-link-secondary)!important;margin-bottom:2rem!important;font-size:1.875rem!important;text-align:center;padding-bottom:1rem;border-bottom:2px solid rgba(53,134,211,.2)}.article .faq-item{margin-bottom:1.5rem;padding:1.25rem;background:rgba(255,255,255,.02);border-radius:8px;border:1px solid rgba(47,47,47,.2);transition:all .3s ease}.article .faq-item:hover{background:rgba(53,134,211,.05);border-color:rgba(53,134,211,.3);transform:translateX(5px)}.article .faq-item:last-child{margin-bottom:0}.article .faq-item h3{color:#f0f0f0!important;margin-top:0!important;margin-bottom:.75rem!important;font-size:1.125rem!important;font-weight:600;position:relative;padding-left:1.5rem}.article .faq-item h3::before{content:"❓";position:absolute;left:0;top:0;font-size:1rem}.article .faq-item p{margin-bottom:0;color:#ddd;line-height:1.7;padding-left:1.5rem}.article .text-success{color:#4ade80!important}.article .text-danger{color:#f87171!important}.article .text-warning{color:#fbbf24!important}.article .text-primary{color:var(--color-link-secondary)!important}.article .text-secondary{color:var(--color-link-primary)!important}.article .text-muted{color:var(--text-gray-550)!important}.article .highlight-list{background:rgba(23,25,53,.3);border-left:3px solid var(--color-link-secondary);padding:1rem 1rem 1rem 2rem;margin:1.5rem 0;border-radius:4px}.article .warning-list{background:rgba(248,113,113,.1);border-left:3px solid #f87171;padding:1rem 1rem 1rem 2rem;margin:1.5rem 0;border-radius:4px}.article .list-unstyled{list-style:none!important;padding:0!important}.article .mt-0{margin-top:0!important}.article .mt-1{margin-top:1rem!important}.article .mt-2{margin-top:2rem!important}.article .mb-0{margin-bottom:0!important}.article .mb-1{margin-bottom:1rem!important}.article .my-1{margin-top:1rem!important;margin-bottom:1rem!important}.article .no-margin{margin:0!important}.article .no-margin-top{margin-top:0!important}.article .no-margin-bottom{margin-bottom:0!important}.article .d-block{display:block!important}.article .d-inline{display:inline!important}.article .d-inline-block{display:inline-block!important}.article .d-none{display:none!important}.article .hidden{display:none!important}.article .text-center{text-align:center!important}.article .text-left{text-align:left!important}.article .text-right{text-align:right!important}.article .comparison-box{background:rgba(26,27,47,.8);padding:1.5rem;border-radius:8px;margin:1rem 0;border:1px solid rgba(116,192,252,.2)}.article .form-label{display:block;margin-bottom:.5rem;color:#fff;font-weight:600}.article .form-help-text{color:var(--text-gray-550);display:block;margin-top:.25rem;font-size:.875rem}.article .form-control{width:100%;padding:.5rem;background:rgba(255,255,255,.05);border:1px solid rgba(53,134,211,.3);border-radius:4px;color:#fff}.article .formula-block{background:linear-gradient(135deg,rgba(26,27,47,.6),rgba(20,16,38,.6));border:1px solid rgba(116,192,252,.2);border-radius:8px;padding:1.5rem;margin:1.5rem 0;position:relative}.article .formula-block h3{color:var(--color-link-secondary)!important;margin-top:0!important;margin-bottom:1rem!important;font-size:1.25rem!important}.article .formula-block pre{background:rgba(0,0,0,.3);border:1px solid rgba(53,134,211,.1);margin-bottom:0}.article .calculator-container{background:linear-gradient(135deg,rgba(53,134,211,.08),rgba(26,27,47,.4));padding:2rem;border-radius:12px;margin:2rem 0}.article .tool-container{background:rgba(23,25,53,.3);border:1px solid rgba(53,134,211,.2);border-radius:8px;padding:1.5rem;margin:1rem 0}.article .calculator-results{margin-top:1.5rem;padding:1.5rem;background:rgba(0,0,0,.3);border-radius:8px;border:1px solid rgba(53,134,211,.3)}.article .result-value{color:#fff;font-size:1.5rem;font-weight:600;margin-top:.25rem}.article .result-label{color:var(--text-gray-550);font-size:.9rem}.article .result-text{margin:0;font-size:1.1rem}.article .btn-full-width{width:100%!important}.article .btn-calculator{background:linear-gradient(135deg,var(--color-link-primary),var(--color-link-secondary));padding:1rem;font-size:1.1rem;font-weight:600;transition:all .3s}.article .btn-calculator:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(53,134,211,.4)}.article .grid-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}@media (max-width:768px){.article .grid-two-columns{grid-template-columns:1fr}}@media (max-width:768px){.article .faq-section{padding:1.5rem 1rem}.article .calculator-container{padding:1.5rem 1rem}}