/* The experience bar under the header on /performance-marketing/ and /products/ (2026-10-06), as on Touch (touch-light.css):
   one row, the Studio / Editorial / Neon switch at the left and the light at the right. Loaded before xp-v5.css. */
.experience-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 6vw;border-bottom:1px solid #d2d0c9;background:#eeede8;position:relative;z-index:11;gap:12px}
@media(max-width:500px){.experience-bar{padding:8px 22px}}
/* the page links as the same segmented control (xp-v5.css .xp-opts), the current page raised; replaces the grey row */
.offer-page .experience-bar{border-bottom:0}
.offer-bar{background:#eeede8;border-bottom:1px solid #d2d0c9;padding:0 6vw 10px;position:relative;z-index:11}
@media(max-width:500px){.offer-bar{padding:0 12px 8px}}
@media(max-width:374px){.offer-bar{padding:0 8px 8px}}
@media(max-width:340px){.offer-bar{padding:0 6px 8px}}
.offer-page .offer-nav{display:flex;flex-wrap:nowrap;gap:3px;width:max-content;max-width:100%;margin:0;padding:3px;border:1px solid #cccac3;border-radius:9px;background:#d9d8d1;overflow-x:auto;scrollbar-width:none}
.offer-page .offer-nav a{display:flex;align-items:center;min-height:36px;padding:0 12px;border-radius:6px;font:600 12px/1 Manrope,Arial,sans-serif;color:#24272a;text-decoration:none;white-space:nowrap}
.offer-page .offer-nav a[aria-current]{background:linear-gradient(#fff,#ededE6);box-shadow:0 2px 3px rgba(0,0,0,.13)}
.offer-page .offer-nav a:not([aria-current]):hover{background:rgba(255,255,255,.45);text-decoration:none}
.offer-page .offer-nav a:focus-visible{outline:2px solid #6441d9;outline-offset:2px}
@media(max-width:500px){.offer-page .offer-nav a{padding:0 10px}}