@import"/css/base.css";@import"/css/components/navbar.css";@import"/css/components/footer.css";@import"/css/articles/content.css";@import"/css/articles/code.css";section#article{background-color:var(--c-background);margin:2rem auto;border-radius:10px;font-family:var(--f-primary-fam);color:var(--c-foreground)}section#article h1{font-size:clamp(2.1rem,6vw,4.2rem);margin-bottom:1rem;margin-top:.5rem;color:var(--c-primary-2);overflow-wrap:anywhere;word-break:break-word;hyphens:auto}@media(max-width: 600px){section#article h1{font-size:clamp(1.9rem,8vw,3rem)}}section#article img{max-width:95%;display:block;margin:.5rem auto}section#article .article-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;font-size:1.2rem;color:var(--c-foreground-light);margin-bottom:1.5rem}section#article .article-meta .author-info{display:flex;flex-direction:column;gap:.2rem}section#article .article-meta .author-info .author-name{font-weight:600}section#article .article-meta .author-info .author-username{opacity:.8}section#article .article-meta .author-info .author-email{opacity:.8}section#article .article-meta .date-info{display:grid;gap:.2rem;width:max-content;grid-template-columns:auto auto auto}section#article .article-meta .date-info .label{font-weight:bold;text-align:right;min-width:80px}section#article .article-meta .date-info .date,section#article .article-meta .date-info .time{padding:0;text-align:left}section#article .brief{font-size:1rem;font-style:italic;margin-bottom:1rem}section#article .article-tags{margin-bottom:1.5rem}section#article .article-tags .tag{display:inline-block;background-color:var(--c-secondary-1);color:#fff;padding:.3rem .8rem .4rem;border-radius:5px;font-size:.85rem;margin:0}section#article .article-container{display:flex;margin:0;gap:2rem}@media(max-width: 1200px){section#article .article-container{flex-direction:column}}section#article .article-body{flex:3;background:var(--c-background-dark);padding:2rem;border-radius:8px;box-shadow:0px 4px 6px rgba(0,0,0,.1)}section#article .article-toc{flex:1;position:sticky;top:1rem;max-height:90vh;overflow:auto;background:var(--c-background-dark);padding:1rem;border-radius:8px;box-shadow:0px 4px 6px rgba(0,0,0,.1)}section#article .article-toc h2{font-size:1.25rem;font-weight:600;color:var(--c-foreground);margin-top:0;margin-bottom:0;text-align:center;cursor:pointer}section#article .article-toc .toc-body ul{padding-left:15px;list-style:none}section#article .article-toc .toc-body a{display:block;color:var(--c-link);text-decoration:none;padding:.5rem 0;transition:color .2s ease-in-out}section#article .article-toc .toc-body a ::before{content:"-"}section#article .article-toc .toc-body a:hover{color:var(--c-secondary-1-hover)}section#article .article-toc .toc-body a.active{font-weight:bold;color:var(--c-primary-2);border-left:4px solid var(--c-primary-1);padding-left:.5rem}@media(max-width: 1200px){section#article .article-toc{position:static;max-height:50vh;overflow:auto}section#article .article-toc .toc-body{display:none}section#article .article-toc .toc-body.expanded{display:block}}section{width:100%;margin-right:auto;margin-left:auto}@media(max-width: 576px){section{width:calc(100% - 40px);padding:0 20px}}@media(min-width: 576px){section{max-width:540px}}@media(min-width: 768px){section{max-width:720px}}@media(min-width: 992px){section{max-width:960px}}@media(min-width: 1200px){section{max-width:1140px}}@media(min-width: 1400px){section{max-width:1320px}}@media(min-width: 1700px){section{max-width:1500px}}/*# sourceMappingURL=article.css.map */