/* Shared visual system: authentic UI screenshots (not brand marks or video thumbnails). */
:root{--topiarly-screenshot-radius:18px}
.hero-product .sidebar-proof img,
.hero-product .manager-proof img,
.extension-section figure>img,
.walkthrough-feature-image,
.editorial-card .guide-cover img,
.workflow-visual img,
.article-body img:not(.brand-logo):not(.article-logo),
.article-content img:not(.brand-logo):not(.article-logo),
.blog-article img:not(.brand-logo):not(.article-logo),
.post-content img:not(.brand-logo):not(.article-logo){
  border:5px solid #fff!important;
  border-radius:var(--topiarly-screenshot-radius)!important;
  box-shadow:0 0 0 1px #d1dae6,0 10px 25px rgba(16,26,53,.16)!important;
  box-sizing:border-box!important;
  object-fit:contain!important;
}
.editorial-card .guide-cover img{max-height:100%!important;width:auto!important;max-width:100%!important}
.editorial-card .guide-cover{padding:13px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.workflow-visual img{max-width:100%!important;height:auto!important}
.hero-product .sidebar-proof img,.hero-product .manager-proof img{height:auto!important;max-height:none!important}
.walkthrough-feature-image{max-width:100%!important;height:auto!important}
.extension-section figure>img{max-width:100%!important;height:auto!important}
/* Consistent logo proportions in header and footer on every page. */
.premium-header .official-brand,.premium-footer .official-brand,
.footer-top .official-brand{width:156px!important;height:52px!important;min-width:156px!important;
  box-sizing:border-box!important;padding:3px 9px!important;border-radius:7px!important}
.premium-header .official-brand img,.premium-footer .official-brand img,
.footer-top .official-brand img{width:100%!important;height:100%!important;
  max-width:100%!important;max-height:100%!important;object-fit:contain!important}
/* Reduce wasted vertical space in the guides landing. */
.guide-layout{padding-top:20px!important}
.guide-layout .guide-index-intro{margin-bottom:12px!important;padding-bottom:18px!important}
.guide-layout .guide-index-intro+section{margin-top:0!important}
.guide-layout .index-category{margin-top:32px!important}
@media(max-width:760px){
  .premium-header .official-brand,.premium-footer .official-brand,.footer-top .official-brand{
    width:138px!important;height:47px!important;min-width:138px!important}
  .editorial-card .guide-cover img{border-width:4px!important;border-radius:13px!important}
}