.post-container{width:100%;padding:20px 7%;display:flex;flex-direction:column;border-right:1px solid var(--line-color);min-width:310px}.post-container h1{color:white;font-size:calc(1.5rem + 0.3vw);margin-top:15px;margin-bottom:15px}.post-container h2{font-size:1.375rem!important;margin-top:25px}.post-container h3{font-size:1.25rem!important;margin-top:30px;margin-bottom:15px}.article-image{width:100%;align-self:center;aspect-ratio:2/1}.post-features{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:5px;padding-bottom:5px}.post-feature{display:flex;justify-content:start;align-items:center}.post-feature img{width:32px}.right{justify-content:flex-end}.feature{color:white;font-size:1.0625rem;padding:7px;position:relative}.post-feature .feature:first-child{color:var(--site-green);font-size:1.125rem}.author-container{display:flex;justify-content:start;align-items:center}.author-container img{width:50px;border-radius:50%;margin-right:10px;aspect-ratio:1/1}.author-container div{display:flex;flex-direction:column;align-self:start;color:white}.author-container div p{margin:0;color:rgba(255,255,255,0.8)}.author-container a{color:white;font-size:1.0625rem;text-decoration:none}.author-container a:hover{color:#f1e739;transition:0.3s ease-in-out}.post-description{color:white;font-family:"Georgia",sans-serif;font-size:1.125rem;line-height:1.5;border-top:1px solid var(--line-color);padding-top:10px}.post-description strong{color:var(--site-green)}.post-description a{color:white}.green-link{color:var(--site-green)!important;text-decoration:none;border-bottom:1px solid var(--site-green);font-weight:bold}.post-description ol{margin-left:0;list-style:none;counter-reset:li;margin-bottom:30px}.post-description ol li{padding-left:15px;position:relative;margin-bottom:10px}.post-description ol li:before{padding:10px 0;position:absolute;top:0;bottom:0;left:-1.6em;width:1.875em;text-align:center;color:white;font-weight:bold;background:rgba(188,140,255,0.6);border-bottom-left-radius:70em;border-top-left-radius:70em;counter-increment:li;content:counter(li);display:flex;align-items:center;justify-content:center;font-size:1.0625rem;font-family:'Roboto',sans-serif}.post-description li strong{color:rgba(126,231,135,1)}.post-description li a{text-decoration:none;color:var(--site-green);font-size:1.125rem}.post-description li a:hover{text-decoration:underline}.tool-example{width:100%;aspect-ratio:2/1}.note{background-color:#1a173d;border-radius:12px;padding:12px;font-style:italic}.note p{margin:8px auto}.to-website{cursor:pointer;width:90%;display:block;padding:12px 20px;text-decoration:none;text-align:center;border-radius:8px;color:white;background-image:linear-gradient(to right,#bc8cff,#9b79ff,#815eff,#653dff);box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 3px rgba(0,0,0,0.08);font-size:1.125rem;font-weight:700;margin:0 auto}.to-website:hover{background:linear-gradient(to right,#ffc373,#ff8c42,#ff6126,#ff3800)}.source-link{color:var(--site-green);text-decoration:none}.pluses{background-color:#1E5945;border-radius:12px;box-shadow:0 4px 8px rgba(0,0,0,0.3);background-image:linear-gradient(rgba(255,255,255,0.1),rgba(255,255,255,0))}.minuses{background-color:#721422;background-image:linear-gradient(rgba(255,255,255,0.1),rgba(255,255,255,0));box-shadow:0 4px 8px rgba(0,0,0,0.3);border-radius:12px;position:relative}.minuses:after{content:"";position:absolute;top:112%;left:-2%;width:104%;display:block;border-bottom:1px solid var(--line-color);margin-top:5px}.minuses p,.pluses p{margin-bottom:10px;padding-left:8px;padding-top:8px;font-weight:700}.minuses ul,.pluses ul{margin-top:10px;padding-bottom:8px}.content-table>ul{list-style-type:disc;font-weight:bold;color:var(--site-green);font-size:1.0625rem;padding-left:20px}.content-table>ul>li{margin-top:20px}.content-table ul ul{list-style-type:disc;font-weight:normal;margin-top:10px;padding-left:20px}.content-table ul ul li{margin-top:4px}.content-table ul ul li a:hover{color:var(--site-green);transition:0.3s ease-in-out}.content-table ul ul li::marker{color:var(--fiolet)}.ul-list ul{padding-left:20px;position:relative;list-style:none}.ul-list ul li::before{content:"•";position:absolute;left:5px;color:#ff6b6b;font-size:1.2rem}.table-container{overflow-x:auto}.summary-table{width:100%;border-collapse:collapse;margin-top:5px;border:2px solid #53377A;overflow-x:auto}tr,td{border:1px solid #53377A;text-align:center;vertical-align:middle;height:55px}th{padding:3px;font-size:1rem!important;background-color:#53377A}.summary-table th:not(:first-child),.summary-table td:not(:first-child){width:14.28%;min-width:60px;font-size:18px}td img{width:35px;vertical-align:middle}.conclusion a{color:var(--site-green);font-weight:bold}.post-description h4{margin-bottom:0}.post-description pre{font-size:1rem}.post-description pre code{overflow-x:auto}.article-navigation{background-color:#1a173d;border-radius:10px;padding:10px;border:2px solid #2d2853;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.article-navigation>ul{margin-top:12px}.article-navigation a{color:white!important}.article-navigation a:hover{color:#ff6b6b!important;transition:0.2s ease-in-out}.article-navigation p{margin-bottom:0;margin-top:20px}.article-navigation>ul>li{margin-bottom:10px}.article-navigation li ul li{position:relative;padding-left:1.5rem;margin:0.5rem 0}.article-navigation ul{list-style:none;padding-left:5px!important}.article-navigation li ul li::before{content:"•";position:absolute;left:8px;color:#ff6b6b;font-size:1.2rem}.post-container video{width:100%;height:auto}.article-table-container{overflow-x:auto}.article-table{text-decoration:none;border-collapse:collapse;width:100%;text-align:center}.article-table td,.article-table th{padding:10px 5px;line-height:22px;vertical-align:middle;border:1px solid #53377A}.article-table th{padding:3px;font-size:1rem!important;background-color:#53377A}.article-table caption{margin-bottom:5px;text-align:start}.remark-block{border:2px solid #ff6b6b;border-radius:8px;margin:30px 0 20px;padding:25px 20px 20px 20px;position:relative}.remark-title{position:absolute;top:-18px;left:30px;background-color:#0e0c28;padding:4px 12px;font-size:16px;font-weight:600;border-radius:4px;border:2px solid #e0e0e0;z-index:10}.remark-container-content{margin:0}.remark-container-content p{margin:0 0 10px 0}.remark-container-content p:last-child{margin-bottom:0}.tool-example-for-list{width:100%;aspect-ratio:auto;margin-top:10px}@media screen and (max-width:1600px){.post-container{}}@media screen and (max-width:1023px){.post-container{grid-column:2;width:100%;display:block;padding-bottom:0;border-bottom:1px solid var(--line-color);border-right:none;grid-area:main}}@media screen and (max-width:768px){.post-container{grid-area:main}.post-container{padding:20px 3%}}@media screen and (max-width:500px){.post-description{font-size:1.0625rem}.post-feature{font-size:1rem}.post-feature img{width:28px}.author-container{margin-bottom:7px}.author-container div p,.author-container div a{font-size:0.9375rem}.post-description pre{font-size:0.875rem}}.how-to-container{}.how-to-title{}.how-works-list{padding-left:20px;list-style:none}.how-works-item{position:relative}.how-works-item::before{content:"•";position:absolute;left:-15px;color:#ff6b6b;font-size:1.2rem}.how-to-item-title{margin-bottom:0!important;font-size:1.125rem!important;font-weight:bold!important}.how-works-text{}.related.neon{display:flex;flex-direction:column;margin:1.5rem 0;padding:1.25rem 1.5rem;background:#15132f;border:1px solid rgba(157,124,255,.35);border-radius:8px;color:#ecebff;text-decoration:none;transition:all .25s ease;box-shadow:0 4px 12px rgba(157,124,255,.15)}.related.neon .related-title{margin:0 0 .5rem;font-size:1.125rem;font-weight:bold;color:#c9b9ff}.related.neon p{margin:0;font-size:1rem;line-height:1.4;color:#bfbaff}.related.neon:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(157,124,255,.35);border-color:#b49aff}.related.neon .cta{display:inline-block;margin-top:.75rem;font-size:.85rem;font-weight:600;color:#ecebff;opacity:.75;transition:opacity .25s,transform .25s}.related.neon:hover .cta{opacity:1;transform:translateX(3px)}@media (max-width:768px){.related.neon .cta{align-self:end}}@media (max-width:500px){.related.neon{padding:15px!important}}.faq details{margin-bottom:20px;background-color:#1a173d;border-radius:15px;padding:10px}.faq summary{cursor:pointer}.faq summary::marker{content:""}.faq summary:before{content:"+";margin-right:5px;font-size:1.25rem;font-weight:bold}.faq details p{padding-left:15px}.faq details[open] summary{border-bottom:1px solid rgba(188,140,255,0.5);padding-bottom:10px}.faq details[open]>summary:before{content:"–"}.hljs{display:block;padding:0.5em;background:#23241f}.hljs,.hljs-tag,.css .hljs-rules,.css .hljs-value,.css .hljs-function .hljs-preprocessor,.hljs-pragma{color:#f8f8f2}.hljs-strongemphasis,.hljs-strong,.hljs-emphasis{color:#a8a8a2}.hljs-bullet,.hljs-blockquote,.hljs-horizontal_rule,.hljs-number,.hljs-regexp,.alias .hljs-keyword,.hljs-literal,.hljs-hexcolor{color:#ae81ff}.hljs-tag .hljs-value,.hljs-code,.hljs-title,.css .hljs-class,.hljs-class .hljs-title:last-child{color:#a6e22e}.hljs-link_url{font-size:80%}.hljs-strong,.hljs-strongemphasis{font-weight:bold}.hljs-emphasis,.hljs-strongemphasis,.hljs-class .hljs-title:last-child{font-style:italic}.hljs-keyword,.hljs-function,.hljs-change,.hljs-winutils,.hljs-flow,.lisp .hljs-title,.clojure .hljs-built_in,.nginx .hljs-title,.tex .hljs-special,.hljs-header,.hljs-attribute,.hljs-symbol,.hljs-symbol .hljs-string,.hljs-tag .hljs-title,.hljs-value,.alias .hljs-keyword:first-child,.css .hljs-tag,.css .unit,.css .hljs-important{color:#F92672}.hljs-function .hljs-keyword,.hljs-class .hljs-keyword:first-child,.hljs-constant,.css .hljs-attribute{color:#66d9ef}.hljs-variable,.hljs-params,.hljs-class .hljs-title{color:#f8f8f2}.hljs-string,.css .hljs-id,.hljs-subst,.haskell .hljs-type,.ruby .hljs-class .hljs-parent,.hljs-built_in,.sql .hljs-aggregate,.django .hljs-template_tag,.django .hljs-variable,.smalltalk .hljs-class,.django .hljs-filter .hljs-argument,.smalltalk .hljs-localvars,.smalltalk .hljs-array,.hljs-attr_selector,.hljs-pseudo,.hljs-addition,.hljs-stream,.hljs-envvar,.apache .hljs-tag,.apache .hljs-cbracket,.tex .hljs-command,.hljs-prompt,.hljs-link_label,.hljs-link_url{color:#e6db74}.hljs-comment,.hljs-javadoc,.java .hljs-annotation,.python .hljs-decorator,.hljs-template_comment,.hljs-pi,.hljs-doctype,.hljs-deletion,.hljs-shebang,.apache .hljs-sqbracket,.tex .hljs-formula{color:#75715e}.coffeescript .javascript,.javascript .xml,.tex .hljs-formula,.xml .javascript,.xml .vbscript,.xml .css,.xml .hljs-cdata,.xml .php,.php .xml{opacity:0.5}