/* Official HMD mark. The organisation is named by the adjacent header text. */
:is(#nm-approved,.hm-shell) header.nd-header {
  display:grid; grid-template-columns:46px minmax(0,1fr); grid-template-rows:auto auto;
  column-gap:12px; row-gap:0; align-items:center; align-content:center;
}
:is(#nm-approved,.hm-shell) header.nd-header::before {
  content:""; display:block; grid-column:1; grid-row:1 / 3; align-self:center;
  width:46px; height:46px; background:transparent url("hmd-znak.webp") center / contain no-repeat;
}
:is(#nm-approved,.hm-shell) header.nd-header > .nd-org {grid-column:2; grid-row:1; align-self:end;}
:is(#nm-approved,.hm-shell) header.nd-header > .nd-brand {grid-column:2; grid-row:2; align-self:start;}
@media(max-width:600px){
  :is(#nm-approved,.hm-shell) header.nd-header {grid-template-columns:38px minmax(0,1fr);column-gap:10px;}
  :is(#nm-approved,.hm-shell) header.nd-header::before {width:38px;height:38px;}
}

@media(max-width:480px){
  :is(#nm-approved,.hm-shell) header.nd-header > .nd-brand {font-size:clamp(19px, 5.8vw, 24px);line-height:1.15;}
}