/* Reference header only. All rules intentionally remain inside this component. */
.dpc-reference-header{position:relative;z-index:100;background:#fff;color:#2f3338;font-family:Arial,sans-serif}
.dpc-reference-header *{box-sizing:border-box}
.dpc-reference-header .dpc-reference-inner{max-width:1200px;min-height:clamp(61px,7.27vw,87px);margin:auto;padding:10px 20px;display:flex;align-items:center;gap:clamp(18px,4.6vw,64px);position:relative}
.dpc-reference-header .dpc-reference-brand{display:block;flex:0 0 22%;line-height:0}
.dpc-reference-header .dpc-reference-brand img{display:block;width:100%;height:auto;max-height:none}
.dpc-reference-header nav{flex:1;min-width:0}
.dpc-reference-header ul{list-style:none;margin:0;padding:0}
.dpc-reference-header .dpc-reference-menu{display:flex;align-items:center;justify-content:space-between;gap:10px}
.dpc-reference-header li{position:relative;margin:0;padding:0;display:flex;align-items:center;flex-wrap:wrap}
.dpc-reference-header a{color:#2f3338;text-decoration:none}
.dpc-reference-header .dpc-reference-menu>li{flex-wrap:nowrap}
.dpc-reference-header .dpc-reference-menu>li>a{white-space:nowrap;font-size:10px;letter-spacing:.25px;font-weight:400;padding:14px 0;line-height:1.2}
.dpc-reference-header button{font:inherit;color:inherit;border:0;border-radius:0;background:transparent;cursor:pointer}
.dpc-reference-header .dpc-reference-subtoggle{padding:0;width:20px;min-height:44px;flex-shrink:0;display:grid;place-items:center}
.dpc-reference-header .dpc-reference-subtoggle::after{content:'';width:4px;height:4px;border-right:1px solid;border-bottom:1px solid;transform:rotate(45deg) translateY(-2px)}
.dpc-reference-header .sub-menu{display:none;position:absolute;top:100%;left:0;width:240px;max-width:calc(100vw - 24px);background:white;box-shadow:0 6px 20px #0002;padding:8px;z-index:10}
.dpc-reference-header .sub-menu .sub-menu{top:0;left:100%}
.dpc-reference-header .sub-menu a{font-size:13px;line-height:1.4;padding:11px 8px;flex:1;min-width:0;overflow-wrap:anywhere}
.dpc-reference-header .sub-menu .dpc-reference-subtoggle{width:32px}
.dpc-reference-header .dpc-reference-open>.sub-menu{display:block}
.dpc-reference-header:not(.dpc-reference-enhanced) li:hover>.sub-menu,.dpc-reference-header:not(.dpc-reference-enhanced) li:focus-within>.sub-menu{display:block}
.dpc-reference-header a:hover{text-decoration:underline;text-underline-offset:4px}
.dpc-reference-header :focus-visible{outline:2px solid var(--dpc-accent,#46a3b6);outline-offset:3px}
.dpc-reference-header .dpc-reference-search{flex:0 0 30px;margin-left:-6px}
.dpc-reference-header .dpc-reference-search summary{list-style:none;cursor:pointer;display:grid;place-items:center;width:30px;height:44px}
.dpc-reference-header .dpc-reference-search summary::-webkit-details-marker{display:none}
.dpc-reference-header .dpc-reference-search svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.dpc-reference-header .dpc-reference-search form{position:absolute;right:12px;top:100%;background:#fff;padding:18px;width:360px;max-width:calc(100vw - 24px);box-shadow:0 6px 20px #0002;font-size:14px}
.dpc-reference-header .dpc-reference-search label{display:block;margin-bottom:8px}
.dpc-reference-header .dpc-reference-search form>div{display:flex;gap:8px}
.dpc-reference-header .dpc-reference-search input{width:100%;min-width:0;border:1px solid #777;padding:10px;font:inherit}
.dpc-reference-header .dpc-reference-search button{background:#2f3338;color:#fff;padding:10px}
.dpc-reference-header .dpc-reference-menu-toggle{display:none}
@media(min-width:1200px){.dpc-reference-header .dpc-reference-menu>li>a{font-size:11px}}
@media(max-width:1050px){.dpc-reference-header .dpc-reference-inner{gap:clamp(20px,5.1vw,54px);padding:8px 16px}.dpc-reference-header .dpc-reference-menu{gap:6px}.dpc-reference-header .dpc-reference-menu>li>a{font-size:clamp(7px,.9vw,9px)}.dpc-reference-header .dpc-reference-subtoggle{width:15px}}
@media(max-width:760px){
 .dpc-reference-header .dpc-reference-inner{flex-wrap:wrap;gap:12px;min-height:80px;padding:12px 18px}
 .dpc-reference-header .dpc-reference-brand{flex:0 0 190px;max-width:calc(100% - 120px)}
 .dpc-reference-header .dpc-reference-menu-toggle{display:block;margin-left:auto;min-height:44px;font-size:12px;padding:8px}
 .dpc-reference-header .dpc-reference-menu-toggle[hidden]{display:none}
 .dpc-reference-header nav{flex:0 0 100%;order:4}
 .dpc-reference-header.dpc-reference-enhanced nav:not(.dpc-reference-mobile-open){display:none}
 .dpc-reference-header .dpc-reference-menu{display:block}
 .dpc-reference-header .dpc-reference-menu>li{flex-wrap:wrap}
 .dpc-reference-header .dpc-reference-menu>li>a{flex:1;font-size:12px;padding:15px 8px}
 .dpc-reference-header .dpc-reference-subtoggle{width:44px}
 .dpc-reference-header .sub-menu,.dpc-reference-header .sub-menu .sub-menu{position:static;width:100%;max-width:100%;box-shadow:none;padding:0 0 0 14px;border-left:1px solid var(--dpc-tint,#e4f0f5)}
 .dpc-reference-header .dpc-reference-search{margin-left:0}
}
.dpc-reference-header .dpc-reference-menu>li>.dpc-reference-root-disclosure{display:flex;align-items:center;gap:7px;width:auto;white-space:nowrap;font-size:10px;letter-spacing:.25px;font-weight:400;padding:14px 0;line-height:1.2}
@media(min-width:1200px){.dpc-reference-header .dpc-reference-menu>li>.dpc-reference-root-disclosure{font-size:11px}}
@media(max-width:1050px){.dpc-reference-header .dpc-reference-menu>li>.dpc-reference-root-disclosure{font-size:clamp(7px,.9vw,9px)}}
@media(max-width:760px){.dpc-reference-header .dpc-reference-menu>li>.dpc-reference-root-disclosure{flex:1;justify-content:space-between;font-size:12px;padding:15px 8px;min-height:44px}}

/* The reference has no FAQ chevron; retain its keyboard and touch disclosure. */
@media(min-width:761px){.dpc-reference-header .dpc-reference-subtoggle[aria-label="Submenu for FAQS"]::after{visibility:hidden}}

.dpc-reference-header .dpc-reference-brand img{width:95%;transform:translateX(-2px)}

/* CLS fix: hide the mobile menu before JS runs (the html.dpc-js class is set in <head>), so the nav never renders expanded and then collapses. */
@media(max-width:760px){.dpc-js .dpc-reference-header nav:not(.dpc-reference-mobile-open){display:none}.dpc-js .dpc-reference-header .dpc-reference-menu-toggle[hidden]{display:block}}
