.blog-article{padding:4rem 0 6rem}.blog-article__cover{max-width:800px;margin:2rem 0 auto;border-radius:16px;overflow:hidden;background:#f7f4ed}.blog-article__cover img{width:100%;height:auto;max-height:420px;object-fit:cover;display:block}.blog-article__header{max-width:720px;margin:0 auto;text-align:center}.blog-article__breadcrumb{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem;font-size:.875rem;color:#6b6b6b;margin-bottom:1.5rem}.blog-article__breadcrumb a{color:#1c1c1c;text-decoration:none;transition:color .2s}.blog-article__breadcrumb a:hover{color:#ff6b1a}.breadcrumb-sep{color:#ccc}.blog-article__title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;color:#1c1c1c;line-height:1.2;margin-bottom:1rem}.blog-article__excerpt{font-size:1.125rem;color:#555;line-height:1.6;margin-bottom:1.5rem}.blog-article__byline{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:.875rem;color:#888}.blog-article__author{font-weight:600;color:#555}.blog-article__content{max-width:720px;margin:0 auto}.blog-article__content>.article-section,.blog-article__content>.article-section__intro{padding:2.5rem;border-bottom:1px solid #eceae4}.blog-article__content>.article-section:last-child,.blog-article__content>.article-section__intro{border-bottom:none}.article-section__intro>.article-section__content>p:first-child{font-size:1.05rem;color:#555}.article-section__content p{margin-bottom:1.25rem}.article-section__content img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0}.article-section__content img.aligncenter{display:block;margin-left:auto;margin-right:auto}.article-section__content img.alignleft{float:left;margin-right:1.5rem}.article-section__content img.alignright{float:right;margin-left:1.5rem}.article-section__content:after{content:"";display:table;clear:both}.article-section__content ul,.article-section__content ol{margin:0 0 1.25rem 1.5rem;padding:0}.article-section__content li{margin-bottom:.5rem;line-height:1.6}.article-section__content a{color:#ff6b1a;text-decoration:underline;text-underline-offset:2px}.article-section__content a:hover{color:#1c1c1c}.article-section__content strong{font-weight:600;color:#1c1c1c}.article-section__content blockquote{margin:1.5rem 0;padding:1rem 1.25rem;border-left:4px solid #ff6b1a;background:#f9f8f5;border-radius:0 6px 6px 0;font-style:italic;color:#555}.article-section__content pre{background:#f4f4f4;padding:1rem;border-radius:6px;overflow-x:auto;margin-bottom:1.25rem;font-size:.875rem}.article-section__content code{background:#f4f4f4;padding:.15rem .35rem;border-radius:3px;font-size:.9em}.article-section__content pre code{background:none;padding:0}.article-section__content table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem;border:1px solid #eceae4;border-radius:8px;overflow:hidden}.article-section__content thead{background:#f7f4ed}.article-section__content th{padding:.75rem 1rem;text-align:left;font-weight:600;color:#1c1c1c;border-bottom:2px solid #1c1c1c;white-space:nowrap}.article-section__content td{padding:.75rem 1rem;color:#555;border-bottom:1px solid #eceae4;vertical-align:top}.article-section__content tbody tr:last-child td{border-bottom:none}.article-section__content tbody tr:hover{background:#fafaf7}@media(max-width:719px){.article-section__content table{display:block;overflow-x:auto}}.article-section>h2{font-size:1.5rem;font-weight:600;color:#1c1c1c;margin:0 0 1rem;line-height:1.3}.article-section__intro>h2{font-size:1.5rem;font-weight:600;color:#1c1c1c;margin:0 0 1rem;line-height:1.3}.article-section__content h3{font-size:1.2rem;font-weight:600;color:#1c1c1c;margin:2rem 0 .75rem;line-height:1.4}.blog-article__footer{max-width:720px;margin:3rem auto 0;padding-top:2rem;border-top:1px solid #eceae4}.blog-back-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:500;color:#1c1c1c;text-decoration:none;transition:color .2s}.blog-back-link:hover{color:#ff6b1a}.blog-back-link svg{transition:transform .2s}.blog-back-link:hover svg{transform:translate(-3px)}.blog-article-not-found{padding:4rem 0;text-align:center}.blog-article-not-found h1{font-size:2rem;color:#1c1c1c;margin-bottom:1rem}.blog-article-not-found a{color:#ff6b1a;font-weight:600}
