* {
  box-sizing: border-box;
}

body.ui-style-10 {
  font-size: 16px;
}

a {
  transition: all 0.3s ease;
}

a:hover {
  opacity: 0.8;
}

@media (max-width: 767px) {
  main {
    padding-top: 10px;
  }

  h1 {
    font-size: 24px !important;
  }

  h2 {
    font-size: 20px !important;
  }

  nav ul {
    flex-wrap: nowrap !important;
  }
}

.layout-A article {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.layout-A article:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 16px rgba(0,0,0,0.12) !important;
}