.blog-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.72fr);gap:clamp(38px,7vw,100px);align-items:center;padding:72px clamp(20px,7vw,110px);background:radial-gradient(circle at 85% 15%,#dff5ff 0,transparent 35%),linear-gradient(145deg,#f8fcfd,#edf8fb)}
.blog-hero-copy{max-width:860px}.blog-hero h1{margin:0;font:800 clamp(42px,5vw,70px)/1.04 "Manrope",sans-serif;letter-spacing:-.05em}.blog-lead{max-width:780px;margin:24px 0;color:var(--muted);font-size:19px}.blog-meta{display:flex;flex-wrap:wrap;gap:9px 18px;color:#557083;font-size:12px;font-weight:700}.blog-hero-media{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}.blog-hero-media img{width:100%;aspect-ratio:4/3;object-fit:cover}.blog-hero-media.product-cover img{padding:26px;object-fit:contain}

/* Keep portrait source media compact in the supplier-selection article hero. */
.blog-hero.compact-blog-hero{align-items:start;padding-top:54px;padding-bottom:54px}
.blog-hero.compact-blog-hero .blog-hero-media{width:100%;height:370px}
.blog-hero.compact-blog-hero .blog-hero-media img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center 34%}
.blog-layout{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,860px);gap:clamp(36px,6vw,80px);justify-content:center;padding:76px clamp(20px,7vw,110px)}.blog-toc{position:sticky;top:110px;align-self:start;padding:24px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 34px rgba(7,55,75,.07)}.blog-toc strong{display:block;margin-bottom:13px;font:800 18px/1.25 "Manrope",sans-serif}.blog-toc nav{display:grid;gap:7px}.blog-toc a{padding:8px 10px;color:#3d6173;border-radius:9px;font-size:13px;font-weight:700}.blog-toc a:hover,.blog-toc a:focus-visible{color:#087ead;background:#eaf7fc;outline:0}.blog-toc .button{margin-top:18px;color:#fff}
.blog-article{min-width:0}.blog-answer{margin-bottom:38px;padding:25px 27px;background:linear-gradient(145deg,#e9f8fe,#f7fcfe);border:1px solid #bce6f5;border-left:5px solid var(--blue);border-radius:18px}.blog-answer span{color:#087ead;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.blog-answer p{margin:9px 0 0;color:#193d50;font-size:17px;font-weight:600}.blog-article section{scroll-margin-top:120px;margin:0 0 48px}.blog-article h2{margin:0 0 17px;font:800 clamp(29px,3vw,40px)/1.15 "Manrope",sans-serif;letter-spacing:-.035em}.blog-article h3{margin:26px 0 8px;font:800 21px/1.28 "Manrope",sans-serif}.blog-article p,.blog-article li{color:#4f6877;font-size:16px}.blog-article a{color:#087ead;font-weight:800;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.blog-article ul,.blog-article ol{display:grid;gap:9px;padding-left:22px}.blog-checklist{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.blog-checklist div{padding:16px 17px;background:#f4f9fb;border:1px solid #d8e8ee;border-radius:13px}.blog-checklist strong{display:block;margin-bottom:4px;font-size:14px}.blog-checklist span{color:#607786;font-size:13px}.blog-note{margin:24px 0;padding:18px 20px;color:#315061;background:#f6fafb;border:1px solid var(--line);border-radius:14px;font-size:14px}.blog-table-wrap{overflow-x:auto;margin:22px 0;border:1px solid var(--line);border-radius:16px}.blog-table{width:100%;min-width:640px;border-collapse:collapse;background:#fff}.blog-table th,.blog-table td{padding:15px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:14px}.blog-table th{color:#17495e;background:#eaf7fb}.blog-table tr:last-child td{border-bottom:0}
.blog-faq{display:grid;gap:10px}.blog-faq details{padding:17px 19px;background:#fff;border:1px solid var(--line);border-radius:13px}.blog-faq summary{cursor:pointer;font-weight:800}.blog-faq p{margin:11px 0 0;font-size:14px}.blog-related{padding:70px clamp(20px,7vw,110px);background:#edf8fb}.blog-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1240px;margin:30px auto 0}.blog-related-card{display:flex;flex-direction:column;min-height:220px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:18px;transition:transform .2s,box-shadow .2s}.blog-related-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.blog-related-card span{color:#087ead;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.blog-related-card h3{margin:10px 0;font:800 20px/1.28 "Manrope",sans-serif}.blog-related-card p{color:var(--muted);font-size:13px}.blog-related-card strong{margin-top:auto;color:#087ead;font-size:13px}
.blog-figure{margin:28px 0 38px;overflow:hidden;background:linear-gradient(145deg,#f9fcfd,#edf8fb);border:1px solid var(--line);border-radius:20px;box-shadow:0 16px 38px rgba(7,55,75,.08)}.blog-figure img{display:block;width:100%;max-height:920px;padding:18px;object-fit:contain}.blog-figure figcaption{padding:14px 18px 17px;color:#557083;background:#fff;border-top:1px solid var(--line);font-size:13px}.blog-image-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0 38px}.blog-image-grid .blog-figure{margin:0}.blog-image-grid .blog-figure img{height:360px;padding:0;object-fit:cover}.blog-image-grid .blog-figure.product-evidence img{padding:18px;background:#fff;object-fit:contain}
@media(max-width:980px){.blog-hero{grid-template-columns:1fr}.blog-hero-media{max-width:760px}.blog-layout{grid-template-columns:1fr}.blog-toc{position:static}.blog-toc nav{display:flex;overflow-x:auto}.blog-toc a{flex:none}.blog-related-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.blog-hero{padding:54px 20px}.blog-hero h1{font-size:40px}.blog-lead{font-size:17px}.blog-layout{padding:56px 20px}.blog-checklist,.blog-image-grid{grid-template-columns:1fr}.blog-image-grid .blog-figure img{height:300px}.blog-figure img{padding:10px}.blog-related{padding:56px 20px}.blog-related-grid{grid-template-columns:1fr}}

@media(max-width:980px){.blog-hero.compact-blog-hero .blog-hero-media{width:100%;max-width:760px;height:360px}}
@media(max-width:680px){.blog-hero.compact-blog-hero{padding-top:42px;padding-bottom:42px}.blog-hero.compact-blog-hero .blog-hero-media{height:300px}}

/* Keep product-only blog covers compact so the hero copy does not sit below a tall empty panel. */
.blog-hero-media.product-cover{width:min(100%,460px);aspect-ratio:1/1;margin:0;justify-self:end}
.blog-hero-media.product-cover img{display:block;width:100%;height:100%;aspect-ratio:auto;padding:clamp(18px,2vw,30px);object-fit:contain}
@media(max-width:980px){.blog-hero-media.product-cover{width:min(100%,480px);justify-self:center}}
.blog-sources {
  margin: 42px 0;
  padding: 28px;
  border: 1px solid #cfe4ee;
  border-radius: 22px;
  background: linear-gradient(135deg, #f7fcfe, #edf8fc);
}

.blog-sources h2 {
  margin-top: 8px;
}

.blog-sources > p:not(.kicker),
.blog-sources small {
  color: #5b6e7a;
  line-height: 1.65;
}

.blog-sources ol {
  margin: 22px 0;
  padding-left: 22px;
}

.blog-sources li {
  margin: 0 0 16px;
  padding-left: 4px;
}

.blog-sources li a {
  display: inline-block;
  color: #007da9;
  font-weight: 800;
}

.blog-sources li span {
  display: block;
  margin-top: 4px;
  color: #5b6e7a;
  line-height: 1.55;
}