/* UAMH site header — mirrors www.uamh.ca, fully self-contained and scoped under
   #uamh-siteheader so it can't collide with SequenceServer's Bootstrap/Tailwind
   (both use .container/.nav-item/.nav-link). Fonts + brand images load from
   www.uamh.ca (absolute URLs) since this is served from blast.uamh.ca. */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/inter/inter-latin-400-normal.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/inter/inter-latin-500-normal.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/inter/inter-latin-600-normal.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/inter/inter-latin-700-normal.woff2') format('woff2');}

#uamh-siteheader{
  --uoft-blue:#1E3765; --uoft-blue-hover:#2B477A;
  --teal:#007FA3; --teal-hover:#00647F; --teal-light:#6FC7EA;
  --ink:#1A2331; --gray-600:#55606E; --gray-300:#D0D1C9; --surface:#F5F6F7;
  --font-sans:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --space-2:8px; --space-4:16px; --space-5:24px; --radius:8px;
  font-family:var(--font-sans);
  /* Match the main site's body smoothing so nav text renders at the same
     apparent weight (default subpixel smoothing looks heavier). */
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  /* Match the site's base line-height (uamh.css body is 1.6); SequenceServer's
     base is 1.5, which made the utility bar a hair shorter/mismatched. */
  line-height:1.6;
}
#uamh-siteheader *,#uamh-siteheader *::before,#uamh-siteheader *::after{box-sizing:border-box;}
/* Shared page shell — matches the main site's content width (--container 1120px)
   so the whole BLAST page is the same width as the rest of www.uamh.ca.
   Unique class name, safe to define globally. */
.uamh-shell{width:100%;max-width:1120px;margin:0 auto;padding:0 24px;}
/* Constrain SequenceServer's content mount (#view, used by both the search form
   and the results report) to the same 1120px so it lines up with header/footer. */
#view{max-width:1120px;margin-left:auto;margin-right:auto;}
#uamh-siteheader img{max-width:100%;height:auto;}
#uamh-siteheader :focus-visible{outline:3px solid var(--teal-light);outline-offset:2px;}

/* utility bar */
#uamh-siteheader .utility-bar{background:var(--surface);border-bottom:1px solid var(--gray-300);font-size:13px;}
#uamh-siteheader .utility-bar .uamh-shell{display:flex;justify-content:flex-end;gap:var(--space-4);padding-top:6px;padding-bottom:6px;}
#uamh-siteheader .utility-bar a{color:var(--gray-600);text-decoration:none;}
#uamh-siteheader .utility-bar a:hover{color:var(--teal);text-decoration:underline;}

/* header shell */
#uamh-siteheader .site-header{background:var(--uoft-blue);color:#fff;border-bottom:4px solid var(--teal);}
#uamh-siteheader .site-header .uamh-shell{display:flex;align-items:center;gap:var(--space-4);min-height:64px;}

/* brand lockup: crest | divider | UAMH icon + wordmark */
#uamh-siteheader .site-brand{display:flex;align-items:flex-end;gap:16px;color:#fff;text-decoration:none;margin-right:auto;padding:var(--space-2) 0;}
#uamh-siteheader .site-brand > a{display:block;line-height:0;flex:none;text-decoration:none;}
/* .site-brand qualifier needed so this beats `.site-brand > a{display:block}`
   above (matches the specificity relationship on www.uamh.ca). */
