/* Shared reading surfaces retain the approved solid text color. */
.destination-header .destination-header__intro,
.destination-header .field-enrollment-copy{font-family:"Avenir Next",Avenir,"Helvetica Neue",Helvetica,"Segoe UI",Arial,sans-serif;font-weight:400;color:#e0ddd4;text-wrap:pretty}
/* Equal minimum banner heights; longer copy may grow rather than being clipped. */
main > .destination-header{height:auto}
.article-body p,.field-origin p,.resource-quote blockquote p{text-wrap:pretty}
@media screen{
body:not(.homepage) .site-header{font-family:"Avenir Next",Avenir,"Helvetica Neue",Helvetica,"Segoe UI",Arial,sans-serif;gap:24px}
body:not(.homepage) .site-header nav{display:flex;gap:22px}
body:not(.homepage) .site-header nav a{display:inline;font-size:14px;font-weight:600}
body:not(.homepage) .site-header .system{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(155deg,#fff,#fffdf8 60%,#ffecd7);color:#a84212;border:1.5px solid #f28c2880;border-radius:8px;padding:12px 18px;font-size:14px;font-weight:600}
}
@media screen and (max-width:1100px){
body:not(.homepage) .site-header{height:auto;min-height:86px;flex-wrap:wrap;gap:12px 16px;padding:12px 20px}
body:not(.homepage) .site-header .brand{order:0}
body:not(.homepage) .site-header .system{order:1;margin-left:auto}
body:not(.homepage) .site-header nav{order:2;width:100%;margin:0;justify-content:flex-start;flex-wrap:wrap;gap:10px 20px}
body:not(.homepage) .site-header nav a{font-size:13px}
}

/* Match the homepage header and logo when moving between desktop pages. */
@media screen and (min-width:1101px){
body:not(.homepage) .site-header{height:64px;min-height:64px;padding-inline:max(20px,calc((100vw - 1180px)/2))}
body:not(.homepage) .site-header .brand img{height:34px;width:auto}
}