/* Private draft navigation: in-flow disclosure, no fixed overlay or hidden keyboard traps. */
header:has(> .vi-navigation){flex-wrap:wrap;height:auto;max-height:none}
header > .vi-navigation{flex:1 0 100%;width:100%;min-width:0;margin:0;color:#292524;font:400 16px/1.6 Arial,sans-serif;letter-spacing:normal;text-transform:none}
header > .vi-navigation > summary{display:list-item;min-height:44px;cursor:pointer;padding:10px 12px;border:1px solid #c9bcb2;border-radius:10px;background:#fffdfb;font:700 16px/1.6 Arial,sans-serif;white-space:normal;overflow-wrap:anywhere}
header > .vi-navigation > nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px 0;margin:0;width:100%}
header > .vi-navigation > nav > a{display:flex;align-items:center;justify-content:flex-start;min-height:44px;min-width:0;padding:10px 12px;margin:0;border:1px solid #d9d1ca;border-radius:10px;color:#a72626;background:#fff;text-decoration:none;font:600 16px/1.6 Arial,sans-serif;white-space:normal;overflow-wrap:anywhere}
header > .vi-navigation > p{margin:0 0 12px;color:#62534c;font:400 14px/1.6 Arial,sans-serif}
header > .vi-navigation :focus-visible{outline:3px solid #2457a6;outline-offset:3px}
@media(max-width:640px){header > .vi-navigation > nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(forced-colors:active){header > .vi-navigation :focus-visible{outline-color:Highlight}}