/* UI Style 15 - Layout A */
body.ui-style-15 {
  --primary-color: hsl(345, 65%, 55%);
  --secondary-color: hsl(165, 60%, 50%);
}

main article:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 16px rgba(0,0,0,0.12);
}

@media (max-width: 768px) {
  main { padding: 0 15px; }
  h1 { font-size: 24px !important; }
  h2 { font-size: 20px !important; }
  section { padding: 20px !important; }
}

.nav a:hover {
  background: rgba(52, 152, 219, 0.1);
  border-radius: 4px;
}