/* mu Capital Management – site styles.
   Fonts: the brand fonts (Gill Sans MT, Calisto MT) are used when installed on the visitor's device;
   otherwise the self-hosted open fonts below take over, sized to match. */

@font-face{font-family:'Open Sans';src:url(/assets/fonts/open-sans-300.woff2) format('woff2');font-weight:300;font-style:normal;font-display:swap;size-adjust:85%}
@font-face{font-family:'Open Sans';src:url(/assets/fonts/open-sans-400.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap;size-adjust:85%}
@font-face{font-family:'Newsreader';src:url(/assets/fonts/newsreader-400.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap;size-adjust:102%}
@font-face{font-family:'Newsreader';src:url(/assets/fonts/newsreader-400-italic.woff2) format('woff2');font-weight:400;font-style:italic;font-display:swap;size-adjust:104%}

:root{color-scheme:light}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:#FFFFFF;color:#1C2433}

.mu-sans{font-family:'Gill Sans MT','Gill Sans','Gill Sans Nova','Open Sans',sans-serif}
.mu-light{font-family:'Gill Sans MT Light','Gill Sans','Gill Sans MT','Open Sans',sans-serif;font-weight:300}
.mu-serif{font-family:'Calisto MT','Newsreader',Georgia,serif}

/* Header: logo left, menu and button right; on phones the button stays next to the logo. */
.mu-hdr{padding-left:32px;padding-right:32px}
.mu-hdr-logo{margin-right:auto}
@media (max-width: 800px){
  .mu-hdr{padding-left:16px;padding-right:16px}
  .mu-hdr-cta{order:2}
  .mu-hdr-nav{order:3;flex-basis:100%}
}

a{color:#2950BC}
a:hover{opacity:0.82}
a:focus-visible,button:focus-visible{outline:2px solid #1C2433;outline-offset:2px;box-shadow:0 0 0 6px #FFD2A6}
input:focus,textarea:focus{outline:2px solid #2950BC;outline-offset:0}

/* Contact form: two columns of fields, one on phones. */
@media (max-width: 640px){.mu-fields{grid-template-columns:minmax(0,1fr) !important}}

/* Anchors land below the sticky header. */
main [id]{scroll-margin-top:100px}
@media (max-width: 800px){main [id]{scroll-margin-top:160px}}

@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}

/* "Skip to content" link, visible only when reached with the keyboard. */
.mu-skip{position:absolute;left:16px;top:-80px;z-index:30;padding:12px 18px;background:#1C2433;color:#FFFFFF;text-decoration:none}
.mu-skip:focus{top:16px}

[hidden]{display:none !important}
button[disabled]{opacity:0.6;cursor:progress}

/* Legal page: the contents list stays beside the text while scrolling, when both columns fit. */
@media (min-width: 960px){.mu-toc{position:sticky;top:112px;align-self:flex-start}}