#articlePage{padding-bottom:4rem}.articleBanner{position:relative;width:100%;height:40vh;min-height:300px;max-height:500px;overflow:hidden}.articleBannerImage{object-fit:cover}.container.articleContainer{max-width:800px;margin:0 auto;padding-top:2rem}.articleHeader{margin-bottom:1.5rem}.articleHeader h1{margin-bottom:.5rem;font-size:var(--text-5xl)}.articleSubtitle{font-size:1.25rem;color:var(--color-text-muted);font-weight:300}.articleMeta{justify-content:space-between;gap:1rem;padding-bottom:1.5rem;margin-bottom:2rem;border-bottom:1px solid var(--color-border);font-size:.875rem;color:var(--color-text-muted)}.articleMeta,.articleMetaInfo{display:flex;align-items:center}.articleMetaInfo{flex-wrap:wrap}@media (max-width:640px){.articleMeta{flex-direction:column;align-items:flex-start;gap:.75rem}}.articleAuthor{font-weight:500;color:var(--color-text)}.articleCompany,.articleRole{font-weight:400;color:var(--color-text-muted)}.articleDate{font-style:italic}.articleContent{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin-top:2rem;padding-top:1.5rem;margin-bottom:2rem}.articleContent p{margin-bottom:1.5rem}.articleContent h2,.articleContent h3,.articleContent h4{margin-top:2rem;margin-bottom:1rem}.articleContent h2{font-size:var(--text-2xl)}.articleContent ol,.articleContent ul{margin-bottom:1.5rem;padding-left:1.5rem}.articleContent li{margin-bottom:.5rem}.articleContent blockquote{border-left:4px solid var(--color-primary-500);padding-left:1.5rem;margin:2rem 0;font-style:italic;color:var(--color-text-muted)}.articleContent img{max-width:100%;height:auto;border-radius:.5rem;margin:1.5rem 0}.articleContent a{color:var(--color-primary-500);text-decoration:underline}.articleContent a:hover{color:var(--color-primary-300)}.articleFooter{color:var(--color-neutral-300)}.articleFooter p{margin-bottom:1.5rem}.articleTags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--color-border)}.articleTag{display:inline-block;padding:.25rem .75rem;background-color:var(--color-neutral-800);color:var(--color-neutral-200);border:1px solid var(--color-neutral-700);border-radius:9999px;font-size:.875rem;text-decoration:none;transition:all .2s ease;cursor:pointer}.articleTag:hover{background-color:var(--color-primary-700);border-color:var(--color-primary-500);color:var(--color-neutral-100);text-decoration:none}.articleSkeleton{padding:2rem 0}.articleSkeletonBanner{width:100%;height:300px;background:linear-gradient(90deg,var(--color-neutral-800) 25%,var(--color-neutral-700) 50%,var(--color-neutral-800) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:.5rem;margin-bottom:2rem}.articleSkeletonTitle{width:80%;height:2.5rem;margin-bottom:1rem}.articleSkeletonMeta,.articleSkeletonTitle{background:linear-gradient(90deg,var(--color-neutral-800) 25%,var(--color-neutral-700) 50%,var(--color-neutral-800) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:.25rem}.articleSkeletonMeta{width:40%;height:1rem;margin-bottom:2rem}.articleSkeletonContent{width:100%;height:1rem;background:linear-gradient(90deg,var(--color-neutral-800) 25%,var(--color-neutral-700) 50%,var(--color-neutral-800) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:.25rem;margin-bottom:.75rem}.articleSkeletonContent.short{width:60%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}