/* ==========================================================================
   "Floating Boxes" Layout 
   (Keeps the brutalist boxes and shadows, removes the page-splitting lines)
   ========================================================================== */

/* 1. Remove the heavy horizontal and vertical dividing lines everywhere */
/* This targets the specific Tailwind classes used to split the page sections */
.border-b-\[4px\],
.border-t-\[4px\],
.border-y-\[4px\],
.border-l-\[4px\],
.border-r-\[4px\] {
  border-width: 0 !important;
}

/* 2. Add a very faint, soft shadow to the navigation so it still separates from the page as you scroll */
nav {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03) !important;
}

/* 3. Give the footer a tiny, soft grey line so it doesn't completely bleed into the page */
footer {
  border-top: 1px solid #E5E7EB !important;
}

/* Note: Your main boxes, buttons, and images use the all-around `.border-[4px]` or `.border-[2px]` classes, which are completely untouched by this code. They will keep their harsh lines and shadows! */