/* The generated book emblem follows the active palette through its alpha mask. */
.brand{gap:.625rem}
.brand .brand-mark{
  display:block;
  width:3.25rem;
  height:3.25rem;
  flex:0 0 3.25rem;
  background-color:currentColor;
  -webkit-mask:url('/icons/sakinah-book-mark.png') center / contain no-repeat;
  mask:url('/icons/sakinah-book-mark.png') center / contain no-repeat;
}
.brand-wordmark{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  white-space:nowrap;
}
.brand .brand-name{
  font-size:2rem;
  font-weight:400;
  line-height:1.4;
}
.brand .brand-description{
  display:block;
  font-size:.875rem;
  line-height:1.5;
  border:0;
  padding:0;
  margin:0;
  color:var(--muted);
}
@media(max-width:600px){
  .brand{gap:.375rem}
  .brand .brand-mark{width:2.75rem;height:2.75rem;flex-basis:2.75rem}
  .brand .brand-name{font-size:1.75rem}
}
@media(forced-colors:active){
  .brand .brand-mark{background-color:CanvasText;forced-color-adjust:none}
}