:root{--resource-navy:#07182f;--resource-teal:#27c4c5;--resource-sky:#51acec;--resource-line:#d8e5e9;--resource-muted:#60758c}.resource-strip{padding:10px 24px;text-align:center;background:var(--resource-navy);color:#d8e9f6;font-size:14px}.resource-strip a{color:#37d5d0}.resource-header{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:104px;padding:20px clamp(24px,4vw,72px);border-bottom:1px solid var(--resource-line);background:#fff}.resource-header nav{display:flex;align-items:center;gap:32px}.resource-header nav a{color:var(--resource-navy);font-weight:750;text-decoration:none}.resource-menu{position:relative;padding:14px 0}.resource-menu>div{position:absolute;z-index:20;top:48px;left:-20px;display:none;min-width:190px;padding:9px;border:1px solid var(--resource-line);border-radius:12px;background:#fff;box-shadow:0 18px 45px #09203a1a}.resource-menu:hover>div,.resource-menu:focus-within>div{display:grid}.resource-menu>div a{padding:10px 12px;border-radius:8px}.resource-menu>div a:hover{background:#eafafa;color:#087f84}.resource-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);align-items:end;gap:60px;padding:80px clamp(24px,7vw,130px);background:linear-gradient(120deg,#f8fbfa 45%,#dffafa)}.resource-hero h1{margin:16px 0;font-size:clamp(48px,7vw,96px);line-height:.94;letter-spacing:-.055em;color:var(--resource-navy)}.resource-hero h1 em{font-family:Georgia,serif;font-weight:400;color:transparent;background:linear-gradient(90deg,var(--resource-teal),var(--resource-sky));background-clip:text}.resource-hero p{max-width:780px;font-size:20px;color:var(--resource-muted)}.resource-search{display:grid;gap:10px;padding:18px;border:1px solid var(--resource-line);border-radius:18px;background:#fff;box-shadow:0 22px 55px #0d345113}.resource-search input,.resource-search select,.sidebar-search input,[data-newsletter-form] input[type=email]{width:100%;padding:13px 14px;border:1px solid #cbdbe1;border-radius:9px;background:#fff}.resource-tabs{display:flex;justify-content:center;gap:8px;padding:30px 24px 0}.resource-tabs a{padding:10px 18px;border:1px solid var(--resource-line);border-radius:999px;color:var(--resource-navy);font-weight:750;text-decoration:none}.resource-tabs a.active,.resource-tabs a:hover{border-color:var(--resource-teal);background:#e7faf9;color:#087f84}.resource-list{padding:44px clamp(24px,7vw,130px) 90px}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.resource-card{overflow:hidden;border:1px solid var(--resource-line);border-radius:18px;background:#fff;box-shadow:0 12px 32px #15364b0a;transition:.2s ease}.resource-card:hover{transform:translateY(-5px);box-shadow:0 20px 44px #15364b18}.resource-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.resource-card>div{padding:22px}.resource-card small{color:#118e95;font-weight:800;letter-spacing:.04em}.resource-card h2{margin:10px 0;font-size:24px;line-height:1.2}.resource-card h2 a,.read-more{color:var(--resource-navy);text-decoration:none}.resource-card p{color:var(--resource-muted)}.read-more{font-weight:850}.resource-empty{grid-column:1/-1;padding:50px;text-align:center;border:1px dashed var(--resource-line);border-radius:18px}.resource-newsletter{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:65px clamp(24px,10vw,180px);background:var(--resource-navy);color:#fff}.resource-newsletter h2{font-size:44px}.resource-newsletter form{display:grid;gap:10px}.resource-newsletter label,[data-newsletter-form] label{display:flex;align-items:flex-start;gap:8px;font-size:13px}.resource-newsletter input[type=checkbox],[data-newsletter-form] input[type=checkbox]{margin-top:3px}.article-layout{display:grid;grid-template-columns:minmax(0,850px) 320px;align-items:start;justify-content:center;gap:36px;padding:55px 24px 100px}.resource-article{min-width:0}.breadcrumbs{margin-bottom:22px;color:#60758c;font-size:13px}.breadcrumbs a{color:#078b92}.resource-article h1{margin:10px 0;font-size:clamp(42px,6vw,70px);line-height:1.02;letter-spacing:-.045em;color:var(--resource-navy)}.article-meta{display:flex;flex-wrap:wrap;gap:9px 20px;margin:18px 0;color:#6c7f91;font-size:14px}.social-share{display:flex;align-items:center;gap:8px;margin:18px 0}.social-share a,.social-share button{display:grid;place-items:center;min-width:34px;height:34px;padding:0 10px;border:0;border-radius:7px;background:#0c345e;color:#fff;font-weight:800;text-decoration:none;cursor:pointer}.social-share button{background:#e6f4f5;color:#087f84}.article-featured{width:100%;max-height:560px;margin:22px 0;object-fit:cover;border-radius:18px}.article-toc{margin:24px 0;padding:20px;border:1px solid var(--resource-line);border-radius:13px;background:#f7fafc}.article-toc li{margin:8px 0}.article-toc a{color:#087f84}.article-body{font-size:18px;line-height:1.78;color:#253b53}.article-body h2,.article-body h3{scroll-margin-top:25px;color:var(--resource-navy);line-height:1.18}.article-body h2{margin:42px 0 14px;font-size:34px}.article-body h3{margin:28px 0 10px;font-size:25px}.article-body img{max-width:100%;height:auto;border-radius:12px}.article-body table{display:block;max-width:100%;overflow:auto;border-collapse:collapse}.article-body td,.article-body th{padding:10px;border:1px solid var(--resource-line)}.article-faq{margin-top:48px}.article-faq details{padding:17px 0;border-top:1px solid var(--resource-line)}.article-faq summary{font-weight:800;cursor:pointer}.article-cta{margin:50px 0;padding:34px;border-radius:18px;background:linear-gradient(135deg,var(--resource-navy),#123d58);color:#fff}.article-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.article-tags span{padding:6px 10px;border-radius:99px;background:#eaf3fb;color:#246092;font-size:13px}.article-sidebar{position:sticky;top:20px;display:grid;gap:18px}.article-sidebar>section,.sidebar-search{display:grid;gap:11px;padding:18px;border:1px solid var(--resource-line);border-radius:14px;background:#fff}.article-sidebar>section>a:not(.button){padding:7px 0;border-bottom:1px solid #e8eff2;color:#087f84;text-decoration:none}.sidebar-search{grid-template-columns:1fr auto}.sidebar-search button{padding:0 13px;border:0;border-radius:8px;background:linear-gradient(90deg,var(--resource-teal),var(--resource-sky));font-weight:800}.sidebar-demo{background:var(--resource-navy)!important;color:#fff}.pagination{display:flex;justify-content:center;gap:6px;margin-top:35px}
@media(max-width:980px){.resource-header nav{display:none}.resource-hero,.resource-newsletter,.article-layout{grid-template-columns:1fr}.article-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.resource-header{min-height:82px;padding:14px 20px}.resource-header>.button{display:none}.resource-hero{padding:55px 22px}.resource-hero h1{font-size:52px}.resource-tabs{justify-content:flex-start;overflow:auto}.resource-grid,.article-sidebar{grid-template-columns:1fr}.resource-list{padding:34px 20px 70px}.article-layout{padding:35px 18px 70px}.resource-article h1{font-size:42px}.resource-newsletter{padding:45px 22px}}
/* Ordered FAQ presentation shared by blog, news and case-study articles. */
.article-faq{counter-reset:article-faq}.article-faq details{counter-increment:article-faq}.article-faq summary{display:grid!important;grid-template-columns:48px 1fr;gap:12px;align-items:center}.article-faq summary:before{content:counter(article-faq,decimal-leading-zero);font-size:12px;letter-spacing:.1em;color:#0797a1}.article-faq details p{margin-left:60px}

/* v15 blog SEO, UX and conversion enhancement */
.reading-progress{position:fixed;top:0;left:0;right:0;z-index:200;height:4px;background:transparent}.reading-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--resource-teal),var(--resource-sky));box-shadow:0 0 18px rgba(39,196,197,.35)}
body[data-resource-detail] .article-layout{grid-template-columns:minmax(0,820px) 360px;gap:42px;padding-top:44px}.article-subtitle{max-width:740px;margin:16px 0 0;color:#58708a;font-size:clamp(17px,1.45vw,22px);line-height:1.55}.article-share-top{padding-bottom:8px}.article-featured{box-shadow:0 22px 60px rgba(7,24,47,.1)}
.article-toc{position:sticky;top:132px;z-index:4;margin:26px 0;padding:18px 20px;border:1px solid var(--resource-line);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 18px 42px rgba(7,24,47,.06);backdrop-filter:blur(10px)}.article-toc summary{cursor:pointer;font-weight:900;color:var(--resource-navy)}.article-toc ol{display:grid;gap:8px;margin:12px 0 0;padding-left:18px}.article-toc a{color:#087f84;text-decoration:none;font-weight:750}.article-toc a:hover{text-decoration:underline}
.article-inline-cta{margin:28px 0;padding:28px;border:1px solid #cfe8ec;border-radius:22px;background:radial-gradient(circle at 90% 20%,rgba(81,172,236,.22),transparent 32%),linear-gradient(135deg,#f4fffc,#edf7ff);box-shadow:0 18px 48px rgba(7,24,47,.07)}.article-inline-cta span,.article-section-head span,.related-products>span,.author-bio span{display:block;margin-bottom:8px;color:#008d95;font-size:10px;font-weight:900;letter-spacing:.16em}.article-inline-cta h2{margin:0 0 8px;color:var(--resource-navy);font-size:clamp(24px,2.3vw,34px);line-height:1.08}.article-inline-cta p{max-width:690px;color:#5d7389}.article-inline-cta .button{display:inline-flex;margin-top:8px}
.related-products{margin:26px 0;padding:22px;border-top:1px solid var(--resource-line);border-bottom:1px solid var(--resource-line)}.related-products>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.related-products a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border:1px solid #d8e8ed;border-radius:14px;background:#fff;color:var(--resource-navy);font-weight:850;text-decoration:none}.related-products a:hover{border-color:var(--resource-teal);background:#effdfb}.related-products b{color:#088c92}
.article-section-head{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;align-items:end;margin:44px 0 18px}.article-section-head h2{margin:0;color:var(--resource-navy);font-size:clamp(28px,3vw,42px);line-height:1.05;letter-spacing:-.035em}
.author-bio{display:grid;grid-template-columns:74px 1fr;gap:18px;align-items:center;margin:42px 0;padding:24px;border:1px solid var(--resource-line);border-radius:20px;background:#fff}.author-bio>div{width:74px;height:74px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,var(--resource-teal),var(--resource-sky));color:#fff;font-weight:950}.author-bio h2{margin:0 0 6px;color:var(--resource-navy);font-size:22px}.author-bio p{margin:0;color:#5d7389;line-height:1.6}
.related-articles{margin:44px 0}.related-articles>div:last-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.related-articles article{overflow:hidden;border:1px solid var(--resource-line);border-radius:18px;background:#fff;box-shadow:0 14px 34px rgba(7,24,47,.06)}.related-articles img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#eef8fa}.related-articles article>small,.related-articles article>h3,.related-articles article>p,.related-articles article>a{margin-left:18px;margin-right:18px}.related-articles small{display:block;margin-top:16px;color:#078b92;font-size:10px;font-weight:900}.related-articles h3{font-size:17px;line-height:1.25}.related-articles h3 a{color:var(--resource-navy);text-decoration:none}.related-articles p{display:-webkit-box;color:#5d7389;font-size:13px;line-height:1.5;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.related-articles article>a{display:inline-block;margin-bottom:18px;color:#087f84;font-weight:900;text-decoration:none}
.article-tags a{padding:6px 10px;border-radius:99px;background:#eaf3fb;color:#246092;font-size:13px;text-decoration:none}.article-tags a:hover{background:#dcf8f5;color:#087f84}
.sticky-lead-widget{position:sticky;top:132px;background:linear-gradient(145deg,var(--resource-navy),#123d58)!important;color:#fff!important}.sticky-lead-widget ul{display:grid;gap:8px;margin:8px 0 16px;padding:0;list-style:none}.sticky-lead-widget li:before{content:"✓";margin-right:8px;color:#50e2d6}.sticky-lead-widget .button{width:100%;justify-content:center}.floating-share{position:fixed;left:18px;top:42%;z-index:80;display:grid;gap:8px}.floating-share a,.floating-share button{width:40px;height:40px;border:0;border-radius:12px;display:grid;place-items:center;background:#0c345e;color:#fff;font-weight:900;text-decoration:none;box-shadow:0 12px 30px rgba(7,24,47,.12);cursor:pointer}.floating-share a:nth-child(2),.floating-share button{background:#e6f7f6;color:#087f84}
@media(max-width:980px){body[data-resource-detail] .article-layout{grid-template-columns:1fr}.article-toc,.sticky-lead-widget{position:static}.related-articles>div:last-child{grid-template-columns:1fr 1fr}.floating-share{display:none}}@media(max-width:650px){.article-section-head{grid-template-columns:1fr;gap:8px}.related-products>div,.related-articles>div:last-child{grid-template-columns:1fr}.author-bio{grid-template-columns:1fr}.article-inline-cta{padding:22px}.article-toc[open] ol{max-height:260px;overflow:auto}}

/* v15.1 brand social icons and resource stability polish */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.social-share a,.social-share button,.floating-share a,.floating-share button{font-size:0!important}.social-share svg,.floating-share svg{width:16px;height:16px;display:block;fill:currentColor}.social-share .share-linkedin,.floating-share .share-linkedin{background:#0a66c2!important;color:#fff!important}.social-share .share-x{background:#000!important;color:#fff!important}.social-share .share-facebook{background:#1877f2!important;color:#fff!important}.social-share .share-whatsapp,.floating-share .share-whatsapp{background:#25d366!important;color:#fff!important}.social-share .share-email{background:#344e6a!important;color:#fff!important}.social-share .share-reddit{background:#ff4500!important;color:#fff!important}.social-share .share-copy,.floating-share .share-copy,.floating-share button[data-social-share="copy"]{background:#e6f7f6!important;color:#087f84!important}.social-share .share-copy{display:flex!important;gap:8px!important;width:auto!important;min-width:92px!important;padding-inline:12px!important;font-size:13px!important}.social-share .share-copy svg{flex:0 0 15px}.social-share .share-copy span{font-size:13px!important;font-weight:850}.floating-share .share-copy,.floating-share button[data-social-share="copy"]{font-size:0!important}.floating-share button[data-social-share="copy"]::before{content:"";width:16px;height:16px;display:block;background:currentColor;clip-path:polygon(8% 0,70% 0,70% 12%,22% 12%,22% 72%,8% 72%,8% 0,30% 28%,92% 28%,92% 100%,30% 100%,30% 28%,42% 42%,42% 86%,80% 86%,80% 42%)}

/* v15.2 resource listing card frame and typography polish */
body[data-resource-list] .resource-hero{padding:58px clamp(24px,7vw,110px) 64px;gap:42px;align-items:center;background:linear-gradient(120deg,#f8fbfa 48%,#e4fbfb)}
body[data-resource-list] .resource-hero h1{font-size:clamp(44px,5.4vw,76px);line-height:.96;letter-spacing:-.045em}
body[data-resource-list] .resource-hero p{font-size:18px;line-height:1.55}
body[data-resource-list] .resource-search{max-width:420px;justify-self:end}
body[data-resource-list] .resource-tabs{padding-top:26px}
body[data-resource-list] .resource-list{padding-top:34px}
body[data-resource-list] .resource-grid{align-items:stretch}
body[data-resource-list] .resource-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #d7e6eb;border-radius:22px;background:#fff;box-shadow:0 18px 46px rgba(7,24,47,.08)}
body[data-resource-list] .resource-card>a:first-child{display:block;padding:10px 10px 0;background:#fff}
body[data-resource-list] .resource-card>a:first-child img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid #e1edf1;border-radius:16px;background:#eef8fa}
body[data-resource-list] .resource-card>div{display:flex;flex:1;flex-direction:column;padding:20px 22px 22px}
body[data-resource-list] .resource-card small{font-size:11px;line-height:1.4;color:#008d95}
body[data-resource-list] .resource-card h2{margin:10px 0 10px;font-size:clamp(20px,1.6vw,26px);line-height:1.15;letter-spacing:-.025em}
body[data-resource-list] .resource-card p{font-size:15px;line-height:1.55}
body[data-resource-list] .resource-card .read-more{margin-top:auto;padding-top:10px;color:#007f89}
@media(max-width:650px){body[data-resource-list] .resource-hero{padding:42px 20px 48px}body[data-resource-list] .resource-hero h1{font-size:44px}body[data-resource-list] .resource-search{justify-self:stretch;max-width:none}body[data-resource-list] .resource-card>div{padding:18px}}

/* v15.2 resource detail TOC: do not trap the page scroll */
body[data-resource-detail] .article-toc{
  position:relative!important;
  top:auto!important;
  z-index:1!important;
  max-height:none!important;
  overflow:visible!important;
  margin:18px 0 26px!important;
}
body[data-resource-detail] .article-toc[open] ol{
  max-height:260px;
  overflow:auto;
  padding-right:8px;
}
body[data-resource-detail] .article-toc summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
body[data-resource-detail] .article-toc summary:after{
  content:"Open";
  color:#087f84;
  font-size:12px;
  font-weight:900;
}
body[data-resource-detail] .article-toc[open] summary:after{content:"Close"}

/* v15.3 blog listing: full image fit, leaner fonts, less visual weight */
body[data-resource-list] .resource-hero{
  padding:46px clamp(22px,6vw,96px) 52px!important;
  gap:34px!important;
}
body[data-resource-list] .resource-hero h1{
  font-size:clamp(36px,4.6vw,62px)!important;
  line-height:.98!important;
}
body[data-resource-list] .resource-hero p{
  max-width:760px!important;
  font-size:16px!important;
  line-height:1.5!important;
}
body[data-resource-list] .resource-list{
  padding-top:28px!important;
}
body[data-resource-list] .resource-card{
  border-radius:20px!important;
}
body[data-resource-list] .resource-card>a:first-child{
  padding:0!important;
  overflow:hidden!important;
  border-radius:20px 20px 0 0!important;
  background:#fff!important;
}
body[data-resource-list] .resource-card>a:first-child img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  border:0!important;
  border-radius:20px 20px 0 0!important;
  background:#fff!important;
}
body[data-resource-list] .resource-card>div{
  padding:18px 20px 20px!important;
}
body[data-resource-list] .resource-card h2{
  font-size:clamp(18px,1.35vw,23px)!important;
  line-height:1.18!important;
}
body[data-resource-list] .resource-card p{
  font-size:14px!important;
  line-height:1.48!important;
}
body[data-resource-detail] .resource-article h1{
  font-size:clamp(36px,4.8vw,58px)!important;
  line-height:1.04!important;
}
body[data-resource-detail] .article-subtitle,
body[data-resource-detail] .article-body{
  font-size:16px!important;
}

/* v15.4: keep TOC visible and move related solutions to after article body */
body[data-resource-detail] .article-toc{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
body[data-resource-detail] .article-toc:not([open]){
  display:block!important;
}
body[data-resource-detail] .article-toc summary{
  pointer-events:none;
}
body[data-resource-detail] .article-toc h2{
  margin:0 0 14px!important;
  color:#07182f!important;
  font-size:20px!important;
  line-height:1.2!important;
}
body[data-resource-detail] .article-toc ol{
  display:grid!important;
  gap:10px!important;
  margin:0!important;
  padding-left:22px!important;
}
body[data-resource-detail] .article-toc li{
  margin:0!important;
}
body[data-resource-detail] .article-toc a{
  color:#087f84!important;
  font-weight:850!important;
  text-decoration:none!important;
}
body[data-resource-detail] .article-toc ol:empty:before{
  content:"Article overview";
  display:block;
  color:#087f84;
  font-weight:850;
}
body[data-resource-detail] .article-toc + .related-products:not(.related-products-after-body){
  display:none!important;
}
body[data-resource-detail] .article-share-bottom{
  margin-top:30px!important;
  padding-top:18px;
  border-top:1px solid #d8e5e9;
}
body[data-resource-detail] .author-bio-after-body{
  margin-top:22px!important;
}

/* v16.0: visible article links on published blog/resource pages */
body[data-resource-detail] .article-body a{
  color:#087f84!important;
  text-decoration:underline!important;
  text-decoration-thickness:2px!important;
  text-underline-offset:3px!important;
  font-weight:850!important;
}
body[data-resource-detail] .article-body a:hover{
  color:#07182f!important;
  background:#e7fbfa!important;
}

/* v18.1: blog/resource listing polish after global scale reduction */
body[data-resource-list] .resource-hero{
  min-height:0!important;
  padding:38px clamp(18px,5vw,82px) 44px!important;
}
body[data-resource-list] .resource-hero h1{
  font-size:clamp(32px,4vw,54px)!important;
  line-height:1!important;
}
body[data-resource-list] .resource-hero p{
  max-width:720px!important;
  font-size:14.5px!important;
}
body[data-resource-list] .resource-tabs{
  padding-top:22px!important;
  padding-bottom:8px!important;
}
body[data-resource-list] .resource-list{
  padding-top:22px!important;
}
body[data-resource-list] .resource-grid{
  gap:22px!important;
}
body[data-resource-list] .resource-card{
  min-width:0!important;
  overflow:hidden!important;
  border-radius:20px!important;
}
body[data-resource-list] .resource-card>a:first-child{
  display:block!important;
  width:100%!important;
  padding:0!important;
  margin:0!important;
  line-height:0!important;
  overflow:hidden!important;
  border-radius:20px 20px 0 0!important;
  background:#eef8fa!important;
}
body[data-resource-list] .resource-card>a:first-child img{
  display:block!important;
  width:100%!important;
  height:clamp(205px,20vw,285px)!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
  border:0!important;
  border-radius:0!important;
  background:#eef8fa!important;
}
body[data-resource-list] .resource-card>div{
  padding:18px 20px 21px!important;
}
body[data-resource-list] .resource-card small{
  font-size:10px!important;
  line-height:1.35!important;
}
body[data-resource-list] .resource-card h2{
  margin:9px 0!important;
  font-size:clamp(17px,1.22vw,21px)!important;
  line-height:1.18!important;
  letter-spacing:-.025em!important;
  display:-webkit-box!important;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden!important;
}
body[data-resource-list] .resource-card p{
  font-size:13.5px!important;
  line-height:1.48!important;
  display:-webkit-box!important;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden!important;
}
@media(max-width:650px){
  body[data-resource-list] .resource-hero{padding:34px 18px 38px!important}
  body[data-resource-list] .resource-hero h1{font-size:38px!important}
  body[data-resource-list] .resource-card>a:first-child img{height:auto!important;aspect-ratio:16/9!important}
}

/* v18.4: resource/blog listing image fit + no floating share rail on listing pages */
body[data-resource-list] .floating-share,
body[data-resource-list] .article-share-top,
body[data-resource-list] .article-share-bottom{
  display:none!important;
}
body[data-resource-list] .resource-hero{
  padding:32px clamp(18px,4.4vw,74px) 36px!important;
}
body[data-resource-list] .resource-hero h1{
  font-size:clamp(29px,3.45vw,46px)!important;
  letter-spacing:-.038em!important;
}
body[data-resource-list] .resource-hero p{
  font-size:13.5px!important;
  line-height:1.45!important;
}
body[data-resource-list] .resource-list{
  padding-top:18px!important;
}
body[data-resource-list] .resource-grid{
  width:min(1120px,calc(100% - 36px))!important;
  margin-inline:auto!important;
  gap:20px!important;
}
body[data-resource-list] .resource-card>a:first-child{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  border-radius:18px 18px 0 0!important;
  background:#eef8fa!important;
}
body[data-resource-list] .resource-card>a:first-child img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  border:0!important;
  border-radius:0!important;
  background:#eef8fa!important;
}
body[data-resource-list] .resource-card>div{
  padding:16px 18px 19px!important;
}
body[data-resource-list] .resource-card h2{
  font-size:clamp(16px,1.08vw,19px)!important;
  line-height:1.18!important;
  -webkit-line-clamp:3!important;
}
body[data-resource-list] .resource-card p{
  font-size:12.5px!important;
  line-height:1.45!important;
}
@media(max-width:760px){
  body[data-resource-list] .resource-grid{
    width:min(100% - 24px,560px)!important;
    grid-template-columns:1fr!important;
  }
  body[data-resource-list] .resource-card>a:first-child{
    aspect-ratio:16/9!important;
  }
}

/* v18.5: article detail image should show full artwork, not crop text/edges */
body[data-resource-detail] .article-featured{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:20px 0 26px!important;
  border:1px solid #d8e5e9!important;
  border-radius:18px!important;
  background:#eef8fa!important;
  box-shadow:0 18px 46px rgba(7,24,47,.08)!important;
}
body[data-resource-detail] .floating-share{
  left:clamp(8px,1vw,16px)!important;
  gap:7px!important;
}
body[data-resource-detail] .floating-share a,
body[data-resource-detail] .floating-share button{
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
}
@media(max-width:1180px){
  body[data-resource-detail] .floating-share{
    display:none!important;
  }
}
/* v22.2 resource media polish */
.resource-grid,.resource-list{overflow:visible}
.resource-card{overflow:hidden}
.resource-card>a:first-child{display:block;overflow:hidden}
.resource-card img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:16/9;
  object-fit:contain!important;
  object-position:center!important;
  background:#eef8fa!important;
}
.article-featured{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:16/9;
  object-fit:contain!important;
  object-position:center!important;
  background:#eef8fa!important;
}
