body { margin:0; background:#FAFAF8; color:#0B0B0A; font-family:'Instrument Sans',system-ui,sans-serif; -webkit-font-smoothing:antialiased; }
  a { color:#0B0B0A; text-decoration:none; }
  a:hover { color:#55554F; }
  html { scroll-behavior:smooth; }
  * { box-sizing:border-box; }

/* --- added by the static conversion (was handled by the design runtime) --- */
.hover-opacity:hover { opacity: 0.86; }

/* Narrow screens: the nav row cannot fit logo + four links + button on one line
   (the wrapper's overflow-x:hidden used to just clip them), so it wraps — logo and
   button stay on the first line, the links move to a second one. */
@media (max-width: 640px) {
  /* !important: the row carries its 56px height and 24px gap as inline styles */
  [data-policy-nav] { flex-wrap: wrap; height: auto !important; padding: 10px clamp(14px,3vw,20px) 12px !important; row-gap: 10px; gap: 12px !important; }
  [data-policy-links] { order: 3; width: 100%; justify-content: space-between; gap: 10px !important; font-size: 13px !important; }
}