/* Masthead styles are scoped so the Timeline and reader controls retain their layout. */
header.monedial-header{box-sizing:border-box;position:relative;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;max-width:none;margin:0;padding:22px clamp(20px,4vw,64px);background:#09141e;color:#f8f3e8;border:0;border-bottom:1px solid #dfbd7038;font-family:Georgia,'Times New Roman',serif;line-height:1.3;box-shadow:none}
header.monedial-header::after{display:none}
.monedial-header *{box-sizing:border-box}
.monedial-header .m-brand{display:flex;align-items:center;gap:14px;flex:none;color:#f8f3e8;text-decoration:none;white-space:nowrap}
.monedial-header .m-emblem{display:block;width:68px;height:46px;flex:none;background:#dfbd70;mask:url('/Media/Monedial-Logo-6.png') center/contain no-repeat;-webkit-mask:url('/Media/Monedial-Logo-6.png') center/contain no-repeat}
.monedial-header .m-wordmark{display:block;font-size:27px;font-weight:400;letter-spacing:.14em;line-height:1.1}
.monedial-header .m-domain{font-size:17px;letter-spacing:0;margin-left:2px}
.monedial-header .m-brand small{display:block;font-size:12px;font-weight:400;letter-spacing:.02em;color:#d7d1c4;margin-top:7px}
.monedial-header .m-menu{position:relative;margin:0;flex:none}
.monedial-header #menu-panel.m-navigation{position:static;display:flex;align-items:center;gap:clamp(15px,2vw,30px);width:auto;min-width:0;max-width:none;padding:0;margin:0;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;transform:none}
.monedial-header #menu-panel[hidden]{display:none}
.monedial-header #menu-panel.m-navigation>a,.monedial-header .m-learn summary{display:block;margin:0;padding:12px 0;color:#f8f3e8;font:15px/1.3 Georgia,'Times New Roman',serif;text-decoration:none;border:0;border-bottom:1px solid transparent;cursor:pointer;white-space:nowrap}
.monedial-header #menu-panel.m-navigation>a:hover,.monedial-header #menu-panel.m-navigation>a[aria-current],.monedial-header .m-learn[open]>summary,.monedial-header .m-learn.m-active>summary{color:#dfbd70;border-bottom-color:#dfbd70}
.monedial-header .m-learn{position:relative;border:0;padding:0;margin:0;background:none;color:inherit}
.monedial-header .m-learn summary{list-style:none}.monedial-header .m-learn summary::-webkit-details-marker{display:none}.monedial-header .m-learn summary::after{content:'⌄';margin-left:8px;font-size:15px}
.monedial-header .m-learn-links{position:absolute;top:100%;right:0;min-width:210px;padding:10px;background:#f8f3e8;border:1px solid #b49a68;box-shadow:0 12px 25px #0003}
.monedial-header #menu-panel .m-learn-links a{display:block;padding:12px;color:#182b37;font-size:16px;text-decoration:none}
.monedial-header #menu-panel .m-learn-links a:hover,.monedial-header #menu-panel .m-learn-links a[aria-current]{background:#eae1ce;color:#71501e}
.monedial-header :is(a,button,summary):focus-visible{outline:2px solid #dfbd70;outline-offset:5px}
.monedial-header #menu-panel .m-learn-links a:focus-visible{outline-color:#71501e}
.monedial-header #menu-toggle{display:none}
header.monedial-header.timeline-header{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:14px 24px;padding:16px 24px}
.timeline-header .m-brand{grid-column:1;grid-row:1}.timeline-header .m-menu{grid-column:2;grid-row:1}
.timeline-header .search{grid-column:1;grid-row:2;width:100%;max-width:600px;min-width:0;margin:0}
.timeline-header .filter-launcher{grid-column:2;grid-row:2;justify-self:end}
.timeline-header .market{grid-column:1/-1;grid-row:3;justify-self:end}
@media(max-width:1100px) and (min-width:900px){.monedial-header .m-wordmark{font-size:23px}.monedial-header .m-emblem{width:54px;height:38px}.monedial-header #menu-panel.m-navigation>a,.monedial-header .m-learn summary{font-size:14px}.monedial-header #menu-panel.m-navigation{gap:17px}}
@media(max-width:899px){
 header.monedial-header{padding:17px 20px;gap:12px}.monedial-header .m-brand{gap:10px}.monedial-header .m-emblem{width:49px;height:35px}.monedial-header .m-wordmark{font-size:22px;letter-spacing:.08em}.monedial-header .m-domain{font-size:14px}.monedial-header .m-brand small{font-size:10px;margin-top:5px}
 .monedial-header #menu-toggle{display:flex;align-items:center;justify-content:center;gap:8px;width:auto;min-height:44px;padding:8px 10px;border:1px solid #dfbd7066;border-radius:0;background:transparent;color:#f8f3e8;font:14px Georgia,serif;cursor:pointer}.monedial-header #menu-toggle span{display:inline;width:auto;height:auto;background:none;margin:0;transform:none;font-size:18px}
 .monedial-header .m-menu{position:static}.monedial-header #menu-panel.m-navigation{position:absolute;left:16px;right:16px;top:calc(100% - 1px);display:flex;flex-direction:column;align-items:stretch;gap:0;width:auto;max-height:calc(100dvh - 150px);overflow:auto;padding:16px 24px;background:#10232f;border:1px solid #b49a68;box-shadow:0 12px 24px #0005}
 .monedial-header #menu-panel.m-navigation>a,.monedial-header .m-learn summary{font-size:17px;padding:15px 0}.monedial-header .m-learn-links{position:static;box-shadow:none;border:0;margin-bottom:12px}.monedial-header .m-learn summary{display:flex;justify-content:space-between}
 header.monedial-header.timeline-header{grid-template-columns:minmax(0,1fr) auto;padding:16px;gap:14px 10px}.timeline-header .m-brand{grid-column:1;grid-row:1}.timeline-header .m-menu{grid-column:2;grid-row:1}.timeline-header .search{grid-column:1;grid-row:2}.timeline-header .filter-launcher{grid-column:2;grid-row:2}
}
@media(prefers-reduced-motion:reduce){.monedial-header *{scroll-behavior:auto;transition:none}}

.monedial-header #menu-panel.m-navigation[hidden]{display:none!important}
.monedial-header #menu-panel.m-navigation>a{border-radius:0;border-left:0;background:none}
@media(min-width:900px){header.monedial-header.timeline-header{grid-template-columns:minmax(240px,1fr) auto auto}.timeline-header .m-menu{grid-column:2/4}.timeline-header .market{grid-column:3;grid-row:2}.timeline-header .filter-launcher{grid-column:2;grid-row:2}}

@media(max-width:380px){header.monedial-header,header.monedial-header.timeline-header{padding:14px 12px;gap:10px 8px}.monedial-header .m-brand{gap:8px}.monedial-header .m-emblem{width:34px;height:28px}.monedial-header .m-wordmark{font-size:18px}.monedial-header .m-domain{font-size:12px}.monedial-header .m-brand small{font-size:9px}.monedial-header #menu-toggle{padding:8px;font-size:12px;gap:6px}}
