.article-page{padding:16px 0 64px;background:#f8fafd}
.article-page .builder-breadcrumbs{padding-bottom:22px}
.article-layout{display:grid;grid-template-columns:minmax(0,780px) minmax(0,300px);gap:56px;align-items:start}
.article-main,.article-sidebar{min-width:0}
.article-heading h1{margin:10px 0 16px;font-size:clamp(2rem,3.1vw,2.7rem);line-height:1.15;letter-spacing:-.035em;overflow-wrap:anywhere}
.article-heading .eyebrow{margin:0}
.article-excerpt{margin:0 0 18px;color:#536d89;font-size:1.12rem;line-height:1.65}
.article-meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:24px;color:#63758a;font-size:.83rem}
.article-featured{display:block;width:100%;height:auto;border-radius:10px;margin-bottom:30px}
.article-ad{min-width:0;max-width:100%;min-height:280px;margin:30px 0;text-align:center;overflow-wrap:anywhere}
.article-ad-label{display:block;margin-bottom:8px;color:#63758a;font-size:.68rem;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}
.article-ad img{display:block;max-width:100%;height:auto;margin:0 auto}
.article-ad .ad-slot{max-width:100%;min-width:0}
.article-body{font-size:1.04rem;line-height:1.8;overflow-wrap:anywhere}
.article-body h2{margin:38px 0 14px;font-size:1.7rem;line-height:1.25;letter-spacing:-.025em}
.article-body h3{margin:28px 0 10px;font-size:1.25rem;line-height:1.35}
.article-body h2,.article-body h3,.article-body [id]{scroll-margin-top:100px}
.article-body p{margin:0 0 18px}
.article-body ul,.article-body ol{padding-left:24px;margin:16px 0 24px}
.article-body li{margin:7px 0}
.article-body a,.article-toc a{color:#0d72cf;text-underline-offset:3px}
.article-body blockquote{margin:24px 0;padding:18px 22px;border-left:3px solid #0d72cf;border-radius:0 8px 8px 0;background:#eef4fb;color:#25476e}
.article-body blockquote p:last-child{margin-bottom:0}
.article-body img{max-width:100%;height:auto;border-radius:8px}
.article-body figure{margin:24px 0}.article-body figcaption{font-size:.85rem;color:#63758a}
.article-body pre{max-width:100%;overflow:auto;padding:18px;border-radius:8px;background:#edf3f9;font-size:.88rem}
.article-body table{display:block;max-width:100%;overflow:auto;border-collapse:collapse}
.article-body td,.article-body th{padding:10px;border:1px solid #dfeaf5;text-align:left}
.article-body hr{border:0;border-top:1px solid #dfeaf5;margin:32px 0}
.article-tags{margin-top:32px;padding-top:18px;border-top:1px solid #dfeaf5;color:#63758a;font-size:.87rem}
.article-sidebar{display:grid;gap:20px}
.article-sidebar-section{padding:22px;border:1px solid #dfeaf5;border-radius:10px;background:#fff}
.article-sidebar-section h2{margin:0 0 12px;font-size:1.1rem;line-height:1.35;letter-spacing:-.02em}
.article-sidebar-section p{margin:0 0 18px;font-size:.94rem;color:#536d89}
.article-builder-cta{background:#f0f6ff}.article-builder-cta .btn{width:100%;padding:10px;font-size:.85rem;color:#fff;background:#0d72cf;border-color:#0d72cf}
.article-toc ol{margin:0;padding:0;list-style:none}.article-toc li+li{margin-top:10px}
.article-toc a{display:inline-block;padding:3px 0;font-size:.9rem;text-decoration:none;overflow-wrap:anywhere}
.article-toc a:hover{text-decoration:underline}
.article-page a:focus-visible{outline:2px solid #0d72cf;outline-offset:3px}
@media(max-width:900px){.article-layout{grid-template-columns:minmax(0,1fr);gap:36px}.article-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.article-page{padding-top:10px}.article-page .builder-breadcrumbs{padding-bottom:18px}.article-heading h1{font-size:2rem}.article-excerpt{font-size:1.03rem}.article-body{font-size:1rem}.article-body h2{font-size:1.45rem}.article-sidebar{grid-template-columns:minmax(0,1fr)}.article-sidebar-section{padding:20px}}