/* Authentic screenshots, user-supplied Oct 30 2026. Presentation-only CSS. */
:root { --shot-border: #ffffff; }
.hero-product .authentic-shots { display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:18px; }
.hero-product .sidebar-proof,.hero-product .manager-proof {min-width:0;align-self:center;overflow:visible;}
.hero-product .sidebar-proof img,.hero-product .manager-proof img,
.extension-section figure img,.editorial-card .guide-cover img {
 display:block;box-sizing:border-box;border:5px solid var(--shot-border)!important;
 border-radius:18px!important;box-shadow:0 0 0 1px rgba(15,23,42,.14),0 12px 30px rgba(15,23,42,.12)!important;
 max-width:100%;object-fit:contain;background:#fff;
}
.hero-product .sidebar-proof img,.hero-product .manager-proof img {width:100%;height:auto;max-height:510px;object-fit:contain;}
.hero-product .manager-proof img {max-height:520px;}
.hero-product .sidebar-proof .screenshot-label {font-size:13px;line-height:1.35;}
.extension-section figure img {width:100%;height:auto;max-height:460px;object-fit:contain;margin-inline:auto;}
/* Keep all four editorial thumbnails visually balanced without cutting off screenshots. */
.editorial-card .guide-cover {display:flex;align-items:center;justify-content:center;padding:14px;overflow:hidden;min-height:210px;}
.editorial-card .guide-cover img {width:auto!important;height:195px!important;max-width:100%;object-fit:contain!important;object-position:center!important;}
@media(max-width:680px){
 .hero-product .authentic-shots {grid-template-columns:1fr 1fr;gap:10px;align-items:center;}
 .hero-product .sidebar-proof img,.hero-product .manager-proof img {border-width:3px!important;border-radius:12px!important;}
 .editorial-card .guide-cover img {height:170px!important;border-width:3px!important;}
}