.blog-detail-page{padding:116px 24px 80px}.article-shell{width:min(1120px,100%);margin:0 auto}.article-breadcrumb{color:var(--text-secondary);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-bottom:28px;font-size:17px;display:flex}.article-breadcrumb a:hover{color:var(--brand-hover)}.article-breadcrumb>span:last-child{color:var(--text-primary)}.article-header{max-width:850px;margin-bottom:30px}.article-category{background:var(--brand-light);color:var(--brand-hover);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:7px 11px;font-size:14px;font-weight:800;display:inline-flex}.article-header h1{color:var(--text-primary);letter-spacing:-.055em;margin:20px 0 14px;font-size:clamp(37px,5.4vw,63px);font-weight:700;line-height:1.04}.article-deck{max-width:740px;color:var(--text-secondary);margin:0;font-size:clamp(18px,2vw,20px);line-height:1.65}.article-byline{color:var(--text-primary);align-items:center;gap:11px;margin-top:25px;font-size:16px;display:flex}.article-author-mark{background:var(--brand-light);width:38px;height:38px;color:var(--brand-hover);border:1px solid #d9e3d6;border-radius:50%;place-items:center;font-family:Georgia,serif;font-size:21px;font-weight:700;display:grid}.article-byline strong,.article-byline small{display:block}.article-byline strong{font-weight:750}.article-byline small{color:var(--text-secondary);margin-top:4px;font-size:15px}.article-read-time{color:var(--text-secondary);align-items:center;gap:6px;margin-left:auto;display:inline-flex}.article-cover{aspect-ratio:2.3;background:var(--brand-light);border-radius:24px;width:100%;position:relative;overflow:hidden}.article-cover img{object-fit:cover}.article-layout{grid-template-columns:225px minmax(0,700px);justify-content:space-between;align-items:start;gap:70px;padding-top:54px;display:grid}.article-sidebar{position:sticky;top:105px}.article-toc{border:1px solid var(--border);background:#fff;border-radius:16px;padding:20px 18px}.article-toc>p{margin:0 0 13px;font-size:16px;font-weight:800}.article-toc ol{gap:9px;margin:0;padding:0;list-style:none;display:grid}.article-toc a{color:var(--text-secondary);font-size:15px;line-height:1.5;transition:color .16s}.article-toc a:hover{color:var(--brand-hover)}.article-sidebar-cta{color:#fff;background:#20352a;border-radius:16px;margin-top:14px;padding:19px}.article-sidebar-cta>span{font-size:15px;font-weight:750}.article-sidebar-cta p{color:#ffffffb8;margin:9px 0 16px;font-size:15px;line-height:1.6}.article-sidebar-cta a{color:#d9e8cc;align-items:center;gap:7px;font-size:15px;font-weight:750;display:inline-flex}.article-body{color:#34413a;min-width:0;font-size:17px;line-height:1.85}.article-introduction{border-bottom:1px solid var(--border);padding-bottom:12px}.article-introduction p:first-child{color:var(--text-primary);font-size:18px;line-height:1.8}.article-body p{margin:0 0 16px}.article-imported-content h2{color:var(--text-primary);letter-spacing:-.035em;margin:32px 0 13px;font-size:clamp(24px,3vw,31px);line-height:1.2}.article-imported-content h3{color:var(--text-primary);margin:24px 0 8px;font-size:20px;line-height:1.3}.article-imported-content img{border-radius:12px;max-width:100%;height:auto}.article-imported-content table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}.article-imported-content th,.article-imported-content td{border:1px solid var(--border);text-align:left;padding:9px 12px}.article-imported-content a{color:var(--brand-hover);text-decoration:underline}.article-imported-content .uagb-faq-icon-wrap svg{max-width:20px;display:block;width:20px!important;height:20px!important}.article-imported-content .uagb-faq__outer-wrap{gap:10px;margin:18px 0 28px;display:grid}.article-imported-content .uagb-faq-item{border:1px solid var(--border);background:#fff;border-radius:13px;overflow:hidden}.article-imported-content .uagb-faq-questions-button{min-height:58px;color:var(--text-primary);cursor:pointer;align-items:center;gap:12px;padding:15px 48px 15px 17px;font-size:16px;line-height:1.5;display:flex;position:relative}.article-imported-content .uagb-faq-questions-button:focus-visible{outline:2px solid var(--brand);outline-offset:-3px}.article-imported-content .uagb-faq-icon-wrap{width:20px;height:20px;position:absolute;top:50%;right:17px;transform:translateY(-50%)}.article-imported-content .uagb-faq-questions-button .uagb-icon-active,.article-imported-content .uagb-faq-item.is-open .uagb-faq-questions-button .uagb-icon{display:none}.article-imported-content .uagb-faq-item.is-open .uagb-faq-questions-button .uagb-icon-active{display:block}.article-imported-content .uagb-faq-content{color:var(--text-secondary);padding:0 17px 15px;font-size:15px;line-height:1.7;display:none}.article-imported-content .uagb-faq-item.is-open .uagb-faq-content{display:block}.article-imported-content .uagb-faq-content p:last-child{margin-bottom:0}.article-section{padding-top:32px;scroll-margin-top:105px}.article-section h2{color:var(--text-primary);letter-spacing:-.035em;margin:0 0 13px;font-size:clamp(24px,3vw,31px);font-weight:700;line-height:1.2}.article-subsection{margin-top:24px}.article-subsection h3{color:var(--text-primary);letter-spacing:-.02em;margin:0 0 7px;font-size:19px}.article-body ul{gap:9px;margin:14px 0 18px;padding-left:22px;display:grid}.article-body li{padding-left:4px}.article-body li::marker{color:var(--brand)}.article-faqs details{border:1px solid var(--border);background:#fff;border-radius:13px;margin-top:10px;padding:15px 17px}.article-faqs summary{color:var(--text-primary);cursor:pointer;font-size:16px;font-weight:700;line-height:1.5}.article-faqs details p{color:var(--text-secondary);margin:12px 0 0;font-size:15px}@media (max-width:800px){.blog-detail-page{padding:100px 20px 56px}.article-layout{grid-template-columns:1fr;gap:28px;padding-top:35px}.article-sidebar{position:static}.article-toc ol{grid-template-columns:repeat(2,minmax(0,1fr))}.article-sidebar-cta{display:none}}@media (max-width:540px){.blog-detail-page{padding:90px 16px 44px}.article-breadcrumb{gap:7px;margin-bottom:21px;font-size:14px}.article-header h1{margin-top:16px;font-size:clamp(35px,10vw,47px)}.article-cover{aspect-ratio:1.35;border-radius:17px}.article-toc ol{grid-template-columns:1fr}.article-body{font-size:16px}}@media (prefers-reduced-motion:reduce){.article-toc a{transition:none}}
