/* Article template only; retain all editorial text and links. */
.article-page{background:#f5f7fb;color:#3c4960}
.article-page .page-wrap{max-width:1280px;padding-bottom:60px}
.article-page .breadcrumbs{padding:22px 0;font-size:13px;color:#65738a}
.article-page .article-layout{grid-template-columns:minmax(0,1fr) 272px;gap:28px}
.article-page .article-reader{padding:36px 42px 30px;border-color:#e2e8f1;border-radius:16px;box-shadow:0 4px 18px #19355704}
.article-page .article-header{padding-bottom:26px;margin-bottom:28px;border-bottom:1px solid #e5ebf3}
.article-page .article-header .card-labels{margin-bottom:16px}
.article-page .article-header .topic-tag{font-size:12px;padding:4px 11px;border-radius:5px}
.article-page .article-header h1{font-size:32px;line-height:1.5;letter-spacing:0;font-weight:750;margin:0 0 20px;text-wrap:balance;word-break:normal;overflow-wrap:break-word}
.article-page .article-summary{font-size:16px;line-height:1.9;color:#53627a;margin:0 0 20px;padding:16px 20px;background:#f5f8fd;border-left:3px solid #8aa9df;border-radius:0 8px 8px 0}
.article-page .article-meta{font-size:13px;line-height:1.7;color:#66758b;gap:7px 22px}
.article-page .editor-note{font-size:12px;color:#77694f;line-height:1.8;padding:10px 14px;margin-top:18px}
.article-page .article-body{font-size:17px;line-height:1.95;color:#344258;word-break:normal;overflow-wrap:anywhere}
.article-page .article-body>h2:first-child{margin-top:0}
.article-page .article-body h2{font-size:24px;line-height:1.6;letter-spacing:0;margin:38px 0 18px;padding-left:14px;border-left:4px solid #3268cb}
.article-page .article-body h3{font-size:20px;line-height:1.65;letter-spacing:0;margin:28px 0 13px}
.article-page .article-body p{margin:0 0 20px}
.article-page .article-body ul,.article-page .article-body ol{padding-left:1.55em;margin:16px 0 26px}
.article-page .article-body li{padding-left:4px;margin:10px 0}
.article-page .article-body li::marker{color:#3268cb;font-weight:600}
.article-page .article-body strong,.article-page .article-body b{color:#233b5c}
.article-page .article-table-scroll{max-width:100%;overflow-x:auto;margin:22px 0 26px;border:1px solid #dce5f1;border-radius:10px;overscroll-behavior-x:contain}
.article-page .article-body table{display:table;width:100%;max-width:none;margin:0;border-collapse:collapse;font-size:15px;line-height:1.8}
.article-page .article-body td,.article-page .article-body th{padding:13px 16px;vertical-align:top;text-align:left;min-width:110px;border:0;border-right:1px solid #e4eaf2;border-bottom:1px solid #e4eaf2}
.article-page .article-body tr>:last-child{border-right:0}
.article-page .article-body tr:last-child>*{border-bottom:0}
.article-page .article-body tr:first-child>*{background:#edf3fd;color:#234a85;font-weight:650}
.article-page .article-body tr:nth-child(2n+3)>td{background:#f8fafd}
.article-page .reader-sidebar{top:20px}
.article-page .toc-box{padding:20px 18px;border-radius:12px;border-color:#e2e8f1}
.article-page .toc-box summary{font-size:16px}
.article-page .toc-box nav{max-height:clamp(220px,44vh,480px);margin-top:14px;scrollbar-width:thin;scrollbar-color:#ccd6e6 transparent;overscroll-behavior:contain}
.article-page .toc-box nav a{font-size:14px;line-height:1.65;color:#5a6880;padding:9px 10px;border-radius:0 5px 5px 0;overflow-wrap:anywhere}
.article-page .toc-box nav a.nested{font-size:13px;padding-left:20px}
.article-page .toc-box nav a:hover,.article-page .toc-box nav a.on{color:#2559c4;background:#eff4ff}
.article-page .sidebar-consult{padding:20px;margin-top:18px;border-radius:12px}
.article-page .sidebar-consult h2{font-size:18px;margin-bottom:10px}
.article-page .sidebar-consult>p:not(.eyebrow){font-size:13px;color:#596b85}
.article-page .article-about{background:#f8fafd;border:1px solid #e5ebf3;border-radius:10px;padding:22px 24px;margin-top:34px}
.article-page .article-about h2{font-size:19px}
.article-page .article-about p{font-size:14px;line-height:1.85;color:#59677c}
.article-page .reader-end{font-size:14px;flex-wrap:wrap}
.article-page .related-section{margin-top:36px}
.article-page .related-grid .article-card h2{font-size:18px;line-height:1.65}
.article-page .related-grid .article-card p{font-size:14px;color:#647189}
.article-page .related-grid .card-info{padding:22px}
.article-service-caption{display:none}
@media(min-width:1200px){
 .article-page .article-service-tools{grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin-bottom:20px}
 .article-page .article-service-caption{display:block;margin:0;font-size:14px;font-weight:600;color:#62748f}
 .article-service-caption span{margin:0 9px;color:#a5b4ca}
 .article-page .article-service-tools .qm-cat__head{grid-column:2;grid-row:1;width:142px;height:40px;font-size:14px}
 .article-page .article-service-tools .qm-cat__panel{grid-column:1/-1;background:#fff}
 .article-page .article-service-tools .qm-cat.is-open .qm-cat__panel{display:flex;flex-wrap:wrap;gap:0;background:#fff}
 .article-page .article-service-tools .qm-cat__panel a{flex:1 1 25%;border-bottom:1px solid #e5ebf3;border-right:1px solid #e5ebf3}
}
@media(max-width:1000px) and (min-width:761px){
 .article-page .article-layout{grid-template-columns:minmax(0,1fr) 230px;gap:20px}
 .article-page .article-reader{padding:30px 28px}
 .article-page .article-header h1{font-size:28px}
 .article-page .article-body{font-size:16px}
 .article-page .toc-box{padding:17px 14px}
}
@media(max-width:760px){
 .article-page .page-wrap{padding:0 16px 36px}
 .article-page .breadcrumbs{font-size:12px;gap:7px;padding:18px 0}
 .article-page .article-reader{padding:26px 22px;border-radius:12px}
 .article-page .article-header{padding-bottom:22px;margin-bottom:24px}
 .article-page .article-header h1{font-size:26px;line-height:1.55;margin-bottom:18px;text-wrap:pretty}
 .article-page .article-summary{font-size:15px;line-height:1.85;padding:13px 14px;margin-bottom:16px}
 .article-page .article-meta{font-size:12px;gap:7px 14px}
 .article-page .article-body{font-size:16px;line-height:1.9}
 .article-page .article-body h2{font-size:21px;margin:30px 0 15px;padding-left:11px}
 .article-page .article-body h3{font-size:18px;margin-top:24px}
 .article-page .article-body li{margin:9px 0}
 .article-page .mobile-toc{margin:0 0 26px;background:#f5f8fd}
 .article-page .mobile-toc nav{max-height:260px;display:grid}
 .article-page .toc-box summary{font-size:15px}
 .article-page .toc-box nav a{font-size:14px}
 .article-page .article-body table{font-size:14px;min-width:540px}
 .article-page .article-body td,.article-page .article-body th{padding:11px 13px}
 .article-page .article-about{padding:18px;margin-top:28px}
 .article-page .related-grid .article-card h2{font-size:17px}
}
@media(max-width:400px){
 .article-page .page-wrap{padding-left:12px;padding-right:12px}
 .article-page .article-reader{padding:23px 18px}
 .article-page .article-header h1{font-size:24px}
}
