html{background:#39352e}body:not(.beaux-material-index){background:#39352e!important}body:not(.beaux-material-index) .subpage-header{grid-template-columns:auto 1fr;gap:36px}body:not(.beaux-material-index) .subpage-header nav{justify-self:end;display:flex;align-items:center;gap:clamp(16px,2.2vw,34px);font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}body:not(.beaux-material-index) .subpage-header nav a{opacity:1}body:not(.beaux-material-index) .subpage-header nav a:hover{opacity:.65}body:not(.beaux-material-index) .subpage-header .nav-pending{opacity:.48;cursor:default}footer.subpage-footer{display:flex!important;align-items:center!important;justify-content:center!important;padding:18px 28px 20px!important;background:#39352e!important;color:rgb(255 255 255/.76)!important;border-top:1px solid rgb(255 255 255/.35)!important}footer.subpage-footer nav{display:flex!important;align-items:center!important;flex-wrap:wrap!important;justify-content:center!important;gap:9px!important;font:700 8px/normal Arial,Helvetica,sans-serif!important;letter-spacing:.15em!important;text-transform:uppercase!important}footer.subpage-footer nav a{color:inherit!important;text-decoration:none!important}footer.subpage-footer nav a:hover{color:#fff!important}footer.subpage-footer nav i{display:inline!important;font-style:normal!important;opacity:.5!important}@media(max-width:760px){body:not(.beaux-material-index) .subpage-header{grid-template-columns:1fr;padding:20px 20px 17px;gap:17px}body:not(.beaux-material-index) .subpage-header nav{grid-column:1;justify-self:stretch;justify-content:space-between;gap:12px;font-size:8px;white-space:nowrap}footer.subpage-footer{padding:18px 18px 20px!important;text-align:center}footer.subpage-footer nav{max-width:none!important;margin:auto!important;line-height:normal!important}}

body:not(.beaux-material-index) .subpage-header .subpage-wordmark{align-items:center;gap:4px}body:not(.beaux-material-index) .subpage-header .subpage-wordmark i{display:block;width:100%;border-top:1px solid currentColor;opacity:.76}body:not(.beaux-material-index) .subpage-header .subpage-wordmark small{padding-left:0;font-size:5px;letter-spacing:.17em}
@media(min-width:761px){body:not(.beaux-material-index) .subpage-header{grid-template-columns:1fr;grid-template-rows:auto auto;gap:17px;padding:18px 42px 20px}body:not(.beaux-material-index) .subpage-header .subpage-wordmark{position:static;left:auto;transform:none;grid-column:1;grid-row:1;justify-self:center}body:not(.beaux-material-index) .subpage-header nav{grid-column:1;grid-row:2;justify-self:stretch;width:100%;justify-content:space-between;gap:0}body:not(.beaux-material-index) .subpage-header nav .nav-book{position:static;top:auto;right:auto;transform:none}}
@media(max-width:760px){body:not(.beaux-material-index) .subpage-header .subpage-wordmark{justify-self:center}}

/* Keep the sub-page masthead, including its rule, present while reading. */
body:not(.beaux-material-index) .subpage-header{position:fixed;inset:0 0 auto;z-index:20;width:auto;background:#31362b;color:#f3eee3}body:not(.beaux-material-index) .subpage-header nav a{color:inherit}

@media(max-width:760px){body:not(.beaux-material-index) .subpage-header{left:0;right:0;width:auto}body:not(.beaux-material-index) .subpage-header nav{width:100%;gap:0;justify-content:space-between}}
@media(max-width:360px){body:not(.beaux-material-index) .subpage-header nav{font-size:7.5px;letter-spacing:.11em}}

/* The logo and navigation use separate equal-width rows at every breakpoint. */
body:not(.beaux-material-index) .subpage-header{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto}
body:not(.beaux-material-index) .subpage-header .subpage-wordmark{position:static;left:auto;transform:none;grid-column:1;grid-row:1;justify-self:center;margin:0}
body:not(.beaux-material-index) .subpage-header nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-column:1;grid-row:2;justify-self:stretch;width:100%;gap:0}
body:not(.beaux-material-index) .subpage-header nav a,body:not(.beaux-material-index) .subpage-header nav .nav-pending{justify-self:center;text-align:center;white-space:nowrap}
body:not(.beaux-material-index) .subpage-header nav .nav-book{position:static;top:auto;right:auto;transform:none}
body:not(.beaux-material-index) .subpage-header .nav-pending{color:inherit;opacity:1}
body:not(.beaux-material-index) .subpage-header nav a[aria-current="page"]{opacity:.48}