@font-face {
  font-family:"MAS Brand Montserrat";font-style:normal;font-weight:600;font-display:swap;
  src:url("/assets/fonts/mas-brand-montserrat-600.ttf") format("truetype");
}
/* Approved B lockup, reproduced without viewport-dependent brand proportions. */
:root { --mas-brand-width:170px; --mas-brand-height:34px; }
.mas-brand { display:inline-flex;align-items:center;gap:8px;width:var(--mas-brand-width);height:var(--mas-brand-height);flex:0 0 auto;vertical-align:middle;text-align:left;color:#1B4F82;font-family:"Noto Sans TC",system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1;letter-spacing:normal; }
.mas-brand > .mas-brand-icon { display:block;width:48px;height:34px;max-width:none;max-height:none;flex:0 0 48px;object-fit:contain;margin:0;border:0;filter:drop-shadow(0 0 3px rgba(0,210,255,.35)) drop-shadow(0 0 5px rgba(107,17,255,.2)); }
.mas-brand > .mas-brand-type { display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;min-width:0; }
.mas-brand .mas-brand-en { display:block;color:#1B4F82;font-family:"MAS Brand Montserrat",Arial,sans-serif;font-size:14px;font-weight:600;line-height:1.1;letter-spacing:1px;white-space:nowrap; }
.mas-brand .mas-brand-zh { display:block;color:#1B4F82;font-size:12px;font-weight:600;line-height:1.1;letter-spacing:.4px;white-space:nowrap; }
a:has(> .mas-brand) { flex-shrink:0;text-decoration:none; }
a:has(> .mas-brand):focus-visible { outline:3px solid #2167d1;outline-offset:5px;border-radius:5px; }
:is(.nav,.workspace-nav,.directory-header,.supplier-search-header) { box-sizing:border-box;min-height:76px;height:auto;padding-block:12px;align-items:center; }
@media(max-width:820px) { :is(.nav,.workspace-nav,.directory-header,.supplier-search-header) { min-height:64px;padding-block:10px; } }

/* The public navigation brand was undersized beside its direct login links. */
.nav .mas-brand { --mas-brand-width:196px; --mas-brand-height:40px; gap:8px; }
.nav .mas-brand > .mas-brand-icon { width:56px; height:40px; flex-basis:56px; }
.nav .mas-brand .mas-brand-en { font-size:16px; }
.nav .mas-brand .mas-brand-zh { font-size:14px; }
@media(max-width:820px) {
  .nav .mas-brand { --mas-brand-width:184px; --mas-brand-height:38px; gap:7px; }
  .nav .mas-brand > .mas-brand-icon { width:52px; height:37px; flex-basis:52px; }
}

/* The logo PNG already contains its glow; avoid filtering the offscreen footer copy in iOS WebKit. */
.footer .mas-brand > .mas-brand-icon { filter:none; }