/* ------------------------------------------------------------------
   Upskill — code-side styles only.
   Layout/mobile rules live in Claude Design. This file holds only what
   the design tool cannot express.
   ------------------------------------------------------------------ */

/* Desktop-only site scale. Scoped above the 820px breakpoint so it cannot
   shift the responsive layouts. Change 0.9 to resize the desktop site. */
@media (min-width: 1024px) {
  html { zoom: 0.9; }
}

/* Instagram field-notes cards (injected from the Behold feed) */
.ig-card { transition: box-shadow .2s ease, transform .2s ease; }
.ig-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-2px); }

/* iOS Safari paints <button> text in its system blue via an inherited
   -webkit-text-fill-color, which overrides `color` on child elements.
   Must be reset on the button AND its descendants. */
button {
  -webkit-appearance: none;
  appearance: none;
  color: inherit;
  font-family: inherit;
  -webkit-text-fill-color: currentColor;
}
button * { -webkit-text-fill-color: currentColor; }