.dn-view-switch{position:fixed;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:2147483000;display:flex;align-items:center;gap:4px;padding:5px;background:#10141b;box-shadow:0 14px 40px #0008;border:1px solid #b6bdc7;border-radius:999px;direction:ltr;font:600 13px/1.2 system-ui,-apple-system,sans-serif}
.dn-view-switch a{display:block;white-space:nowrap;text-decoration:none;border-radius:999px;padding:11px 16px;color:#f6f5f2;background:transparent;transition:background .15s,color .15s}
.dn-view-switch a:hover,.dn-view-switch a:focus-visible{background:#384454;color:#fff;outline:2px solid #e7c667;outline-offset:1px}
.dn-view-switch a[aria-current=page]{background:#e7c667;color:#10141b}
@media(max-width:420px){.dn-view-switch{bottom:max(12px,env(safe-area-inset-bottom));font-size:12px}.dn-view-switch a{padding:10px 12px}}

/* Keep the return to the main domain accessible at 320px. */
@media(max-width:420px){.dn-view-switch{max-width:calc(100vw - 20px);font-size:11px}.dn-view-switch a{padding:11px 9px;min-height:44px;box-sizing:border-box;display:flex;align-items:center}}

.dn-view-switch a{min-height:44px;box-sizing:border-box;display:flex;align-items:center}

/* Group navigation below the header, clear of the 3D touch controls. */
@media(max-width:700px){.dn-world-switch{top:68px;bottom:auto}body:has(.dn-world-switch) .dn-world-guide{top:132px}}

/* Keep the existing French brand and contact control inside a 320px header. */
@media(max-width:360px){body:has(.dn-world-switch) .site-header{gap:6px;padding-inline:10px}body:has(.dn-world-switch) .site-header .brand{gap:5px;letter-spacing:.15em}body:has(.dn-world-switch) .site-header .brand .dot{width:18px;height:18px;margin-inline-end:0}}