/* One product lockup: the icon spans the name and its smaller endorsement. */
.product-identity{display:grid;grid-template-columns:40px max-content;column-gap:10px;align-items:center;min-width:0;width:max-content;max-width:100%}
body .product-identity>a:is(.brand,.cm-wordmark){grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:28px 24px;gap:0 10px;align-items:center;justify-items:start;margin:0;padding:0;min-height:52px;font:700 24px/28px var(--suite-font,'Source Sans 3','Segoe UI',sans-serif)!important;letter-spacing:-.025em;white-space:nowrap;text-decoration:none}
body .product-identity>a:is(.brand,.cm-wordmark)>.product-brand-icon{grid-column:1;grid-row:1/3;align-self:center;display:block;width:40px;height:40px;margin:0;padding:0;background:transparent;box-shadow:none;object-fit:contain}
body .product-identity>.product-endorsement{grid-column:2;grid-row:1;align-self:end;justify-self:start;position:relative;z-index:1;display:inline-flex;align-items:center;gap:5px;min-height:24px;margin:0;padding:0;font:400 16px/20px var(--suite-font,'Source Sans 3','Segoe UI',sans-serif);letter-spacing:normal;text-transform:none;color:inherit;text-decoration:none;white-space:nowrap}
body .product-identity>.product-endorsement>span{font:inherit;color:inherit;margin:0;padding:0}
body .product-identity>.product-endorsement>.mentem-endorsement-mark{display:block;width:16px;height:16px;flex:none;margin:0;padding:0}
.product-about{max-width:75ch;margin:2rem auto;font-size:18px;line-height:1.7}
.product-about h1{line-height:1.2}
.product-about-links{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}
.marketing-page .product-about{padding:0 20px;box-sizing:border-box}

.cm-public-footer .mentem-endorsement-mark path:first-child{fill:#fff}
.cm-public-footer .mentem-endorsement-mark path:last-child{fill:#80d8cb}
@media(max-width:600px){
 .product-identity{grid-template-columns:36px max-content;column-gap:8px}
 body .product-identity>a:is(.brand,.cm-wordmark){grid-template-columns:36px minmax(0,1fr);grid-template-rows:26px 24px;gap:0 8px;min-height:50px;font-size:22px!important;line-height:26px!important}
 body .product-identity>a:is(.brand,.cm-wordmark)>.product-brand-icon{width:36px;height:36px}
 body .product-identity>.product-endorsement{gap:4px;font-size:14px;line-height:20px}
 body .product-identity>.product-endorsement>.mentem-endorsement-mark{width:14px;height:14px}
}
