/* V22 is for ordinary UI branding; natural-surface quality marks stay unchanged. */
.brand-rotor img{object-fit:contain}
.admin-brand img{filter:none;mix-blend-mode:normal;object-fit:contain}

/* Size the complete V22 mark as a brand, rather than a small legacy icon. */
.test-masthead{padding:16px 32px}
.test-masthead .test-logo{min-width:0;gap:20px;font-size:20px;line-height:1.2}
.test-masthead .test-logo img{width:128px;height:128px;flex:0 0 128px;object-fit:contain}
.test-masthead .test-logo>span{min-width:0}
.test-masthead .test-logo small{font-size:14px;line-height:1.35;font-weight:500;margin-top:6px}

@media(min-width:901px){
  .site>.masthead,body.desktop-book .site>.masthead{height:160px;min-height:160px;padding-block:16px}
  .site>.masthead>.brand,body.desktop-book .site>.masthead>.brand{gap:16px;font-size:22px;line-height:1.15;min-width:0}
  .site>.masthead .brand-mark,body.desktop-book .site>.masthead .brand-mark{width:128px;height:128px;flex:0 0 128px}
  .site>.masthead .brand>span:last-child{min-width:0}
  .site>.masthead .brand small,body.desktop-book .site>.masthead .brand small{font-size:14px;line-height:1.3;margin-top:6px}
  .site>.masthead .header-product-line{font-size:12px;line-height:1.35;margin-top:5px}
}

/* A vertical lockup fits the sidebar without shrinking the detailed mark. */
.sidebar .admin-brand{flex-direction:column;align-items:flex-start;gap:10px;font-size:14px;line-height:1.2}
.sidebar .admin-brand img{width:120px;height:120px;flex:0 0 120px;object-fit:contain}
.sidebar .admin-brand small{font-size:11px;line-height:1.3;margin-top:4px}
.sidebar .admin-brand+nav{margin-top:22px}

@media(max-width:900px){
  .mobile-home .mobile-home-brand{gap:10px;align-items:center;padding:10px 12px 20px}
  .mobile-home .mobile-home-brand img{width:72px;height:72px;flex:0 0 72px;object-fit:contain}
  .mobile-home .mobile-home-brand>div{min-width:0}
  .mobile-home .mobile-home-brand strong{font-size:20px;line-height:1.2;letter-spacing:0}
  .mobile-home .mobile-home-brand span{font-size:11px;line-height:1.35;max-width:240px}
  body:not([data-view="home"]) .site>.masthead>.brand{align-items:center;gap:10px;font-size:20px;line-height:1.2;padding:10px 12px 65px}
  body:not([data-view="home"]) .site>.masthead .brand-mark{width:72px;height:72px;flex:0 0 72px}
  body:not([data-view="home"]) .site>.masthead .header-product-line{font-size:11px;line-height:1.35;max-width:240px}
}
@media(max-width:700px){
  .test-masthead{padding:14px 17px;gap:12px}
  .test-masthead .test-logo{font-size:14px;gap:10px}
  .test-masthead .test-logo img{width:72px;height:72px;flex-basis:72px}
  .test-masthead .test-logo small{font-size:11px;line-height:1.3;max-width:130px;margin-top:5px}
  .test-masthead nav{flex:none}
}
@media(max-width:760px){
  .sidebar .admin-brand{flex-direction:row;align-items:center;gap:14px}
  .sidebar .admin-brand img{width:72px;height:72px;flex-basis:72px}
}
@media(max-width:360px){
  .test-masthead{padding-inline:12px;gap:10px}
  .test-masthead .test-logo{font-size:13px;gap:8px}
  .mobile-home .mobile-home-brand strong,body:not([data-view="home"]) .site>.masthead>.brand{font-size:19px}
}