.article-header{margin-bottom:2.8125rem}@media not (min-width:768px){.article-header{margin-bottom:1.875rem}}.article-header .back-link{font-size:var(--font-size-sm);color:var(--color-neutral-600);transition:color var(--transition-duration) ease;align-items:center;gap:.625rem;margin-bottom:1.875rem;font-weight:600;text-decoration:none;display:inline-flex}.article-header .back-link svg{color:var(--color-brand)}.article-header .back-link:hover{color:var(--color-neutral-950)}.article-header .meta{flex-wrap:wrap;align-items:center;gap:.875rem;margin-bottom:1.25rem;display:flex}.article-header .meta .category{background-color:var(--color-brand);font-size:var(--font-size-xxs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-white);border-radius:999px;padding:.3125rem .875rem;font-weight:700}.article-header .title{font-family:var(--font-montserrat);letter-spacing:-.01em;color:var(--color-neutral-950);margin:0 0 1.5625rem;font-size:3rem;font-weight:800;line-height:1.12}@media not (min-width:1024px){.article-header .title{font-size:2.5rem}}@media not (min-width:768px){.article-header .title{font-size:1.875rem}}.article-header .byline{flex-wrap:wrap;align-items:center;gap:.875rem;margin-bottom:2.5rem;display:flex}@media not (min-width:768px){.article-header .byline{margin-bottom:1.875rem}}.article-header .byline .avatar{background:linear-gradient(135deg, var(--color-brand), var(--color-brand-darker-1));width:2.75rem;height:2.75rem;color:var(--color-white);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.article-header .byline .author{font-size:var(--font-size-sm);color:var(--color-neutral-950);font-weight:600}.article-header .byline .dot{background-color:var(--color-neutral-300);border-radius:999px;width:.25rem;height:.25rem}.article-header .byline .date,.article-header .byline .read-time{font-size:var(--font-size-sm);color:var(--color-neutral-500)}.article-header .cover{aspect-ratio:16/8;background-color:var(--color-neutral-100);border-radius:15px;width:100%;position:relative;overflow:hidden}@media not (min-width:768px){.article-header .cover{aspect-ratio:3/2}}.article-header .cover .cover-image{object-fit:cover}
.blog-detail-content{font-family:var(--font-montserrat);color:var(--color-neutral-700);overflow-wrap:break-word;font-size:1.1875rem;line-height:1.8}@media not (min-width:768px){.blog-detail-content{font-size:1rem;line-height:1.7}}.blog-detail-content p:empty{display:none}.blog-detail-content img,.blog-detail-content video,.blog-detail-content iframe,.blog-detail-content table,.blog-detail-content pre{max-width:100%}.blog-detail-content article>p:first-child{letter-spacing:-.005em;color:var(--color-neutral-900);margin-bottom:1.875rem;font-size:1.375rem;line-height:1.6}@media not (min-width:768px){.blog-detail-content article>p:first-child{font-size:1.1875rem}}.blog-detail-content article>p:first-child:first-letter{float:left;color:var(--color-brand);margin:.3125rem .9375rem 0 0;font-size:4.125rem;font-weight:700;line-height:3.25rem}.blog-detail-content p{margin-bottom:1.5625rem}.blog-detail-content h1,.blog-detail-content h2,.blog-detail-content h3,.blog-detail-content h4,.blog-detail-content h5,.blog-detail-content h6{letter-spacing:-.01em;color:var(--color-neutral-950);margin-top:2.8125rem;margin-bottom:1.25rem;font-weight:700;line-height:1.25}.blog-detail-content h2:before,.blog-detail-content h3:before{content:"";background-color:var(--color-brand);width:1.875rem;height:.125rem;margin-bottom:.9375rem;display:block}.blog-detail-content h2{font-size:1.75rem}@media not (min-width:768px){.blog-detail-content h2{font-size:1.5rem}}.blog-detail-content h3{font-size:1.375rem}@media not (min-width:768px){.blog-detail-content h3{font-size:1.25rem}}.blog-detail-content h4{font-size:1.1875rem}.blog-detail-content strong{color:var(--color-neutral-950);font-weight:600}.blog-detail-content em{font-style:italic}.blog-detail-content ul,.blog-detail-content ol{margin-bottom:1.5625rem;padding-left:1.5625rem}.blog-detail-content ul{list-style-type:disc}.blog-detail-content ol{list-style-type:decimal}.blog-detail-content li{margin-bottom:.625rem;padding-left:.3125rem}.blog-detail-content li>ul,.blog-detail-content li>ol{margin-top:.625rem;margin-bottom:0}.blog-detail-content a{color:var(--color-brand);transition:color var(--transition-duration) ease;font-weight:500;text-decoration:none}.blog-detail-content a:hover{color:var(--color-brand-darker-1);text-decoration:underline}.blog-detail-content img{border-radius:10px;width:100%;height:auto;margin:.9375rem 0 .625rem;display:block}.blog-detail-content figure{margin:1.875rem 0}.blog-detail-content figure img{margin:0 0 .625rem}.blog-detail-content figcaption{text-align:center;color:var(--color-neutral-400);margin-bottom:0;font-size:.75rem;font-weight:500;line-height:1.5}.blog-detail-content blockquote{border-left:.1875rem solid var(--color-brand);letter-spacing:-.01em;color:var(--color-neutral-950);margin:2.1875rem 0;padding:.3125rem 0 .3125rem 1.5625rem;font-size:1.5625rem;font-style:italic;font-weight:500;line-height:1.45}@media not (min-width:768px){.blog-detail-content blockquote{font-size:1.25rem}}.blog-detail-content blockquote p:last-child{margin-bottom:0}.blog-detail-content pre{background-color:var(--color-neutral-900);color:var(--color-neutral-50);border-radius:10px;margin:1.875rem 0;padding:1.25rem;font-size:.875rem;overflow-x:auto}.blog-detail-content code{font-family:Courier New,monospace}.blog-detail-content :not(pre)>code{background-color:var(--color-neutral-100);color:var(--color-neutral-950);border-radius:5px;padding:.15625rem .3125rem;font-size:.875em}.blog-detail-content hr{border:none;border-top:1px solid var(--color-neutral-200);margin:2.5rem 0}.blog-detail-content table{border-collapse:collapse;width:100%;margin:1.875rem 0}.blog-detail-content th,.blog-detail-content td{text-align:left;border-bottom:1px solid var(--color-neutral-200);padding:.625rem .9375rem}.blog-detail-content th{color:var(--color-neutral-950);background-color:var(--color-neutral-50);font-weight:600}.blog-detail-content tr:last-child td{border-bottom:none}