.paint-tester-header{box-sizing:border-box;width:min(1160px,calc(100% - 32px));min-height:82px;margin:0 auto;padding:10px 0;display:flex;align-items:center;justify-content:space-between;gap:12px 24px;border-bottom:1px solid #ffffff20;color:#f4efff;font:700 13px/1.4 system-ui,sans-serif}
    .paint-tester-header .paint-tester-brand{display:flex;flex:none;align-items:center;gap:12px;text-decoration:none;color:inherit}
    .paint-tester-header img{display:block;width:132px;height:auto}
    .paint-tester-header nav{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px 18px}
    .paint-tester-header nav a{color:inherit;text-decoration:none;white-space:nowrap}
    .paint-tester-header nav a:hover,.paint-tester-header nav a[aria-current=page]{color:#bdff43}
    .paint-tester-header .paint-tester-mobile-nav{display:none}
    @media(max-width:820px){
      .paint-tester-header{position:relative;z-index:40;min-height:64px}
      .paint-tester-header:has(.paint-tester-mobile-nav[open]){z-index:1100}
      .paint-tester-header img{width:104px}
      .paint-tester-header .paint-tester-desktop-nav{display:none}
      .paint-tester-header .paint-tester-mobile-nav{display:block}
      .paint-tester-mobile-nav summary{display:grid;place-items:center;width:44px;height:44px;list-style:none;cursor:pointer;border:1px solid #ffffff30;border-radius:10px;background:#181321;color:#f4efff}
      .paint-tester-mobile-nav summary::-webkit-details-marker{display:none}
      .paint-tester-mobile-nav summary{position:relative;z-index:3}
      .paint-tester-mobile-nav[open] summary{border-color:#bdff43;color:#bdff43}
      .paint-tester-mobile-nav[open]::before{content:"";position:fixed;inset:0;z-index:1;background:#090711ba}
      .paint-tester-mobile-nav:not([open]) nav{display:none}
      .paint-tester-mobile-nav nav{position:fixed;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%);display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch;width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;box-sizing:border-box;gap:4px;padding:12px;border:1px solid #ffffff30;border-radius:16px;background:#181321;color:#f4efff;font-size:clamp(18px,5vw,24px);box-shadow:0 16px 36px #0009}
      .paint-tester-mobile-nav nav a{display:flex;align-items:center;justify-content:center;min-height:clamp(44px,8dvh,60px);padding:0 12px;border-radius:8px}
      .paint-tester-mobile-nav nav a[aria-current=page]{background:#bdff4318}
    }

html[data-theme="light"] .paint-tester-header{color:#211633;border-bottom-color:#30254b30}
html[data-theme="light"] .paint-tester-header nav a:hover,
html[data-theme="light"] .paint-tester-header nav a[aria-current=page]{color:#4c258c}
html[data-theme="light"] .paint-tester-mobile-nav summary,
html[data-theme="light"] .paint-tester-mobile-nav nav{background:#faf8ff;color:#211633;border-color:#30254b40}
html[data-theme="light"] .paint-tester-mobile-nav[open] summary{color:#4c258c;border-color:#6545a0}
html[data-theme="light"] .paint-tester-mobile-nav nav a[aria-current=page]{background:#eae0ff}