/* Brand Header Container */
.brand-header {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;        /* Wraps on smaller screens */
  padding: 10px 20px;
}

/* Brand Name Text */
.brand-logo {
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  font-weight: 700;
  white-space: nowrap;    /* Prevents text from breaking */
}

/* Logo Image — sits right next to brand name */
.brand-header img[alt="DigitStood Logo"] {
  width: 45px;            /* Adjust to match text height */
  height: 45px;
  object-fit: contain;
  border-radius: 6px;     /* Optional: softens edges */
  order: -1;              /* Moves image BEFORE the text, or remove this to keep it after */
}

/* Tagline paragraph */
.brand-header p {
  width: 100%;            /* Pushes tagline to its own line */
  margin: 4px 0 0 0;
  font-size: 0.85rem;
  color: #555;
}


/* Brand Header Container */
.brand-header {
  display: flex;
  flex-direction: column;   /* Stacks items vertically */
  align-items: center;      /* Centers everything horizontally */
  justify-content: center;  /* Centers vertically if height is set */
  text-align: center;
  padding: 20px;
  width: 100%;
}

/* Logo + Brand Name on the same row, centered */
.brand-top {
  display: flex;
  align-items: center;
  justify-content: center;  /* Centers the row itself */
  gap: 12px;
  margin-bottom: 8px;
}

/* Brand Name Text */
.brand-logo {
  font-size: 1.8rem;
  font-weight: 700;
  white-space: nowrap;
}

/* Logo Image */
.brand-top img[alt="DigitStood Logo"] {
  width: 50px;
  height: 50px;
  object-fit: contain;
  border-radius: 6px;
}

/* Tagline */
.brand-header p {
  margin: 0;
  font-size: 0.85rem;
  color: #555;
  text-align: center;
}

.curriculumguide{
  display: flex;
  gap: 20px;
}