/**
 * TANSIL V3.7.6 — editorial article system.
 * Scoped to native WordPress single blog posts rendered by single.php.
 * Loaded AFTER the existing site bundle. No product/page/RFQ styles are changed.
 */
.tn-technical-article-v376 {
  --tn-ink: #102f50;
  --tn-copy: #344d63;
  --tn-muted: #647a8f;
  --tn-blue: #0a609f;
  --tn-hairline: #dce8f1;
  background: linear-gradient(180deg, #f8fbfe 0%, #f4f8fc 68%, #fff 100%);
  padding-top: 1px;
}
.tn-technical-article-v376 *,
.tn-technical-article-v376 *::before,
.tn-technical-article-v376 *::after {box-sizing:border-box}
.tn-technical-article-v376 > .tn-container {max-width: 1210px; padding-bottom: 20px}
.tn-technical-article-v376 .tn-article-layout {max-width: 1160px; width: 100%; margin: clamp(24px, 3vw, 42px) auto clamp(38px,5vw,70px)}
.tn-technical-article-v376 .tn-article-header {
  max-width: 1100px; margin: 0 auto 26px; padding: 0 0 20px;
  border-bottom: 1px solid var(--tn-hairline);
}
.tn-technical-article-v376 .tn-reading-eyebrow {
  display:flex;align-items:center;gap:11px;
  color: #145f97; font-size: 12px; line-height: 1.45;
  font-weight: 800;letter-spacing: .12em;text-transform: uppercase;
  margin: 0 0 14px;
}
.tn-technical-article-v376 .tn-reading-indicator {display:inline-block;width:20px;height:3px;border-radius:5px;background:#f28a22}
.tn-technical-article-v376 .tn-article-header h1 {
  font-size: clamp(30px, 3.45vw, 45px);line-height:1.2;
  font-weight: 800;letter-spacing:-.033em; color: var(--tn-ink);
  max-width: 1050px; margin: 0 0 19px;
  overflow-wrap: anywhere;
}
.tn-technical-article-v376 .tn-reading-postmeta {display:flex;gap:10px 20px;flex-wrap:wrap;font-size:13px;line-height:1.5;color:var(--tn-muted)}
.tn-technical-article-v376 .tn-reading-postmeta span + span::before {content:'•';margin-right:18px;color:#a9becf}
.tn-technical-article-v376 .tn-article-hero {margin:0 auto 30px;max-width:1100px;border-radius:16px;overflow:hidden;background:#e9f3fa;border:1px solid #e0ecf4;box-shadow:0 16px 34px rgba(11,42,73,.055)}
.tn-technical-article-v376 .tn-article-hero img {display:block;width:100%;height:auto;max-height:430px;object-fit:cover;border-radius:0;margin:0;aspect-ratio:16/7}
.tn-technical-article-v376 .tn-reading-grid {
  display:grid;grid-template-columns:minmax(0, 1fr) 272px;
  align-items:start; gap:clamp(22px,3.4vw,42px);
  max-width:1100px; margin:0 auto;
}
.tn-technical-article-v376 .tn-reading-primary {min-width:0;max-width:100%;background:#fff;border:1px solid #e0eaf2;box-shadow:0 14px 44px rgba(12,47,80,.045);border-radius:15px;padding:clamp(22px,3.15vw,44px)}
.tn-technical-article-v376 .tn-article-utility {
  margin:0 0 32px;padding:16px 18px;
  display:flex;justify-content:space-between;align-items:center;gap:14px;
  background:#eff6fc;border:1px solid #dcebf5;border-radius:10px;
  color:#506b81;font-size:12px;line-height:1.75;
}
.tn-technical-article-v376 .tn-article-utility a {color:#0a629c;text-decoration:none;white-space:nowrap;font-weight:750}
.tn-technical-article-v376 .tn-article-utility a:hover {text-decoration:underline}
/* Main typographic rhythm: handles imported Gutenberg, Custom HTML, and plain post text. */
.tn-technical-article-v376 .tn-article-content--body {
  max-width:none;min-width:0;margin:0;padding:0;
  font-size:17px;line-height:1.85;color:var(--tn-copy);
  overflow-wrap:break-word;word-break:normal;
}
.tn-technical-article-v376 .tn-article-content--body > :first-child {margin-top:0}
.tn-technical-article-v376 .tn-article-content--body p {font-size:inherit;line-height:inherit;margin:0 0 1.35em;max-width:100%}
.tn-technical-article-v376 .tn-article-content--body > p:first-of-type {font-size:18px;color:#2c4d68;line-height:1.86}
.tn-technical-article-v376 .tn-article-content--body :is(h2,h3,h4,h5) {font-family:inherit;letter-spacing:-.016em;overflow-wrap:anywhere;scroll-margin-top:130px}
.tn-technical-article-v376 .tn-article-content--body h2 {
  color:#0b3153;font-size:clamp(23px,2.15vw,28px);
  line-height:1.37;font-weight:800;margin:46px 0 19px;
  border-bottom:1px solid #dce8f1;padding-bottom:14px;
}
.tn-technical-article-v376 .tn-article-content--body h3 {color:#174366;font-size:clamp(19px,1.8vw,22px);font-weight:750;line-height:1.4;margin:32px 0 15px}
.tn-technical-article-v376 .tn-article-content--body :is(h4,h5) {color:#1d4665;font-size:18px;line-height:1.5;font-weight:750;margin:27px 0 12px}
.tn-technical-article-v376 .tn-article-content--body :is(ul,ol) {padding-left:1.55em;margin:8px 0 27px;max-width:100%}
.tn-technical-article-v376 .tn-article-content--body li {padding-left:4px;margin:0 0 9px;line-height:1.8}
.tn-technical-article-v376 .tn-article-content--body li :is(ul,ol) {margin:10px 0 12px}
.tn-technical-article-v376 .tn-article-content--body li::marker {color:#1778b5}
.tn-technical-article-v376 .tn-article-content--body a {color:#0868a5;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.tn-technical-article-v376 .tn-article-content--body a:hover {color:#074c7f}
.tn-technical-article-v376 .tn-article-content--body strong {color:#193b58;font-weight:750}
.tn-technical-article-v376 .tn-article-content--body hr {height:1px;border:0;background:#e2edf5;margin:34px 0}
.tn-technical-article-v376 .tn-article-content--body :is(img,video,svg) {max-width:100%;height:auto}
.tn-technical-article-v376 .tn-article-content--body :is(iframe,embed) {max-width:100%}
.tn-technical-article-v376 .tn-article-content--body .wp-block-embed iframe {width:100%;aspect-ratio:16/9;height:auto}
.tn-technical-article-v376 .tn-article-content--body figure {max-width:100%;margin:27px 0 30px}
.tn-technical-article-v376 .tn-article-content--body figure img {display:block;border-radius:10px;max-width:100%;height:auto;margin-inline:auto}
.tn-technical-article-v376 .tn-article-content--body figure figcaption {margin:9px auto 0;color:#718396;font-size:13px;line-height:1.6;text-align:center}
.tn-technical-article-v376 .tn-article-content--body figure.wp-block-table {overflow-x:auto;max-width:100%;width:100%;border:1px solid #dce8f1;border-radius:10px;margin:25px 0 35px;overscroll-behavior-x:contain}
.tn-technical-article-v376 .tn-article-content--body figure.wp-block-table table {display:table;max-width:none;width:100%;min-width:440px;overflow:visible;margin:0;border-collapse:collapse}
.tn-technical-article-v376 .tn-article-content--body > table {display:block;width:100%;max-width:100%;overflow-x:auto;margin:24px 0 32px;border:1px solid #dce8f1;border-radius:10px;border-collapse:separate}
.tn-technical-article-v376 .tn-article-content--body :is(th,td) {padding:13px 15px!important;font-size:14px;line-height:1.65;border:1px solid #dfebf3;text-align:left;vertical-align:top;word-break:normal}
.tn-technical-article-v376 .tn-article-content--body th {background:#eaf4fb;color:#0d3556;font-weight:800}
.tn-technical-article-v376 .tn-article-content--body tbody tr:nth-child(even) {background:#f8fbfe}
.tn-technical-article-v376 .tn-article-content--body blockquote {max-width:100%;background:#edf6fd;border-left:4px solid #1372b2;color:#254d6a;border-radius:0 10px 10px 0;margin:30px 0;padding:20px 25px}
.tn-technical-article-v376 .tn-article-content--body blockquote p:last-child {margin-bottom:0}
.tn-technical-article-v376 .tn-article-content--body pre {max-width:100%;overflow-x:auto;padding:20px;border-radius:10px;background:#102d47;color:#ecf7ff;white-space:pre}
.tn-technical-article-v376 .tn-article-content--body code {overflow-wrap:anywhere;font-size:.88em}
.tn-technical-article-v376 .tn-article-content--body :is(.wp-block-columns,.wp-block-group,.wp-block-media-text) {max-width:100%;min-width:0}
.tn-technical-article-v376 .tn-article-content--body .alignfull {max-width:100%;margin-left:0;margin-right:0;width:100%}
.tn-technical-article-v376 .tn-article-content--body .alignwide {max-width:100%;width:100%;margin-left:0;margin-right:0}
/* Custom or existing manually authored TOC cards */
.tn-technical-article-v376 .tn-article-content--body :is(.tansil-toc,.tn-article-toc,.wp-block-table-of-contents,.ez-toc-container) {
  margin:28px 0 34px;padding:22px 24px;background:#f1f7fc;border:1px solid #d8e9f4;border-left:4px solid #0e71b1;border-radius:10px;max-width:100%;
}
.tn-technical-article-v376 .tn-article-content--body :is(.tansil-toc,.tn-article-toc,.wp-block-table-of-contents,.ez-toc-container) a {text-decoration:none}
.tn-technical-article-v376 .tn-article-content--body :is(.tansil-toc,.tn-article-toc,.wp-block-table-of-contents,.ez-toc-container) a:hover {text-decoration:underline}
/* Sidebar: fixed reading lane, not an additional full WordPress sidebar. */
.tn-technical-article-v376 .tn-reading-aside {min-width:0}
.tn-technical-article-v376 .tn-reading-aside-inner {display:grid;gap:18px;position:sticky;top:110px;max-height:calc(100vh - 124px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:2px}
.tn-technical-article-v376 .tn-reading-aside-card {display:block;background:#fff;border:1px solid #dce8f1;border-radius:12px;padding:22px;box-shadow:0 12px 30px rgba(14,50,80,.04)}
.tn-technical-article-v376 .tn-reading-aside-kicker {color:#577993;font-size:11px;font-weight:800;letter-spacing:.11em;margin:0 0 17px;line-height:1.4}
.tn-technical-article-v376 .tn-reading-outline-list {list-style:none!important;padding:0!important;margin:0!important;counter-reset:none;max-width:100%}
.tn-technical-article-v376 .tn-reading-outline-item {margin:0!important;padding:0!important;list-style:none!important}
.tn-technical-article-v376 .tn-reading-outline-item + .tn-reading-outline-item {border-top:1px solid #edf1f5}
.tn-technical-article-v376 .tn-reading-outline-item a {color:#355b75;display:flex;gap:10px;align-items:flex-start;padding:10px 0;line-height:1.5;font-size:12px;text-decoration:none;overflow-wrap:anywhere}
.tn-technical-article-v376 .tn-reading-outline-item a:hover {color:#0b6caa}
.tn-technical-article-v376 .tn-reading-outline-number {flex:0 0 22px;color:#7598ae;font-weight:800;font-size:10px;padding-top:2px}
.tn-technical-article-v376 .tn-reading-outline-level-3 a {padding-left:14px;color:#627e92;font-size:11px}
.tn-technical-article-v376 .tn-reading-aside-cta {padding:25px 23px;background:linear-gradient(150deg,#0a2e51,#164d75);border:1px solid #1a557f;border-radius:12px;color:#dceefa}
.tn-technical-article-v376 .tn-reading-aside-cta .tn-reading-aside-kicker {color:#91c8ee}
.tn-technical-article-v376 .tn-reading-aside-cta h2 {margin:0 0 12px;font-size:22px;line-height:1.28;color:#fff;font-weight:800}
.tn-technical-article-v376 .tn-reading-aside-cta p:not(.tn-reading-aside-kicker) {font-size:13px;line-height:1.75;margin:0 0 19px;color:#d5e4ef}
.tn-technical-article-v376 .tn-reading-quote-link {display:block;background:#f47b18;color:#fff;text-align:center;border-radius:7px;text-decoration:none;padding:12px;font-size:13px;font-weight:800;line-height:1.4}
.tn-technical-article-v376 .tn-reading-quote-link:hover {background:#d86b0d;color:#fff}
.tn-technical-article-v376 .tn-reading-aside-links a {display:block;text-decoration:none;color:#155884;font-size:12px;font-weight:700;padding:10px 0;border-top:1px solid #edf1f5}
.tn-technical-article-v376 .tn-reading-aside-links a:hover {color:#0870b5}
.tn-technical-article-v376 .tn-reading-aside-links .tn-reading-aside-kicker {margin-bottom:10px}
.tn-technical-article-v376 .tn-reading-mobile-toc {display:none}
.tn-technical-article-v376 .tn-article-related-categories {margin-top:36px;padding:25px 0 0;border-top:1px solid #e0eaf2}
.tn-technical-article-v376 .tn-article-related-categories h2 {font-size:22px;color:#10395a;margin:0 0 15px}
.tn-technical-article-v376 :is(.tn-reading-outline-item a,.tn-reading-quote-link,.tn-reading-aside-links a,.tn-article-content a):focus-visible {outline:3px solid #2b93dd;outline-offset:4px;border-radius:3px}
@media (max-width:1000px) {
  .tn-technical-article-v376 .tn-reading-grid {grid-template-columns:minmax(0,1fr) 240px;gap:22px}
  .tn-technical-article-v376 .tn-reading-primary {padding:26px}
}
@media (max-width:860px) {
  .tn-technical-article-v376 .tn-reading-grid {display:block;max-width:760px}
  .tn-technical-article-v376 .tn-reading-aside {display:none}
  .tn-technical-article-v376 .tn-reading-mobile-toc {display:block;margin:0 0 32px;padding:0;background:#eff7fc;border:1px solid #d4e6f2;border-radius:11px;overflow:hidden}
  .tn-technical-article-v376 .tn-reading-mobile-toc summary {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;color:#10476d;cursor:pointer;font-size:14px;font-weight:800;list-style:none}
  .tn-technical-article-v376 .tn-reading-mobile-toc summary::-webkit-details-marker {display:none}
  .tn-technical-article-v376 .tn-reading-mobile-toc summary span {font-size:20px;font-weight:400}
  .tn-technical-article-v376 .tn-reading-mobile-toc[open] summary span {transform:rotate(45deg)}
  .tn-technical-article-v376 .tn-reading-mobile-toc nav {border-top:1px solid #dceaf3;padding:8px 20px 14px}
  .tn-technical-article-v376 .tn-reading-mobile-toc .tn-reading-outline-item a {font-size:13px;padding:10px 0}
  .tn-technical-article-v376 .tn-reading-mobile-toc .tn-reading-outline-level-3 a {font-size:12px}
}
@media (max-width:600px) {
  .tn-technical-article-v376 .tn-article-layout {margin:19px auto 40px}
  .tn-technical-article-v376 .tn-article-header {padding-bottom:17px;margin-bottom:18px}
  .tn-technical-article-v376 .tn-article-header h1 {font-size:clamp(27px,7vw,36px);line-height:1.23;margin-bottom:17px}
  .tn-technical-article-v376 .tn-reading-postmeta {gap:6px 14px;font-size:11px}
  .tn-technical-article-v376 .tn-reading-postmeta span + span::before {margin-right:12px}
  .tn-technical-article-v376 .tn-article-hero {margin-bottom:20px;border-radius:10px}
  .tn-technical-article-v376 .tn-article-hero img {aspect-ratio:16/9;max-height:280px}
  .tn-technical-article-v376 .tn-reading-primary {padding:20px 17px;border-radius:12px}
  .tn-technical-article-v376 .tn-article-utility {display:block;margin-bottom:25px;padding:14px;font-size:12px}
  .tn-technical-article-v376 .tn-article-utility a {display:block;margin-top:6px;white-space:normal}
  .tn-technical-article-v376 .tn-article-content--body {font-size:16px;line-height:1.78}
  .tn-technical-article-v376 .tn-article-content--body > p:first-of-type {font-size:16px}
  .tn-technical-article-v376 .tn-article-content--body h2 {font-size:23px;margin:35px 0 17px;padding-bottom:12px}
  .tn-technical-article-v376 .tn-article-content--body h3 {font-size:19px;margin:27px 0 12px}
  .tn-technical-article-v376 .tn-article-content--body :is(th,td) {font-size:13px;padding:10px 12px!important}
  .tn-technical-article-v376 .tn-article-content--body blockquote {padding:16px 18px}
  .tn-technical-article-v376 .tn-article-content--body :is(.tansil-toc,.tn-article-toc,.wp-block-table-of-contents,.ez-toc-container) {padding:15px}
  .tn-technical-article-v376 .tn-reading-mobile-toc {margin-bottom:25px}
}
@media print {
  .tn-technical-article-v376 .tn-reading-aside,.tn-technical-article-v376 .tn-reading-mobile-toc {display:none!important}
  .tn-technical-article-v376 .tn-reading-grid {display:block}
  .tn-technical-article-v376 .tn-reading-primary {box-shadow:none;border:0;padding:0}
  .tn-technical-article-v376 .tn-article-content--body {font-size:11pt;color:#111}
  .tn-technical-article-v376 .tn-article-hero {box-shadow:none}
}

/* V3.7.6.1 — actual-site TOC + narrow-screen refinement */
/* Ensure desktop/mobile article navigation isn't simultaneously displayed. */
@media (min-width:861px) {
  .tn-technical-article-v376 .tn-reading-mobile-toc {display:none!important}
}
@media (max-width:860px) {
  .tn-technical-article-v376 .tn-reading-aside {display:none!important}
  .tn-technical-article-v376 .tn-reading-mobile-toc {display:block!important}
}
/* Imported articles can carry their own large table of contents; keep it usable without monopolizing the first screen. */
.tn-technical-article-v376 .tn-inline-toc-collapsed {
  display:block;max-width:100%;margin:22px 0 29px;
  border:1px solid #d6e7f3;border-radius:12px;background:#f1f7fc;
  overflow:hidden;
}
.tn-technical-article-v376 .tn-inline-toc-collapsed > summary {
  list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;
  cursor:pointer;padding:17px 21px;font-size:15px;line-height:1.5;
  color:#103f62;font-weight:800;
}
.tn-technical-article-v376 .tn-inline-toc-collapsed > summary::-webkit-details-marker {display:none}
.tn-technical-article-v376 .tn-inline-toc-collapsed > summary:focus-visible {outline:3px solid #258bd2;outline-offset:-3px}
.tn-technical-article-v376 .tn-inline-toc-indicator {font-size:23px;font-weight:400;color:#0b6ca4;line-height:1}
.tn-technical-article-v376 .tn-inline-toc-collapsed[open] .tn-inline-toc-indicator {transform:rotate(45deg)}
.tn-technical-article-v376 .tn-inline-toc-content {
  padding:8px 22px 17px!important;
  margin:0!important;background:transparent!important;
  border:0!important;border-radius:0!important;
  box-shadow:none!important;max-width:100%;
}
.tn-technical-article-v376 .tn-inline-toc-content ol,
.tn-technical-article-v376 .tn-inline-toc-content ul {margin:0 0 0 2px!important;padding-left:1.5em!important}
.tn-technical-article-v376 .tn-inline-toc-content li {font-size:14px;line-height:1.55;margin:0 0 8px!important}
.tn-technical-article-v376 .tn-inline-toc-content a {text-decoration:none!important}
.tn-technical-article-v376 .tn-reading-primary,
.tn-technical-article-v376 .tn-article-content--body,
.tn-technical-article-v376 .tn-reading-grid {min-width:0;max-width:100%}
.tn-technical-article-v376 .tn-article-content--body :is(.wp-block-columns,.wp-block-column,.wp-block-group,figure,div) {min-width:0}
.tn-technical-article-v376 .tn-article-content--body :is(table,.wp-block-table) {max-width:100%}
.tn-technical-article-v376 .tn-article-content--body .wp-block-table {overflow-x:auto;-webkit-overflow-scrolling:touch}
.tn-technical-article-v376 .tn-article-content--body > table {overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:normal}
.tn-technical-article-v376 .tn-article-content--body [id] {scroll-margin-top:110px}
@media (max-width:600px) {
  .tn-technical-article-v376 .tn-inline-toc-collapsed > summary {padding:14px 16px;font-size:14px}
  .tn-technical-article-v376 .tn-inline-toc-content {padding:6px 15px 14px!important}
  .tn-technical-article-v376 .tn-article-content--body :is(table,.wp-block-table) {font-size:13px}
  .tn-technical-article-v376 .tn-article-content--body :is(pre,code) {overflow-wrap:anywhere}
}