.subject-container-article{flex-direction:column;width:clamp(50%,110ch,100%);height:auto;background-color:var(--color-4);border-radius:100px;z-index:1;margin-bottom:var(--space-3);padding:var(--space-5);transition:transform .5s ease-in-out;color:var(--font-high);font-family:var(--font-body),monospace;margin-top:6%}.article-h1-container,.subject-container-article{display:flex;justify-content:center;box-sizing:border-box;margin-left:auto;margin-right:auto}.article-h1-container{position:relative;background-color:var(--color-3);width:100%;align-items:center;border-radius:50px;padding:var(--space-3)}.subject-container-article h1{font-size:2.5rem;font-weight:700;font-family:var(--font-display),monospace;color:var(--color-1);filter:drop-shadow(0 0 10px var(--opacity-color-1-6))}.subject-container-article h2{font-size:2rem;color:var(--color-1);font-weight:600;margin:var(--space-2) 0;margin-bottom:0}.subject-container-article h3{font-size:1.75rem;font-weight:600;color:var(--font-high);margin:var(--space-2) 0;margin-bottom:0}.subject-container-article a{color:var(--color-2);text-decoration:none}.subject-container-article ul{font-size:1.1rem;font-weight:500;color:var(--color-1)}.subject-container-article p{font-size:1.1rem;color:var(--font-high)}.code-block{font-size:.85rem}.component-container-article{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:50px;overflow:hidden;width:100%}.component-container-article canvas{width:100%;height:100%;background-color:black;border-radius:50px}.component-container-article svg{border-radius:50px}.subject-container-article img{max-width:100%;max-height:60vh;width:auto;height:auto;border-radius:20px;object-fit:contain;box-shadow:0 0 20px rgba(0,0,0,.4);background:#111;display:block;margin:0 auto}.code-block{border-radius:25px}.subject-container-article p code{background-color:var(--color-3);padding:0 .3em;margin:0}code,pre{color:var(--font-high);padding:var(--space-1);margin:var(--space-1);font-family:monospace;overflow-x:auto;box-sizing:border-box;line-height:1.5;border-radius:15px}p{white-space:normal;word-break:break-word;margin:.5em 0}code{padding:0;margin:0}@media (max-width:1750px){.subject-container-article{margin-left:10%}}@media (max-width:1500px){.subject-container-article{margin-left:auto}}@media (max-width:1000px){.subject-container-article{margin-top:20%}}.article-nav-Menu{display:flex;flex-direction:column;align-items:center;width:15%;height:85%;background-color:var(--opacity-color-4-5);border-radius:100px;position:fixed;top:50%;transform:translateY(-50%);right:5vw;z-index:50;overflow:hidden;box-shadow:inset 0 0 16px 2px var(--opacity-color-4-5);backdrop-filter:brightness(1) blur(2px) url(#displacementFilter);-webkit-backdrop-filter:brightness(1) blur(2px)}.article-nav-Menu h2{color:var(--font-middle);font-size:1.25rem;font-weight:600;margin:var(--space-1)}.published-time{display:flex;flex-direction:column;align-items:center;background-color:var(--opacity-color-3-5);border-top-left-radius:75px;border-top-right-radius:75px;border-bottom-left-radius:15px;border-bottom-right-radius:15px;padding:var(--space-1);margin-top:var(--space-2);width:80%;box-shadow:inset 0 0 8px 1px var(--opacity-color-3-5);backdrop-filter:brightness(1) blur(2px) url(#displacementFilter);-webkit-backdrop-filter:brightness(1) blur(2px)}.published-time h3{color:var(--font-high);font-size:1.25rem;font-weight:600;margin:var(--space-2)}.published-time p{color:var(--color-1);font-family:var(--font-display),sans-serif;font-size:.75rem;font-weight:500}.article-topic{color:var(--color-1);width:80%;background-color:var(--opacity-color-3-5);padding:0;display:flex;flex-direction:column;align-items:center;border-radius:50px;box-shadow:inset 0 0 8px 1px var(--opacity-color-3-5);backdrop-filter:brightness(1) blur(2px) url(#displacementFilter);-webkit-backdrop-filter:brightness(1) blur(2px)}.article-topic h3{font-weight:500;font-size:.75rem}.table-of-contents{display:flex;flex-direction:column;align-items:center;width:80%;min-height:0;overflow-y:auto;margin-bottom:var(--space-4);scrollbar-width:none}.table-of-contents::-webkit-scrollbar{display:none}.toc-item{color:var(--color-1);width:100%;background-color:var(--opacity-color-3-5);display:flex;flex-direction:column;border-radius:50px;margin-bottom:var(--space-1);letter-spacing:.05em;transition:background-color .6s ease-in-out;cursor:pointer;box-shadow:inset 0 0 8px 1px var(--opacity-color-3-5);backdrop-filter:brightness(1) blur(2px) url(#displacementFilter);-webkit-backdrop-filter:brightness(1) blur(2px)}.toc-item.active,.toc-item.medium.active,.toc-item.small.active,.toc-item:hover{background-color:var(--color-1);color:white}.toc-item h3{font-size:.75rem;margin:var(--space-1);font-weight:500}.toc-item.medium{width:85%;margin-left:auto}.toc-item.small{width:70%;margin-left:auto}