#uamh-siteheader .site-brand .brand-home{display:flex;align-items:flex-end;gap:8px;line-height:0;}
#uamh-siteheader .brand-icon{height:37px;width:auto;flex:none;display:block;}
#uamh-siteheader .brand-logo{height:46px;width:auto;flex:none;display:block;}
#uamh-siteheader .brand-divider{flex:none;height:46px;width:1px;display:block;}
@media(min-resolution:2dppx){#uamh-siteheader .brand-divider{width:.5px;}}
#uamh-siteheader .brand-wordmark{flex:none;display:block;line-height:0;}
#uamh-siteheader .brand-wordmark img{height:46px;width:auto;display:block;}
@media(max-width:560px){#uamh-siteheader .site-brand{gap:12px;}}
@media(max-width:359px){#uamh-siteheader .brand-icon{display:none;}}
@media(max-width:430px){
  #uamh-siteheader .site-brand{gap:9px;}
  #uamh-siteheader .brand-logo,#uamh-siteheader .brand-divider,#uamh-siteheader .brand-wordmark img{height:40px;}
  #uamh-siteheader .brand-icon{height:32px;}
  #uamh-siteheader .brand-home{gap:6px;}
  #uamh-siteheader .site-header .uamh-shell{column-gap:8px;}
}

/* nav */
#uamh-siteheader .site-nav{display:flex;}
#uamh-siteheader .nav-list{list-style:none;margin:0;padding:0;display:flex;align-items:stretch;gap:2px;}
#uamh-siteheader .nav-item{position:relative;display:flex;}
#uamh-siteheader .nav-link,#uamh-siteheader .nav-top{
  color:#dfe6f2;text-decoration:none;font-size:15px;font-weight:500;font-family:inherit;
  background:none;border:0;cursor:pointer;padding:20px 14px;display:inline-flex;align-items:center;gap:6px;line-height:1;}
#uamh-siteheader .nav-link:hover,#uamh-siteheader .nav-top:hover{background:var(--uoft-blue-hover);color:#fff;}
#uamh-siteheader .nav-link:visited{color:#dfe6f2;}
#uamh-siteheader .nav-link[aria-current="page"],#uamh-siteheader .nav-item.is-active > .nav-top{color:#fff;box-shadow:inset 0 -3px 0 var(--teal-light);}
#uamh-siteheader .caret{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;transition:transform .15s;}
#uamh-siteheader .nav-item.is-open .caret{transform:rotate(180deg);}

/* submenu */
#uamh-siteheader .submenu{list-style:none;margin:0;padding:6px 0;position:absolute;top:100%;left:0;z-index:120;min-width:230px;background:#fff;border:1px solid var(--gray-300);border-radius:0 0 var(--radius) var(--radius);box-shadow:0 8px 24px rgba(30,55,101,.15);display:none;}
#uamh-siteheader .nav-item:hover > .submenu,#uamh-siteheader .nav-item:focus-within > .submenu,#uamh-siteheader .nav-item.is-open > .submenu{display:block;}
#uamh-siteheader .submenu a{display:flex;align-items:center;gap:6px;justify-content:space-between;padding:9px 16px;color:var(--ink);text-decoration:none;font-size:15px;}
#uamh-siteheader .submenu a:hover,#uamh-siteheader .submenu a:focus{background:var(--surface);color:var(--teal-hover);}
#uamh-siteheader .submenu a[aria-current="page"]{color:var(--teal-hover);font-weight:500;box-shadow:inset 3px 0 0 var(--teal-light);}
#uamh-siteheader .submenu a .ext{font-size:12px;color:var(--gray-600);}

/* mobile toggle */
#uamh-siteheader .nav-toggle{display:none;background:none;border:1px solid rgba(255,255,255,.35);color:#fff;font-size:20px;line-height:1;cursor:pointer;padding:8px 10px;border-radius:var(--radius);}

/* header website search: magnifier toggles a popover that runs a Google
   site:uamh.ca search of the main site */
#uamh-siteheader .nav-search{position:relative;display:flex;align-items:center;}
#uamh-siteheader .nav-search-toggle{background:none;border:0;color:#dfe6f2;cursor:pointer;padding:20px 12px;display:inline-flex;align-items:center;line-height:0;}
#uamh-siteheader .nav-search-toggle:hover,#uamh-siteheader .nav-search.is-open .nav-search-toggle{background:var(--uoft-blue-hover);color:#fff;}
#uamh-siteheader .nav-search-toggle:focus-visible{outline:3px solid var(--teal-light);outline-offset:-3px;}
#uamh-siteheader .nav-search-form{display:none;position:absolute;top:100%;right:0;z-index:130;width:320px;background:#fff;border:1px solid var(--gray-300);border-radius:0 0 var(--radius) var(--radius);box-shadow:0 8px 24px rgba(30,55,101,.15);padding:10px;gap:6px;align-items:center;}
#uamh-siteheader .nav-search.is-open .nav-search-form{display:flex;}
#uamh-siteheader .nav-search-input{flex:1 1 auto;border:1px solid var(--gray-300);border-radius:var(--radius);padding:8px 10px;font:inherit;font-size:15px;width:auto;color:var(--ink);background:#fff;}
#uamh-siteheader .nav-search-input:focus{outline:2px solid var(--teal-light);outline-offset:1px;}
#uamh-siteheader .nav-search-submit{background:var(--teal);border:0;color:#fff;border-radius:var(--radius);padding:8px 10px;cursor:pointer;display:inline-flex;align-items:center;line-height:0;}
#uamh-siteheader .nav-search-submit:hover{background:var(--teal-hover);}

@media(max-width:1060px){
  #uamh-siteheader .nav-toggle{display:block;}
  #uamh-siteheader .site-header .uamh-shell{flex-wrap:wrap;min-height:56px;}
  #uamh-siteheader .site-nav{flex-basis:100%;display:none;}
  #uamh-siteheader .site-nav.is-open{display:block;}
  #uamh-siteheader .nav-list{flex-direction:column;align-items:stretch;gap:0;padding-bottom:var(--space-2);}
  #uamh-siteheader .nav-item{flex-direction:column;}
  #uamh-siteheader .nav-link,#uamh-siteheader .nav-top{padding:13px 8px;border-top:1px solid var(--uoft-blue-hover);width:100%;justify-content:space-between;}
  #uamh-siteheader .nav-link[aria-current="page"],#uamh-siteheader .nav-item.is-active > .nav-top{box-shadow:inset 3px 0 0 var(--teal-light);}
  #uamh-siteheader .submenu{position:static;display:none;min-width:0;border:0;border-radius:0;box-shadow:none;background:var(--uoft-blue-hover);padding:0;}
  #uamh-siteheader .nav-item:hover > .submenu,#uamh-siteheader .nav-item:focus-within > .submenu{display:none;}
  #uamh-siteheader .nav-item.is-open > .submenu{display:block;}
  #uamh-siteheader .submenu a{color:#dfe6f2;padding-left:24px;border-top:1px solid rgba(255,255,255,.08);}
  #uamh-siteheader .submenu a:hover,#uamh-siteheader .submenu a:focus{background:rgba(255,255,255,.06);color:#fff;}
  /* header search becomes a full-width box inside the open hamburger menu */
  #uamh-siteheader .nav-search{display:block;border-top:1px solid var(--uoft-blue-hover);}
  #uamh-siteheader .nav-search-toggle{display:none;}
  #uamh-siteheader .nav-search-form{display:flex;position:static;width:auto;box-shadow:none;border:0;border-radius:0;background:transparent;padding:12px 8px;}
  #uamh-siteheader .nav-search-input{flex:1 1 auto;width:auto;}
}

/* =============================================================================
   SITE FOOTER — mirrors www.uamh.ca, scoped under #uamh-sitefooter
   ========================================================================== */
#uamh-sitefooter{
  --uoft-blue:#1E3765; --teal-light:#6FC7EA;
  --font-sans:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  font-family:var(--font-sans);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  line-height:1.6;
}
#uamh-sitefooter *,#uamh-sitefooter *::before,#uamh-sitefooter *::after{box-sizing:border-box;}
#uamh-sitefooter .site-footer{background:var(--uoft-blue);color:#c5d0e2;margin-top:48px;padding:24px 0;font-size:14px;}
#uamh-sitefooter .footer-inner{display:flex;flex-wrap:wrap;gap:16px 32px;justify-content:space-between;align-items:center;}
#uamh-sitefooter img{max-width:100%;height:auto;}
#uamh-sitefooter a{color:#fff;text-decoration:none;}
#uamh-sitefooter a:hover{text-decoration:underline;}
#uamh-sitefooter :focus-visible{outline:3px solid var(--teal-light);outline-offset:2px;}
#uamh-sitefooter .footer-logo{display:inline-flex;flex:none;}
#uamh-sitefooter .footer-logo img{height:68px;width:auto;display:block;}
#uamh-sitefooter .footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:5px;text-align:right;}
#uamh-sitefooter .footer-right > *{display:flex;align-items:center;min-height:20px;line-height:1.2;margin:0;}
#uamh-sitefooter nav{display:flex;gap:16px;flex-wrap:wrap;justify-content:flex-end;}
@media(max-width:560px){
  #uamh-sitefooter .footer-inner{flex-direction:column;align-items:center;gap:16px;}
  #uamh-sitefooter .footer-right{align-items:center;text-align:center;}
  #uamh-sitefooter nav{justify-content:center;}
  #uamh-sitefooter .footer-logo img{height:60px;}
}
