/* =========================================================
   V23 — hairline correction on narrow screens
   At DPR 2–3 a 1px rim can read as a 2–3px white line.
   Draw the rim as a hairline inset instead of a full border.
   ========================================================= */

@media (max-width: 760px) {
  body.liquid-glass .nav-shell {
    border: 0;
    box-shadow:
      inset 0 0 0 0.5px rgba(255, 255, 255, 0.62),
      inset 0 0.5px 0.5px rgba(255, 255, 255, 0.80),
      0 16px 48px rgba(25, 54, 47, 0.12);
  }

  body.liquid-glass .nav-shell::after {
    height: 0.5px;
    opacity: 0.68;
  }

  body.liquid-glass .back-dock {
    border: 0;
    box-shadow:
      inset 0 0 0 0.5px rgba(255, 255, 255, 0.66),
      inset 0 0.5px 0.5px rgba(255, 255, 255, 0.82),
      inset 0 -0.5px 0.5px rgba(255, 255, 255, 0.10),
      0 16px 48px rgba(25, 54, 47, 0.12);
  }

  body.liquid-glass .back-dock::before {
    top: 0.5px;
    height: 0.5px;
    opacity: 0.70;
  }

  body.liquid-glass .back-dock.is-on-dark {
    box-shadow:
      inset 0 0 0 0.5px rgba(255, 255, 255, 0.26),
      inset 0 0.5px 0.5px rgba(255, 255, 255, 0.22),
      0 16px 48px rgba(0, 0, 0, 0.24);
  }
}

@media (max-width: 760px) {
  /* The scrolled header uses a stronger default shadow; keep the hairline there too. */
  body.liquid-glass .site-header.is-scrolled .nav-shell {
    box-shadow:
      inset 0 0 0 0.5px rgba(255, 255, 255, 0.62),
      inset 0 0.5px 0.5px rgba(255, 255, 255, 0.80),
      0 16px 48px rgba(25, 54, 47, 0.13);
  }
}