.seo-article-page{background:#f5f7f8;color:#173047;padding:128px 24px 80px;min-height:100vh}
.seo-article{max-width:1180px;margin:0 auto}
.article-breadcrumb{display:flex;gap:8px;align-items:center;font-size:.78rem;color:#66788a;margin-bottom:26px}.article-breadcrumb a{color:#007f69;text-decoration:none}.article-breadcrumb a:hover{text-decoration:underline}
.article-header{max-width:900px;padding-bottom:30px}.article-kicker{font-size:.75rem;font-weight:800;text-transform:uppercase;color:#008d73;margin-bottom:14px}.article-header h1{font-size:clamp(2rem,5vw,4rem);line-height:1.08;color:#082842;letter-spacing:0;margin:0 0 18px}.article-deck{max-width:790px;font-size:1.15rem;line-height:1.7;color:#506579;margin:0 0 20px}.article-byline{display:flex;flex-wrap:wrap;gap:9px 22px;color:#647486;font-size:.76rem}.article-byline strong{color:#173047}
.article-featured{margin:0 0 34px;background:#fff;border:1px solid #dce4e9;padding:10px}.article-featured img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.article-featured figcaption{font-size:.72rem;color:#687787;padding:8px 3px 1px}
.article-layout{display:grid;grid-template-columns:minmax(0,780px) minmax(220px,280px);gap:70px;align-items:start}.article-content{background:#fff;border:1px solid #dce4e9;padding:clamp(24px,5vw,52px);font-size:1rem;line-height:1.8}.article-content h1{font-size:2rem;color:#082842;margin:0 0 22px}.article-content h2{font-size:1.55rem;color:#082842;margin:42px 0 14px}.article-content h3{font-size:1.18rem;color:#173047;margin:28px 0 10px}.article-content p{margin:0 0 18px}.article-content ul,.article-content ol{margin:0 0 22px;padding-left:24px}.article-content li{margin-bottom:7px}.article-content a{color:#007f69;font-weight:600}.article-content blockquote,.article-content .callout{margin:24px 0;padding:16px 18px;border-left:4px solid #008d73;background:#eef8f5}.article-content table{width:100%;border-collapse:collapse;margin:24px 0;font-size:.88rem}.article-content th,.article-content td{padding:10px;border:1px solid #dce4e9;text-align:left}.article-content th{background:#eff4f6;color:#082842}.article-content img{max-width:100%;height:auto}
.article-aside{position:sticky;top:110px;border-top:4px solid #008d73;background:#fff;padding:20px;border-left:1px solid #dce4e9;border-right:1px solid #dce4e9;border-bottom:1px solid #dce4e9}.article-aside div{padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #e2e8ec}.article-aside span{display:block;font-size:.7rem;color:#738293;margin-bottom:4px}.article-aside strong{font-size:.85rem;color:#173047}.article-quote{display:block;padding:11px 12px;background:#063b69;color:#fff;text-align:center;text-decoration:none;font-size:.78rem;font-weight:800}
.article-sources,.article-related{margin-top:44px;padding-top:28px;border-top:1px solid #ccd8df}.article-sources h2,.article-related h2{font-size:1.35rem;color:#082842;margin:0 0 16px}.article-sources ol{padding-left:22px}.article-sources li{margin-bottom:9px;font-size:.8rem;color:#586b7d}.article-sources a{color:#007f69}.article-related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.article-related a{display:block;min-height:110px;padding:16px;background:#fff;border:1px solid #dce4e9;text-decoration:none}.article-related a:hover{border-color:#008d73}.article-related span{display:block;font-size:.67rem;color:#008d73;margin-bottom:8px}.article-related strong{font-size:.85rem;line-height:1.45;color:#173047}
@media(max-width:860px){.seo-article-page{padding:100px 14px 55px}.article-layout{grid-template-columns:1fr;gap:22px}.article-aside{position:static}.article-related>div{grid-template-columns:1fr}.article-content{padding:24px 18px}.article-header h1{font-size:2.25rem}}

/* Contextual internal links and product recommendations */
.article-aside{display:flex;flex-direction:column;gap:16px}.article-aside .article-fact{padding-bottom:14px;margin:0;border-bottom:1px solid #e2e8ec}.article-aside-news{display:grid;gap:10px}.article-aside-news h2{font-size:.9rem;color:#082842;margin:0 0 2px}.article-news-card,.article-aside-product{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;align-items:center;padding:8px;border:1px solid #e1e8ec;border-radius:9px;text-decoration:none;background:#fff;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.article-news-card:hover,.article-aside-product:hover{transform:translateY(-2px);border-color:#00a98f;box-shadow:0 8px 20px rgba(8,40,66,.09)}.article-news-card img,.article-aside-product img{display:block;width:72px;height:58px;object-fit:cover;border-radius:6px}.article-news-card span,.article-aside-product span{min-width:0;margin:0}.article-news-card small,.article-aside-product small{display:block;color:#008d73;font-size:.62rem;font-weight:800;margin-bottom:4px;text-transform:uppercase}.article-news-card strong,.article-aside-product strong{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.74rem;line-height:1.35;color:#173047}.article-quote{border-radius:7px;min-height:44px;display:flex;align-items:center;justify-content:center}
.article-products{margin-top:54px;padding-top:34px;border-top:1px solid #ccd8df}.article-products-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.article-products-heading span{display:block;color:#008d73;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.article-products-heading h2{color:#082842;font-size:clamp(1.45rem,3vw,2.1rem);margin:5px 0 0}.article-slider-controls{display:flex;gap:8px}.article-slider-controls button{width:44px;height:44px;border:1px solid #cbd7de;border-radius:50%;background:#fff;color:#082842;font-size:1.1rem;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.article-slider-controls button:hover{background:#063b69;color:#fff;transform:translateY(-1px)}.article-slider-controls button:disabled{opacity:.4;cursor:not-allowed;transform:none}.article-product-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,calc((100% - 36px)/4));gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 2px 18px;scrollbar-width:thin}.article-product-card{scroll-snap-align:start;background:#fff;border:1px solid #dce4e9;border-radius:12px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.article-product-card:hover{transform:translateY(-6px);border-color:#00a98f;box-shadow:0 16px 34px rgba(8,40,66,.13)}.article-product-card>a{height:100%;display:flex;flex-direction:column;color:inherit;text-decoration:none}.article-product-card img,.article-product-placeholder{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#f7f9fa;padding:12px;transition:transform .35s ease}.article-product-card:hover img{transform:scale(1.04)}.article-product-copy{display:flex;flex:1;flex-direction:column;padding:16px}.article-product-copy small{color:#008d73;font-size:.67rem;font-weight:800;text-transform:uppercase}.article-product-copy h3{font-size:.9rem;line-height:1.45;color:#173047;margin:7px 0 14px}.article-product-copy>strong{margin-top:auto;color:#082842;font-size:.9rem}.article-product-copy>span{display:flex;justify-content:space-between;align-items:center;margin-top:13px;color:#007f69;font-size:.76rem;font-weight:800}.news-detail-enhanced{max-width:1180px}.news-article-layout{margin-top:24px}.news-article-layout .article-content{padding:clamp(24px,4vw,38px)}
@media(max-width:1000px){.article-product-track{grid-auto-columns:minmax(250px,calc((100% - 24px)/3))}}
@media(max-width:860px){.article-aside{position:static}.article-product-track{grid-auto-columns:minmax(240px,82%)}.article-products-heading{align-items:center}.article-news-card,.article-aside-product{grid-template-columns:82px minmax(0,1fr)}.article-news-card img,.article-aside-product img{width:82px;height:64px}}
@media(prefers-reduced-motion:reduce){.article-product-track{scroll-behavior:auto}.article-news-card,.article-aside-product,.article-product-card,.article-product-card img,.article-slider-controls button{transition:none}.article-news-card:hover,.article-aside-product:hover,.article-product-card:hover,.article-product-card:hover img{transform:none}}

/* Recommendation media guardrails: keep cards stable even when a source
   image has unusually large intrinsic dimensions. */
.article-product-card img,
.article-product-placeholder {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  max-height: 260px;
}
.article-product-copy h3 {
  display: -webkit-box;
  min-height: 3.9em;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}