/* Preserve the original brown header. Keep the original shield intact and use
   crisp live lettering for the adjacent university wordmark. */
.masthead-row .brand{display:flex;align-items:center;gap:12px;min-width:0;flex-shrink:0;max-width:400px;color:#fff8ed}
.masthead-row .brand img.university-logo{width:60px;height:60px;aspect-ratio:1;object-fit:contain;padding:3px;margin-block:8px;background:white;border-radius:5px;mix-blend-mode:normal;flex-shrink:0}
.brand-wordmark{display:block}.brand-wordmark strong,.rtl .brand-wordmark strong{display:block;font:700 24px/1.4 Almarai,Arial,sans-serif;letter-spacing:0;white-space:nowrap}.brand-wordmark small{display:block;font:400 10px/1.6 Almarai,Arial,sans-serif;letter-spacing:0;margin-top:3px;color:#fff3e1;white-space:normal}
@media(max-width:1100px){.masthead-row .brand{max-width:calc(100% - 75px)}}
@media(max-width:700px){.masthead-row .brand{gap:9px;max-width:calc(100% - 65px)}.masthead-row .brand img.university-logo{width:50px;height:50px;max-width:none;padding:2px;margin-block:8px}.brand-wordmark strong,.rtl .brand-wordmark strong{font-size:18px}.brand-wordmark small{font-size:8px;line-height:1.6;max-width:160px}.mobile-nav>summary{font-size:12px}}
@media(max-width:360px){.brand-wordmark strong,.rtl .brand-wordmark strong{font-size:16px}.masthead-row .brand img.university-logo{width:46px;height:46px}.brand-wordmark small{font-size:7px}}