/* Tailwind handles 99% of styling. This file is for tiny tweaks only. */

html {
  -webkit-text-size-adjust: 100%;
}

body {
  font-feature-settings: 'cv11', 'ss01';
}

/* Better focus ring */
*:focus-visible {
  outline: 2px solid #171717;
  outline-offset: 2px;
  border-radius: 4px;
}

/* Remove default <details> arrow */
details > summary::-webkit-details-marker { display: none; }
details > summary { list-style: none; }

/* Mobile bottom nav safety */
@supports (padding: max(0px)) {
  .pb-safe { padding-bottom: max(1rem, env(safe-area-inset-bottom)); }
}

/* Inputs — kill the iOS yellow autofill */
input:-webkit-autofill,
textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset;
  -webkit-text-fill-color: #171717;
}

/* Custom scrollbar for webkit (desktop) */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #ebebeb; border-radius: 999px; }
::-webkit-scrollbar-thumb:hover { background: #999; }

/* Anchor offset so sticky header doesn't cover content */
section[id] { scroll-margin-top: 80px; }