.ew-skip { position: fixed; top: 8px; left: 8px; z-index: 1000; padding: 12px 20px; background: var(--ew-surface); color: var(--ew-text); transform: translateY(-150%); }
.ew-skip:focus { transform: none; }
.ew-header { position:relative; z-index:50; border-bottom: 1px solid var(--ew-border); background:var(--ew-navy); }
.ew-resources { position:relative; }
.ew-resources summary { list-style:none; cursor:pointer; display:flex; align-items:center; gap:7px; padding-block:12px; }
.ew-resources summary::-webkit-details-marker { display:none; }
.ew-resources-panel { position:absolute; top:100%; left:-18px; width:270px; padding:8px; border:1px solid var(--ew-border); border-radius:12px; box-shadow:0 16px 40px #1524391c; background:var(--ew-surface); }
.ew-resources-panel a { display:flex; align-items:center; gap:12px; padding:13px 12px; border-radius:7px; }
.ew-resources-panel a:hover,.ew-resources-panel a:focus-visible { background:var(--ew-surface); color:var(--ew-blue); }
.ew-resources-panel .ew-icon { width:23px; height:23px; flex-shrink:0; color:var(--ew-blue); }
.ew-resources-panel strong,.ew-resources-panel small { display:block; }
.ew-resources-panel small { margin-top:3px; color:var(--ew-muted); font-size:12px; font-weight:400; }
@media(max-width:960px) { .ew-resources { border-top:1px solid var(--ew-border); } .ew-resources-panel { position:static; width:100%; margin-bottom:12px; box-shadow:none; background:var(--ew-surface); } }
.ew-nav { display: flex; align-items: center; gap: 42px; min-height: 72px; }
.ew-brand { flex-shrink: 0; }
.ew-brand img { width:160px; height:32px; }
.ew-navigation { display: flex; align-items: center; justify-content: end; gap: 28px; flex: 1; font-size: 13px; font-weight: 600; }
.ew-navigation > a:hover, .ew-nav-account > a:not(.ew-btn):hover { color: var(--ew-blue); }
.ew-nav-account { display: flex; gap: 24px; align-items: center; margin-left: auto; }
.ew-nav-account .ew-btn { min-height: 42px; padding: 10px 15px; font-size: 13px; }
.ew-nav-toggle { display: none; align-items: center; gap: 10px; min-height: 44px; background:transparent; border: 1px solid var(--ew-border); border-radius: 6px; padding: 8px 14px; }

@media (max-width: 1100px) { .ew-nav { gap: 24px; } .ew-navigation { gap: 18px; } .ew-nav-account { gap: 16px; } }
@media(max-width:960px) {
  .ew-nav { flex-wrap: wrap; justify-content: space-between; gap: 0; min-height: 76px; padding-block: 18px; }
  .ew-nav-toggle { display: inline-flex; }
  .ew-navigation { flex-basis: 100%; display: flex; flex-direction: column; align-items: stretch; gap: 0; padding-top: 18px; }
  .ew-navigation > a { padding: 12px 0; border-top: 1px solid var(--ew-border); }
  .ew-nav-account { margin: 12px 0 0; }
}

.ew-resources summary > .ew-icon { width:18px; height:18px; transition:transform .15s; }
.ew-resources[open] summary > .ew-icon { transform:rotate(180deg); }
.ew-nav-toggle { color:var(--ew-on-dark-text); }
/* Scoped essentials keep the same component on legacy pages without restyling their content. */
.ew-header { font-family:var(--ew-font); color:var(--ew-on-dark-text); line-height:1.6; }
.ew-header,.ew-header *,.ew-header *::before,.ew-header *::after { box-sizing:border-box; }
.ew-header [hidden] { display:none !important; }
.ew-header a { text-decoration:none; color:inherit; }
.ew-header .ew-container { width:min(calc(100% - 80px),1240px); margin-inline:auto; }
.ew-header img { display:block; max-width:100%; }
.ew-header .ew-icon { width:22px; height:22px; display:inline-block; flex-shrink:0; vertical-align:middle; }
.ew-header .ew-resources summary > .ew-icon { width:18px; height:18px; }
.ew-header button { font:inherit; cursor:pointer; }
.ew-header .ew-btn { display:inline-flex; align-items:center; justify-content:center; gap:14px; border:1px solid var(--ew-action); border-radius:6px; font-weight:650; line-height:1.35; background:var(--ew-action); color:var(--ew-on-action); }
.ew-header .ew-btn:hover { background:var(--ew-blue-dark); border-color:var(--ew-blue-dark); }
.ew-header .ew-nav-toggle { font-size:16px; border-color:var(--ew-control-border); }
.ew-header :focus-visible { outline:3px solid var(--ew-blue); outline-offset:5px; }
.ew-header .ew-resources-panel { color:var(--ew-light-text); }
.ew-header .ew-resources-panel strong { font-weight:700; }
@media(max-width:960px) { .ew-header .ew-container { width:calc(100% - 48px); } }
@media(max-width:640px) { .ew-header .ew-container { width:calc(100% - 32px); } .ew-header .ew-brand img { width:145px; height:29px; } }
@media(prefers-reduced-motion:reduce) { .ew-header * { transition:none !important; } }