/* "Data" dropdown in the main header (data-menu.js). Jungle look first, corporate look under html.corporate. */
.data-menu{position:relative;flex-shrink:0}
.hud .data-menu-btn{display:inline-flex;align-items:center;gap:7px;max-width:none;padding:9px 11px;border:1px solid #526844;background:transparent;color:var(--cream,#f4ecd0);font:8px/1.4 var(--pixel,monospace);text-transform:uppercase;cursor:pointer}
.hud .data-menu-btn:hover,.hud .data-menu-btn[aria-expanded="true"]{border-color:var(--gold,#ffd16d);color:var(--gold,#ffd16d)}
.data-menu-btn i{display:block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;transition:transform .15s}
.data-menu-btn[aria-expanded="true"] i{transform:rotate(180deg)}
.data-menu-panel{position:absolute;top:calc(100% + 12px);right:0;z-index:30;width:min(360px,calc(100vw - 32px));padding:14px;background:#0a271f;border:2px solid #395441;box-shadow:6px 6px 0 #031b12;text-align:left}
.data-menu-panel[hidden]{display:none}
.data-menu-head{margin:0 0 8px;font:8px/1.6 var(--pixel,monospace);color:var(--leaf,#a4d468);text-transform:uppercase}
.data-menu-panel ul{list-style:none;margin:0;padding:0}
.data-menu-panel a{display:block;padding:11px 10px;border-top:1px solid #2c4635;color:var(--cream,#f4ecd0);text-decoration:none}
.data-menu-panel li:first-child a{border-top:0}
.data-menu-panel a:hover,.data-menu-panel a:focus-visible{background:#123a2c;outline:none}
.data-menu-panel a[aria-current="page"] strong{color:var(--gold,#ffd16d)}
.data-menu-panel strong{display:block;font:600 15px/1.35 var(--body,system-ui,sans-serif);letter-spacing:0;text-transform:none}
.data-menu-panel strong em{margin-left:6px;padding:2px 6px;background:var(--gold,#ffd16d);color:#061b16;font:normal 8px/1.4 var(--pixel,monospace);vertical-align:2px}
.data-menu-panel span{display:block;margin-top:3px;font:13px/1.5 var(--body,system-ui,sans-serif);color:var(--muted,#b4c89f);letter-spacing:0;text-transform:none}
@media(max-width:700px){
  .hud .data-menu-btn{font-size:6px;padding:6px 7px;gap:4px}
  .data-menu-panel{position:fixed;top:78px;left:16px;right:16px;width:auto}
}

/* Corporate view */
html.corporate .hud .data-menu-btn{text-transform:none;font:600 13px/1.3 var(--c-font,system-ui,sans-serif);letter-spacing:.4px;border:0;border-radius:var(--c-radius,6px);padding:6px 14px;color:inherit}
html.corporate[data-site="home"] .hud .data-menu-btn{color:#fff}
html.corporate .hud .data-menu-btn:hover,html.corporate .hud .data-menu-btn[aria-expanded="true"]{background:#ffffff1f;color:inherit}
html.corporate:not([data-site="home"]) .hud .data-menu-btn:hover,html.corporate:not([data-site="home"]) .hud .data-menu-btn[aria-expanded="true"]{background:#0000000f}
html.corporate .data-menu-panel{background:#fff;border:1px solid #d7dbe0;border-radius:var(--c-radius,6px);box-shadow:0 14px 36px #00000030}
html.corporate .data-menu-head{font:600 12px/1.4 var(--c-font,system-ui,sans-serif);color:#6b7280;letter-spacing:.6px}
html.corporate .data-menu-panel a{border-top-color:#eceef1;color:#171a20;border-radius:4px}
html.corporate .data-menu-panel a:hover,html.corporate .data-menu-panel a:focus-visible{background:#f4f5f7}
html.corporate .data-menu-panel a[aria-current="page"] strong{color:#0a5bd3}
html.corporate .data-menu-panel strong em{background:#0a5bd3;color:#fff;font:600 10px/1.4 var(--c-font,system-ui,sans-serif);border-radius:3px}
html.corporate .data-menu-panel span{color:#4b5563}
@media(max-width:700px){html.corporate[data-site="home"] .hud .data-menu-btn{padding:6px 10px;font-size:12px}}

/* View menu (view-menu.js) reuses the Data menu look */
.view-menu .data-menu-panel{width:min(300px,calc(100vw - 32px))}
.view-option{display:block;width:100%;max-width:none!important;min-width:0;margin:0;font-size:16px!important;line-height:1.4!important;padding:11px 10px 11px 30px!important;border:0!important;border-top:1px solid #2c4635!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--cream,#f4ecd0);text-align:left;cursor:pointer;position:relative;font:inherit;min-height:0;height:auto}
.view-menu li:first-child .view-option{border-top:0!important}
.view-option:hover,.view-option:focus-visible{background:#123a2c!important;outline:none}
.view-option strong{display:block;font:600 15px/1.35 var(--body,system-ui,sans-serif);letter-spacing:0;text-transform:none}
.view-option span{display:block;margin-top:3px;font:13px/1.5 var(--body,system-ui,sans-serif);color:var(--muted,#b4c89f);letter-spacing:0;text-transform:none}
.view-option[aria-checked="true"] strong{color:var(--gold,#ffd16d)}
.view-option[aria-checked="true"]:before{content:'';position:absolute;left:11px;top:17px;width:6px;height:10px;border:solid var(--gold,#ffd16d);border-width:0 2px 2px 0;transform:rotate(45deg)}
/* Pages without a header: a small floating control, opening upwards. */
.view-menu.floating{position:fixed;right:16px;bottom:16px;z-index:60}
.view-menu.floating .data-menu-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border:1px solid #526844;background:#061b16;color:var(--cream,#f4ecd0);font:8px/1.4 var(--pixel,monospace);text-transform:uppercase;cursor:pointer}
.view-menu.floating .data-menu-panel{top:auto;bottom:calc(100% + 10px)}
html.corporate .view-option{border-top-color:#eceef1!important;color:#171a20;border-radius:4px!important}
html.corporate .view-option:hover,html.corporate .view-option:focus-visible{background:#f4f5f7!important}
html.corporate .view-option span{color:#4b5563}
html.corporate .view-option[aria-checked="true"] strong{color:#0a5bd3}
html.corporate .view-option[aria-checked="true"]:before{border-color:#0a5bd3}
html.corporate .view-menu.floating .data-menu-btn{background:#fff;color:#171a20;border:1px solid #d0d1d2;border-radius:var(--c-radius,6px);font:600 13px/1.3 var(--c-font,system-ui,sans-serif);text-transform:none;box-shadow:0 6px 20px #0000001f}
html.corporate .view-menu.floating .data-menu-btn:hover{background:#f4f5f7}
@media(max-width:700px){.view-menu .data-menu-panel{position:fixed;top:78px;left:16px;right:16px;width:auto}.view-menu.floating .data-menu-panel{top:auto;bottom:70px}}