.article{padding-block:2rem}.article__header{margin-bottom:2rem}.article__image{aspect-ratio:16/9;object-fit:cover;border-radius:1.125rem;width:100%;height:auto;margin-bottom:1.5rem}.article__title{letter-spacing:-1%;overflow-wrap:break-word;word-break:normal;margin-bottom:1rem;font-size:3rem;font-weight:800;line-height:120%}.article__subtitle{margin-bottom:1rem;font-size:1.25rem;font-weight:600}.article__meta{color:var(--zinc-600);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;line-height:170%;display:flex}.article__meta-separator{background-color:var(--zinc-400);border-radius:50%;width:.25rem;height:.25rem}.article__tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;list-style:none;display:flex}.article__tag{background-color:var(--blue-100);color:var(--blue-800);border-radius:62.4375rem;padding:.5rem .875rem;font-size:.875rem;line-height:1;text-decoration:none;transition:background-color .1s ease-in-out}@media(hover:hover)and (pointer:fine){.article__tag:hover{background-color:var(--blue-200)}}.article__content{margin-bottom:3rem;font-size:1rem;line-height:175%}.article__content h2{margin-top:3rem;margin-bottom:1rem;font-size:2rem;font-weight:700;line-height:130%}.article__content h3{margin-top:2rem;margin-bottom:.75rem;font-size:1.5rem;font-weight:600;line-height:140%}.article__content p{margin-bottom:1rem}.article__content p:last-child{margin-bottom:0}.article__content ul,.article__content ol{margin-bottom:1rem;padding-left:1.5rem}.article__content ul li,.article__content ol li{margin-bottom:.5rem}.article__content ul li:last-child,.article__content ol li:last-child{margin-bottom:0}.article__content blockquote{border-left:.25rem solid var(--zinc-300);background-color:var(--zinc-50);color:var(--zinc-700);border-radius:0 .5rem .5rem 0;margin-block:1.5rem;padding:1rem 1.5rem;font-style:italic}.article__content code{background-color:var(--zinc-100);border-radius:.25rem;padding:.125rem .375rem;font-family:Courier New,monospace;font-size:.875rem}.article__content pre{background-color:var(--zinc-900);color:var(--zinc-50);border-radius:.5rem;margin-block:1.5rem;padding:1rem;overflow-x:auto}.article__content pre code{color:inherit;background-color:#0000;padding:0}.article__content a{color:var(--blue-600);text-decoration:underline;transition:color .1s ease-in-out}@media(hover:hover)and (pointer:fine){.article__content a:hover{color:var(--blue-800)}}.article__related{margin-inline:auto;border-top:.0625rem solid var(--zinc-200);max-width:50rem;margin-top:3rem;padding-top:2rem}.article__related-title{letter-spacing:-.75%;margin-bottom:1.5rem;font-size:1.875rem;font-weight:600;line-height:120%}.article__related-grid{grid-template-columns:repeat(auto-fill,minmax(13.75rem,1fr));gap:1.5rem;display:grid}.article__author{border-radius:.75rem;align-items:center;gap:.75rem;width:fit-content;margin-bottom:1.5rem;padding:1rem;text-decoration:none;transition:all .1s ease-in-out;display:flex}@media(hover:hover)and (pointer:fine){.article__author:hover{background-color:var(--zinc-100)}}.article__author-avatar{object-fit:cover;border-radius:50%;flex-shrink:0}.article__author-avatar_placeholder{background-color:var(--blue-100);color:var(--blue-700);text-transform:uppercase;justify-content:center;align-items:center;font-size:1.5rem;font-weight:600;display:flex}.article__author-info{flex-direction:column;gap:.125rem;display:flex}.article__author-label{color:var(--zinc-500);font-size:.875rem;line-height:1}.article__author-name{color:var(--zinc-800);font-size:1rem;font-weight:600;line-height:1.3}.article__back-link{margin-top:2rem}.article__comments{border-top:.0625rem solid var(--zinc-200);margin-top:2rem;padding-top:2rem;padding-bottom:4rem}.articles{padding-bottom:2rem}.articles__grid{grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:2rem;margin-bottom:4rem;display:grid}.articles__title{margin-bottom:1rem}.articles__actions{justify-content:center;align-items:center;margin-block:1.25rem 3.75rem;display:flex}@media(max-width:48rem){.article__title{font-size:2.25rem}.article__related-grid{grid-template-columns:1fr}}