.site-header{--paper:#f5f1e7;--ink:#203d32;--line:#d8d6c9;--gold:#977442;color:var(--ink);font:18px/1.65 Arial,sans-serif;justify-content:normal}.site-header nav{margin-top:0;align-items:center}.site-header summary{padding:0}.site-header button{font-family:Arial,sans-serif;border-radius:0}.site-header .brand{font-weight:normal}
.site-header{padding:24px 4.6%;display:flex;gap:25px;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:4;background:var(--paper)}
.site-header .brand{font:18px Georgia,serif;text-decoration:none;letter-spacing:1.8px;white-space:nowrap}
.site-header .brand span{display:block;font:10px Arial,sans-serif;letter-spacing:4px;margin-top:8px}
.site-header nav{display:flex;gap:26px;margin-left:auto}
.site-header nav a{text-decoration:none;font-size:.8rem;white-space:nowrap}
.site-header nav a:hover,.site-header nav a[aria-current]{text-decoration:underline;text-decoration-color:var(--gold)}
.site-header .reading{position:relative}
.site-header .reading summary{list-style:none;cursor:pointer;font:1.15rem Georgia;border:1px solid #b8bdac;border-radius:50%;width:43px;height:43px;display:grid;place-items:center}
.site-header .reading summary::-webkit-details-marker{display:none}
.site-header .reading-panel{position:absolute;right:0;top:54px;width:210px;padding:18px;background:#fffdf7;border:1px solid var(--line);box-shadow:0 12px 35px #203d3219}
.site-header .reading-panel p{font-size:.8rem}
.site-header .reading-panel button{width:100%;padding:8px;margin:3px 0;border:1px solid var(--line);background:transparent;color:var(--ink)}
.site-header .reading-panel button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.site-header .menu-button{display:none}
.skip{position:absolute;top:-80px;background:var(--ink);color:white;padding:12px;z-index:10}
.skip:focus{top:0}
@media(max-width:1100px){.site-header{gap:16px;padding:22px 4%}
.site-header nav{gap:16px}
.site-header nav a{font-size:.72rem}
.site-header .brand{font-size:16px}
}
@media(max-width:850px){.site-header{flex-wrap:wrap}
.site-header .menu-button{display:block;margin-left:auto;background:transparent;border:0;padding:8px;color:var(--ink);font-size:.8rem}
.site-header .reading{order:2}
.site-header .menu-button{order:1}
.site-header nav{display:none;order:3;flex-basis:100%;flex-wrap:wrap;margin:0;padding-top:20px;gap:20px}
.site-header nav.open{display:flex}
.site-header nav a{font-size:.9rem}
}
@media(max-width:600px){.site-header{padding:20px 6%;gap:12px}
.site-header .brand{font-size:15px;letter-spacing:1px}
.site-header .brand span{font-size:9px;letter-spacing:3px}
.site-header .reading summary{height:40px;width:40px}
.site-header .reading-panel{right:0}
}
@media print{.site-header,.site-header .reading{display:none}
}
.site-header #navigation a{display:flex;align-items:center;min-height:44px}
.site-header .menu-button,.site-header .reading summary{min-width:44px;min-height:44px}
@media(max-width:1280px){.site-header{flex-wrap:wrap}
.site-header .menu-button{display:block;margin-left:auto;order:1;background:transparent;border:0;padding:8px;color:var(--ink);font-size:16px}
.site-header .reading{order:2}
.site-header #navigation{display:none;order:3;flex-basis:100%;margin:0;padding:8px 0 0;gap:4px 16px}
.site-header #navigation.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.site-header #navigation a{font-size:16px;white-space:normal}
}
@media(max-width:600px){.site-header{padding-top:13px;padding-bottom:13px}
}
