/* Scoped additions: existing homepage typography and layout remain intact. */
.tc-service-library{width:190px;max-width:100%;text-align:left;margin:0 auto;color:#474747;font:12px/1.65 Arial,"Microsoft YaHei",sans-serif}
.tc-service-library *{box-sizing:border-box}
.tc-contact-card,.tc-library-card{border:1px solid #d8e3e8;background:#fff;margin:0 0 14px}
.tc-contact-card h2,.tc-library-card h2{font-size:13px;margin:0;line-height:1.6}
.tc-contact-card h2{padding:8px 11px;background:#117ba3;color:#fff}
.tc-contact-card dl{margin:0;padding:6px 10px}
.tc-contact-card dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:6px;padding:6px 0;border-bottom:1px solid #edf1f3}
.tc-contact-card dl>div:last-child{border:0}
.tc-contact-card dt{color:#71848c;font-size:12px;white-space:nowrap}
.tc-contact-card dd{margin:0;color:#244957;font:bold 13px/1.6 Arial,sans-serif;font-variant-numeric:tabular-nums}
.tc-contact-card dd a{color:inherit;text-decoration:none}
.tc-library-card>header{padding:10px;background:#eaf3f7;border-top:3px solid #117ba3}
.tc-library-card h2 a{color:#126b90;text-decoration:none}
.tc-library-card header p{color:#6d8088;margin:3px 0 0;font-size:11px;line-height:1.6}
.library-group h3{font-weight:normal;letter-spacing:.03em;font-size:12px;color:#71848c;margin:0 0 5px}
.library-group ul{list-style:none;padding:0;margin:0}
.tc-library-card .library-group{padding:10px;border-top:1px solid #edf1f3}
.tc-library-card .library-group li+li{margin-top:6px}
.tc-library-card .library-group a{display:block;position:relative;padding-left:10px;color:#285c75;text-decoration:none;font-size:12px;line-height:1.65;overflow-wrap:anywhere}
.tc-library-card .library-group a:before{content:"›";position:absolute;left:0;color:#79a6b9}
.tc-library-card a:hover,.tc-contact-card a:hover{color:#d36922;text-decoration:underline}
.tc-library-card .library-all{display:block;border-top:1px solid #e1eaef;padding:9px 10px;font-size:12px;color:#117ba3;background:#f7fafb;text-decoration:none}
.library-all span{float:right}
.tc-service-library a:focus-visible,.articles-page a:focus-visible,.articles-page summary:focus-visible{outline:2px solid #b65d19;outline-offset:3px}
.articles-page{margin:0;background:#e9edef;color:#434b50;font:14px/1.9 Arial,"Microsoft YaHei",sans-serif}
.articles-page *{box-sizing:border-box}
.articles-page a{color:#146f96;text-decoration:none}
.articles-page a:hover{color:#ca641d;text-decoration:underline}
.articles-brand{background:#117ba3}
.articles-brand>div{margin-left:auto;margin-right:auto;max-width:100%}
.articles-brand img{vertical-align:middle;border:0}
.articles-brand .a1{color:#ddd;font-size:12px}
.articles-brand>div:first-child>div:first-child{height:21px!important;line-height:18px;font-size:12px}
.articles-wrap{width:915px;max-width:100%;margin:auto;background:#fff;border:4px solid #e1e1e1;border-top:0}
.articles-crumb{padding:6px 20px;background:#eaeaea;color:#7a858b;font-size:12px}
.articles-crumb span{padding:0 10px}
.library-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;border-bottom:1px solid #dfe7eb}
.library-intro p{font-size:10px;color:#7293a1;letter-spacing:.18em;margin:0 0 3px}
.library-intro h1{font-size:23px;color:#166c8d;line-height:1.5;margin:0 0 5px;font-weight:500}
.library-intro div>span{font-size:12px;color:#819097}
.library-count{text-align:center;font-size:11px;color:#819097;white-space:nowrap;padding-left:24px;border-left:1px solid #e1e8ec}
.library-count b{display:block;color:#117ba3;font:32px/1.3 Georgia,serif}
.articles-layout{display:grid;grid-template-columns:218px minmax(0,1fr);align-items:start}
.articles-directory{padding:20px 14px;background:#f7f9fa;border-right:1px solid #e4e9ec;position:sticky;top:0;max-height:100vh;overflow:auto}
.articles-directory summary{font-size:14px;color:#315a6c;font-weight:bold;list-style:none;margin:0 0 16px;cursor:pointer}
.articles-directory summary::-webkit-details-marker{display:none}
.articles-directory summary>span{font-size:11px;float:right;color:#8a9aa2;font-weight:normal}
.articles-directory .library-group{margin:0 0 16px}
.articles-directory .library-group a{display:block;font-size:12px;line-height:1.65;padding:6px 9px;border-left:2px solid transparent;color:#526b77;overflow-wrap:anywhere}
.articles-directory .library-group a[aria-current="page"]{background:#e6f0f5;border-left-color:#117ba3;color:#117ba3;font-weight:bold}
.directory-caption{font-size:11px;color:#8b979d;line-height:1.8;border-top:1px solid #dfe6e9;margin:4px 0 0;padding-top:12px}
.articles-reading{min-width:0;padding:24px 28px 32px}
.article-category{color:#6b929f;font-size:12px;margin:0 0 8px}
.article-category span{float:right;color:#94a3aa;font:12px/1.8 Arial,sans-serif}
.article-header h2{font-size:22px;font-weight:500;line-height:1.6;color:#205a73;margin:0 0 12px;outline:none}
.article-date{font-size:11px;color:#87949b;border-bottom:1px solid #dfe7eb;padding-bottom:16px;margin:0 0 20px}
.article-date span{margin-left:14px}
.articles-note{background:#fbf8ef;border-left:3px solid #d0b873;padding:10px 13px;margin:0 0 22px;font-size:12px;line-height:1.8;color:#7b704c}
.articles-note strong{font-weight:normal;font-size:11px;letter-spacing:.08em}
.articles-note p{margin:4px 0 0}
.articles-note a{font-size:11px}
.article-body{font-size:14px;line-height:2;overflow-wrap:anywhere}
.article-body p{margin:0 0 16px}
.article-body div{max-width:100%}
.article-body img{display:block;max-width:100%;height:auto;margin:18px auto}
.article-body table{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}
.article-body td,.article-body th{border:1px solid #dfe7eb;padding:7px;overflow-wrap:anywhere}
.article-body h2,.article-body h3{font-size:16px;color:#236c88;margin:22px 0 12px}
.article-body del{color:#999}.article-body ins{text-decoration:none;color:#a54e2b}
.article-end{border-top:1px solid #e5ebee;margin-top:26px;padding:14px 0;font-size:11px;display:flex;justify-content:space-between;gap:12px;color:#97a2a8}
.articles-article{scroll-margin-top:20px;margin-bottom:30px}
.articles-page [hidden]{display:none!important}
.article-pager{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #e4e9ec;padding-top:16px;font-size:12px}
.article-pager a{padding:5px 0}.article-pager [aria-disabled="true"]{visibility:hidden}
#reading-position{color:#8c999f;font-size:11px}
.articles-footer{display:flex;gap:22px;align-items:center;justify-content:center;padding:16px;border-top:4px solid #e1e1e1;background:#fafbfc;color:#81929a;font-size:12px}
@media(max-width:914px){
 .articles-brand>div:first-child{height:auto!important}
 .articles-brand>div:first-child>div{width:100%!important;height:auto!important}
 .articles-brand>div:first-child>div:nth-child(2){display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:6px 0}
 .articles-brand>div:first-child>div:nth-child(2)>a{flex:0 0 25%;text-align:center}
 .articles-brand>div:first-child>div:nth-child(2)>a:first-child{flex-basis:100%;text-align:left;padding:0 10px}
 .articles-brand>div:first-child>img{display:none}
 .articles-brand>div:last-child{width:100%!important;height:auto!important;aspect-ratio:907/231}
 .articles-brand iframe{width:100%!important;height:100%!important}
 .articles-wrap{border-width:0}
 .articles-layout{grid-template-columns:190px minmax(0,1fr)}
 .articles-reading{padding:22px 20px}
 .tc-mobile-ready .tc-service-library{width:100%;max-width:430px}
 .tc-mobile-ready .tc-library-card .library-group a{font-size:14px;padding-top:3px;padding-bottom:3px}
}
@media(max-width:620px){
 .library-intro{padding:20px}.library-intro h1{font-size:21px}
 .articles-layout{display:block}.articles-directory{position:static;max-height:none;padding:14px 20px;border-right:0;border-bottom:1px solid #e1e8ec}
 .articles-directory summary{margin:0;list-style:revert}.articles-directory details[open] summary{margin-bottom:14px}
 .articles-directory nav{max-height:50vh;overflow:auto;margin-top:12px}
 .articles-directory .library-group a{font-size:14px;padding-top:9px;padding-bottom:9px}
 .directory-caption{display:none}.articles-reading{padding:22px 20px}
 .article-header h2{font-size:21px}.article-body{font-size:16px}
 .articles-footer{flex-wrap:wrap;gap:12px}.articles-note{font-size:13px}
}

/* v18: align with the existing 223 / 477 / 207 technical article columns. */
.tc-library-card{border:0;background:transparent;margin-top:0}
.tc-library-card>header{padding:4px 8px;background:#117ba3;border:0}
.tc-library-card h2{font-size:12px;line-height:20px}
.tc-library-card h2 a{color:white}
.tc-library-card .compact-links{list-style:none;padding:5px 0 0;margin:0}
.compact-links li{margin:0;padding:0}
.compact-links a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:25px;color:#1b6f94;text-align:left}
.compact-links a:before{content:'›';color:#6fabbc;margin-right:4px}
.tc-library-card .library-all{padding:4px 0;text-align:right;background:none;border:0;line-height:22px}
.articles-page{font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:20px;background:#fff url('/webc/images/index_17.gif');color:#474747;text-align:left}
.articles-page a{color:#1b6f94}
.articles-crumb{padding:3px 15px;height:25px;font-size:12px}
.articles-layout{grid-template-columns:223px minmax(0,477px) 207px;align-items:start;padding-top:10px;background:white}
.articles-products{width:223px;padding:0 0 14px;text-align:center}
.articles-products img{max-width:100%;height:auto}
.articles-products #ul3{max-width:100%;box-sizing:border-box}
.articles-products .product-sublist{margin:0;padding:0 0 0 10px;list-style:none;text-align:left}
.articles-products .product-sublist li{margin:0;line-height:25px;background:none}
.articles-reading{padding:0 0 18px;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;min-width:0}
.technical-heading{display:block;max-width:calc(100% - 36px);height:auto;margin:0 auto 10px}
.article-header h2{font-size:14px;font-weight:bold;line-height:24px;color:#474747;text-align:center;margin:14px 20px 6px}
.article-date{font-size:11px;text-align:center;margin:0 20px 16px;padding:0 0 10px;border-bottom:1px dotted #b5b5b5;color:#999}
.article-body{font-size:14px;line-height:1.85;margin:0 20px;text-align:left}
.article-body p{margin:0 0 14px}
.articles-note{margin:10px 20px 16px;padding:8px 10px;border:1px solid #eee;background:#fafafa;color:#777;font-size:12px;line-height:1.7}
.articles-note>strong{display:none}
.articles-article{margin-bottom:12px}
.article-end{margin:20px 20px 0;padding:10px 0;border-top:1px dotted #b5b5b5;font-size:12px}
.article-end span{display:none}
.article-pager{margin:12px 20px 0;padding-top:10px;border-top:1px dotted #b5b5b5}
.articles-directory{position:static;max-height:none;overflow:visible;width:207px;padding:0 8px 14px;background:white;border:0}
.articles-directory details{margin:0 0 18px}
.articles-directory summary{background:#117ba3;color:white;font-size:12px;line-height:25px;padding:0 7px;margin:0;cursor:pointer;font-weight:bold}
.articles-directory .compact-links{margin:5px 0 0;padding:0;list-style:none}
.articles-directory .compact-links a{line-height:25px}
.articles-directory a[aria-current='page']{font-weight:bold;color:#e94b01}
.articles-directory .tc-contact-card{margin-top:15px}
.classic-footer{clear:both;border-top:4px solid #e1e1e1;background:white;text-align:center}
.classic-footer table{width:100%;max-width:100%;margin:auto}
@media(max-width:914px){
 .articles-layout{grid-template-columns:180px minmax(0,1fr) 180px}
 .articles-products,.articles-directory{width:auto;min-width:0}
 .articles-products>div{width:100%!important}
 .articles-directory{padding:0 6px 12px}
 .articles-directory .tc-contact-card dd{font-size:12px}
 .articles-products #ul3{padding-left:8px;margin-left:0}
 .tc-mobile-ready .tc-library-card .compact-links a{font-size:14px;line-height:30px}
}
@media(max-width:700px){
 .articles-layout{display:flex;flex-direction:column;padding-top:0}
 .articles-directory{width:100%;order:0;padding:10px 12px;border-bottom:1px solid #eee}
 .articles-directory summary{margin:0;list-style:revert;padding-left:12px;font-size:14px;line-height:32px}
 .articles-directory details{margin:0}.articles-directory details[open] summary{margin-bottom:8px}
 .articles-directory nav{max-height:55vh;margin-top:0;overflow:auto}
 .articles-directory .compact-links a{font-size:14px;line-height:30px}
 .articles-directory>.tc-contact-card{display:none}
 .articles-reading{width:100%;order:1;padding:14px 0;border:0}
 .articles-products{width:100%;order:2;border-top:1px solid #eee;padding:15px 0}
 .articles-products>div{max-width:300px;margin:auto}
 .article-header h2{font-size:16px}.article-body{font-size:16px}
 .classic-footer{overflow-wrap:anywhere}
}

/* v21: consistent article typography, without changing the accepted site columns. */
.article-body{line-height:1.95;color:#414b50}
.article-body p{margin:0 0 14px;text-indent:2em}
.article-body h2,.article-body h3{margin:22px 0 10px;font-size:14px;font-weight:bold;line-height:1.75;text-align:left;text-indent:0;color:#236c88}
.article-body>:first-child{margin-top:0}
.article-body .article-item{padding-left:0;text-indent:0}
.article-body .article-equation{margin:12px 0;padding:8px 10px;background:#f5f8fa;border-left:2px solid #c9dce5;text-indent:0;font-family:Arial,Helvetica,sans-serif;line-height:1.75;overflow-wrap:anywhere}
.article-body table{margin:16px 0;line-height:1.75;text-indent:0}
.article-body td,.article-body th{padding:9px 8px;vertical-align:top;text-align:left;font-weight:normal}
.article-body thead th{background:#f1f6f8;font-weight:bold;color:#315c70}
.article-reference-table th:first-child{width:28%}
.article-reference-table tbody th{color:#315c70}
.article-packaging-table td{text-align:center;vertical-align:middle}
.article-body .article-packaging-table img{margin:4px auto;max-height:180px;width:auto;object-fit:contain}
.articles-note p{margin:4px 0;text-indent:0;text-align:left}
@media(max-width:700px){
 .article-body h2,.article-body h3{font-size:16px}
 .article-body table{font-size:13px}
 .article-body td,.article-body th{padding:7px 5px}
}