/* P22R2R2 · UI closure requested after production validation */
/* Homepage brand mirrors the Library visual scale: 42px icon + 40px wordmark. */
.site-header .brand{min-width:300px;gap:8px;flex:0 1 auto}
.site-header .brand .brand-icon{width:42px;height:42px;flex:0 0 42px;display:block;filter:drop-shadow(0 0 10px rgba(57,255,142,.16))}
.site-header .brand .brand-name{height:40px;width:auto;max-width:252px;display:block;object-fit:contain;filter:drop-shadow(0 0 10px rgba(57,255,142,.16))}
/* Login commercial actions: identical geometry and true centering for button + anchor. */
.login-actions-p22{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.login-actions-p22 .p22-login-action{box-sizing:border-box;width:100%;min-width:0;min-height:50px;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.2;padding:10px 8px;margin:0}
@media(max-width:680px){
  .site-header .brand{min-width:0;gap:6px;flex:1 1 auto}
  .site-header .brand .brand-icon{width:34px;height:34px;flex-basis:34px}
  .site-header .brand .brand-name{height:32px;max-width:min(202px,52vw)}
}
@media(max-width:460px){
  .login-actions-p22{grid-template-columns:1fr}
  .login-actions-p22>a{grid-column:auto}
}
@media(max-height:480px) and (orientation:landscape){
  .site-header .brand .brand-icon{width:32px;height:32px;flex-basis:32px}
  .site-header .brand .brand-name{height:30px;max-width:190px}
}