/* Global site scale — fits more content on screen at default 100% browser zoom.
   Tailwind uses rem units, so reducing the root font-size scales all text,
   spacing, and component sizes proportionally while keeping layout full-width. */
html { font-size: 14.4px; /* 16px × 0.9 = 14.4px */ }

/* Touch-device active states — mirrors hover effects for tap feedback */
@media (hover: none) and (pointer: coarse) {
  .hover-section:active {
    transform: translateY(-4px);
    background-color: rgba(255, 255, 255, 0.95);
    box-shadow: 0 15px 35px rgba(49, 109, 69, 0.1);
    border-color: rgba(88, 168, 108, 0.3);
  }
  .photo-hover:active {
    transform: scale(1.04) rotate(1deg);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    border-color: #58a86c;
  }
}