@font-face{font-family:Archivo;src:url('/assets/fonts/ArchivoSemiExpanded-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Instrument Sans';src:url('/assets/fonts/InstrumentSans-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Instrument Sans';src:url('/assets/fonts/InstrumentSans-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}
.page-article main{max-width:none;padding-top:0}
.article-page{margin:0 2rem;color:#505665;font-family:'Instrument Sans',Arial,sans-serif;font-size:1rem;line-height:1.5;text-wrap:pretty;font-synthesis:weight style}
.article-shell{padding:10rem 5% 6.5rem}
.article-container{width:100%;max-width:80rem;margin:0 auto}
.article-hero,.article-layout{display:grid;grid-template-columns:.5fr 1fr;align-items:start;gap:4rem}
.article-title{display:flex;flex-direction:column;align-items:flex-start}
.article-back{display:inline-flex;align-items:center;gap:.5rem;color:#4364f7;font-weight:600;line-height:1.5;text-decoration:none}
.article-back:hover{text-decoration:underline;text-underline-offset:4px}
.article-back svg{flex:0 0 1.25rem;width:1.25rem;height:1.25rem}
.article-title>.article-back{margin-bottom:2rem}
.article-category{display:inline-flex;margin:0 0 2rem;padding:.35rem .75rem;border-radius:100px;background:#f9fafe;color:#4364f7;font-size:.65rem;font-weight:600;letter-spacing:.1125rem;line-height:1.5;text-transform:uppercase}
.article-title h1{margin:0 0 2rem;color:#040405;font-family:Archivo,Arial,sans-serif;font-size:2.75rem;font-weight:600;line-height:1.2;letter-spacing:-.06rem;text-wrap:pretty}
.article-date{display:flex;flex-wrap:wrap;column-gap:.25rem;margin:.25rem 0 0;color:#505665;font-size:1rem;font-weight:600;line-height:1.5}
.article-date time{color:#4364f7}
.article-cover-wrapper{position:relative;width:100%;padding-top:66%;overflow:hidden}
.article-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:24px}
.article-divider{height:1px;margin:5rem 0;border:0;background:#e8ecfc}
.article-sidebar{position:sticky;top:6rem;max-width:20rem}
.article-author-label{margin:0 0 1.5rem;color:#4364f7;font-size:1.15rem;font-weight:600;line-height:1.2;letter-spacing:-.0225rem}
.article-author-profile{display:flex;align-items:flex-start;gap:.75rem}
.article-author-image{flex:0 0 3rem;width:3rem;height:3rem;object-fit:cover;border-radius:50%}
.article-author-name{margin:0;color:#040405;font-weight:600;line-height:1.5}
.article-author-role{margin:0;color:#505665;font-size:.875rem;line-height:1.5}
.article-content{min-width:0}
.article-content .prose{margin:0;color:#505665;line-height:1.5;overflow-wrap:normal}
.article-content .prose h2,.article-content .prose h3,.article-content .prose h4,.article-content .prose h5,.article-content .prose h6{margin:1.5rem 0 1rem;color:#040405;font-family:'Instrument Sans',Arial,sans-serif;font-weight:700;letter-spacing:0;line-height:1.2;text-wrap:pretty}
.article-content .prose h2{font-size:2.5rem}
.article-content .prose h3{font-size:2.25rem}
.article-content .prose h4{font-size:2rem;line-height:1.3}
.article-content .prose h5{margin-top:1.25rem;font-size:1.5rem;line-height:1.4}
.article-content .prose h6{margin-top:1.25rem;font-size:1.25rem;line-height:1.4}
.article-content .prose>:first-child{margin-top:0}
.article-content .prose p{margin:0 0 1rem;color:#505665}
.article-content .prose a{color:#4364f7;overflow-wrap:anywhere;text-decoration:none}
.article-content .prose a:hover{text-decoration:underline;text-underline-offset:3px}
.article-content .prose ul,.article-content .prose ol{margin:1rem 0;color:#505665}
.article-content .prose ul{padding-left:1.25rem}
.article-content .prose ol{padding-left:1.5rem}
.article-content .prose li{margin:.25rem 0;padding-left:.5rem}
.article-content .prose blockquote{margin:1.5rem 0;padding:.75rem 1.25rem;border-left:.1875rem solid #505665;color:#505665;font-size:1.25rem;font-style:italic;line-height:1.5}
.article-author-card{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;max-width:45rem;margin-top:3rem;padding:2rem;border-radius:16px;background:#f9fafe}
.article-author-card>p{margin:0;color:#505665}
.article-profile-link{display:inline-flex;align-items:center;justify-content:center;margin-top:.5rem;padding:.75rem 1.5rem;border-radius:1000px;background:#4364f7;color:#fff;font-weight:600;line-height:1.5;text-align:center}
.article-profile-link:hover{background:#3051e7}
.article-back-bottom{margin-top:3rem}
@media(max-width:991px){.article-shell{padding-top:7.5rem;padding-bottom:5rem}.article-title h1{font-size:2rem}.article-hero,.article-layout{grid-template-columns:1fr}.article-hero{row-gap:4rem}.article-layout{row-gap:3rem}.article-sidebar{display:none}.article-divider{margin:4.5rem 0}.article-content .prose h2{font-size:2rem}.article-content .prose h3{font-size:1.75rem}.article-content .prose h4{font-size:1.5rem}}
@media(max-width:767px){.article-page{margin:0}.article-shell{padding-top:6rem;padding-bottom:4rem}.article-title>.article-back,.article-category,.article-title h1{margin-bottom:1.5rem}.article-title h1{font-size:1.75rem}.article-hero{row-gap:3rem}.article-divider{margin:3rem 0}.article-content .prose h2{font-size:1.75rem}.article-content .prose h3{font-size:1.5rem}.article-content .prose h4{font-size:1.25rem;line-height:1.4}.article-content .prose h5{font-size:1.15rem}.article-content .prose h6{font-size:1rem}}
@media(max-width:479px){.article-shell{padding-bottom:3rem}.article-title{min-width:0}.article-title h1,.article-content .prose h2,.article-content .prose h3,.article-content .prose h4{overflow-wrap:anywhere}}
