/* Shared static navigation: deliberately scoped to avoid altering tool controls. */
.dpm-header{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto 22px;padding:18px 24px;display:flex;align-items:center;flex-wrap:wrap;gap:16px 28px;border-bottom:1px solid #273b54;font-family:Arial,sans-serif;line-height:1.5;text-align:left;background:#080b10;color:#fff}
.dpm-header a{color:#aacff7;text-decoration:none;border-radius:3px}
.dpm-header a:hover{text-decoration:underline;color:#fff}
.dpm-header a:focus-visible{outline:2px solid #8fc6ff;outline-offset:4px}
.dpm-header .dpm-brand{color:#fff;font-family:'DTMSans',Arial,sans-serif;font-weight:bold;font-size:15px;flex:0 0 auto}
.dpm-brand span{display:block;font-size:11px;letter-spacing:1px}
.dpm-tools{display:flex;flex:1 1 450px;flex-wrap:wrap;gap:8px 18px;align-items:center;font-size:14px}
.dpm-tools a{padding:6px 0;border-bottom:2px solid transparent}
.dpm-tools a[aria-current=page]{color:#fff;border-bottom-color:#4a9eff}
.dpm-languages{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px 16px;width:100%;font-size:12px}
.dpm-languages a[aria-current=page]{color:#fff;text-decoration:underline;text-underline-offset:4px}
@media(max-width:600px){.dpm-header{padding:14px 16px;gap:12px;margin-bottom:16px}.dpm-tools{flex-basis:100%;gap:4px 16px}.dpm-languages{justify-content:flex-start;gap:8px 14px}.dpm-tools a{padding:7px 0}}
/* The legacy maker uses a centered flex body; keep the header within the viewport. */
body:has(> .dpm-header){width:100%;min-width:0}