/* Symmetric, fixed header slots keep the title centered with or without Back. */
#modal>.modal-header{
  display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;
  position:relative;min-height:64px;padding:9px 12px;flex-shrink:0;
}
#modal>.modal-header>.modal-emblem{display:none}
#modal>.modal-header>.modal-title-group{grid-column:2;min-width:0;text-align:center}
#modal>.modal-header #modal-title{font-size:21px;line-height:1.2;margin:0;text-align:center;overflow-wrap:anywhere}
#modal>.modal-header #modal-back,#modal>.modal-header #close-modal{
  position:static;display:grid;place-items:center;flex:none;width:40px;height:40px;min-width:40px;min-height:40px;
  padding:0;margin:0;border:1px solid #5786af;border-radius:10px;background:linear-gradient(#315d83,#254568);
  color:#bde5fc;font-size:27px;line-height:1;align-self:center;justify-self:center;
}
#modal>.modal-header #modal-back{grid-column:1;grid-row:1;font-size:25px}
#modal>.modal-header #modal-back[hidden]{display:block!important;visibility:hidden;pointer-events:none}
#modal>.modal-header #close-modal{grid-column:3;grid-row:1}
#modal>.modal-header #modal-back:hover,#modal>.modal-header #close-modal:hover{background:#376489;color:#fff}
@media(max-width:800px),(pointer:coarse) and (max-height:500px){
  #modal>.modal-header{height:auto;min-height:calc(62px + env(safe-area-inset-top,0px));padding:calc(7px + env(safe-area-inset-top,0px)) 8px 7px;gap:6px;grid-template-columns:44px minmax(0,1fr) 44px}
  #modal>.modal-header #modal-back,#modal>.modal-header #close-modal{width:44px;height:44px;min-width:44px;min-height:44px}
  #modal>.modal-header #modal-title{font-size:19px}
}