.main-scriptorium-container{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;width:100%;height:auto;margin:10rem 0}.article-card-container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:5rem;grid-template-rows:auto;width:80%;height:auto}.script-article{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;border-radius:25px;height:45rem;transition:transform .4s ease-in-out;cursor:pointer}.full-link-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5}.script-article:hover{transform:scale(1.05)}.script-article:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;background:inherit;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:inherit;background-color:rgba(14,34,80,.3)}.script-article-img{display:flex;align-items:center;justify-content:center;width:100%;height:45%;border-radius:25px;z-index:1}.script-article-img img{width:100%;height:100%;object-fit:cover;display:block;border-radius:25px}.script-article-info{width:100%;height:55%;display:flex;box-sizing:border-box;flex-direction:column;align-items:left;text-align:left;padding:var(--space-2);z-index:1}.script-article-info h2{font-size:2rem;font-weight:600;margin-top:var(--space-1);margin-bottom:var(--space-1);color:var(--color-1);filter:drop-shadow(0 0 10px var(--opacity-color-1));-webkit-line-clamp:2}.script-article-info h2,.script-article-info p{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.script-article-info p{font-size:1.1rem;font-family:Exo\ 2,monospace;color:var(--white);-webkit-line-clamp:6}.script-article-tags{width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;margin-top:auto;height:auto}.script-article-info span{font-size:1.25rem;flex:1 1;height:4rem;border-radius:100px;margin:var(--space-1);color:var(--opacity-color-1);background-color:var(--opacity-color-1-light);display:flex;justify-content:center;align-items:center;transition:background-color .5s ease-in-out,color .5s ease-in-out;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);position:relative;z-index:1}.article-text-container{display:flex;flex-direction:column;justify-content:center;align-items:stretch;width:100%;height:auto;color:var(--white);box-sizing:border-box;font-family:Exo\ 2,monospace;overflow:hidden;transition:max-height 1.2s ease-in-out,opacity 1.2s ease-in-out,padding 1.2s ease-in-out,color 1.2s ease-in-out,background-color 1.2s ease-in-out,border-radius 1.2s ease-in-out}.article-text-container a{color:var(--color-1);text-decoration:none;font-weight:700}.article-text-container ul{color:black}.canvas-script{width:100%;height:100%;background-color:black;border-radius:40px}.component-container-article{flex-direction:column}.component-container-article,.image-container-article{display:flex;justify-content:center;align-items:center}.image-container-article{width:100%;height:auto;margin-top:var(--space-2);margin-bottom:var(--space-2)}.image-container-article img{max-width:90%;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}code,pre{color:rgba(255,255,255,.7);padding:var(--space-1);margin:var(--space-1);font-family:monospace;line-height:1.5;overflow-x:auto;box-sizing:border-box}p{white-space:normal;word-break:break-word;margin:.5em 0}code{padding:.2em .4em}@media (max-width:1000px){.article-card-container{grid-template-columns:repeat(2,1fr);width:90%}.script-article{height:70rem}.script-article-info h2{font-size:3.5rem}.script-article-info p{font-size:2rem}.script-article-info span{font-size:1.75rem;height:5rem}}@media (max-width:700px){.main-scriptorium-container{margin:15rem 0}.script-article{height:75rem}}@media (max-width:500px){.article-card-container{grid-template-columns:repeat(1,1fr)}}