/* MODULE GRID */
.modules {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
  padding: 40px;
  max-width: 1200px;
  margin: auto;
}

/* LINK WRAPPER (NO BORDER, NO OUTLINE, NO COLOR CHANGE EVER) */
a.module-link,
a.module-link:hover,
a.module-link:visited,
a.module-link:active,
a.module-link:focus,
a.module-link:focus-visible {
  display: block;
  text-decoration: none;
  color: inherit;
  background: none;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* MODULE CARD */
.module-card {
  background: linear-gradient(135deg, #ffffff, #f1f1f1);
  padding: 25px;
  border-radius: 15px;
  border: 1px solid #dcdcdc;
  box-shadow: 0px 4px 10px rgba(0,0,0,0.12);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  cursor: pointer;
}

/* HOVER EFFECT (ONLY LIFT + SHADOW, NO COLOR CHANGES) */
a.module-link:hover .module-card {
  transform: translateY(-6px);
  box-shadow: 0px 8px 20px rgba(0,0,0,0.2);
}

/* MODULE TITLE */
.module-card h3 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 22px;
  border-bottom: 2px solid black;
  display: inline-block;
  padding-bottom: 3px;
}

/* LISTS IN CARDS */
.module-card ul {
  margin: 0;
  padding-left: 20px;
  font-size: 16px;
  line-height: 1.5;
}
.module-card ul li{
  text-align: left;
  
}

/* DISABLED MODULES TEMPORARY */
/* 
---------------
--------------
-------------
 */

a.module-link-disabled,
a.module-link-disabled:hover,
a.module-link-disabled:visited,
a.module-link-disabled:active,
a.module-link-disabled:focus {
  display: block;
  text-decoration: none;
  color: inherit;
  pointer-events: none;
}



a.module-link-disabled .module-card {
  background: linear-gradient(135deg, #eeeeee, #dddddd);
  color: #999;
  border: 1px solid #cfcfcf;
  box-shadow: 0px 4px 10px rgba(0,0,0,0.08);
  opacity: 0.65;
  cursor: not-allowed;
}

/* prevent hover animation */
a.module-link-disabled:hover .module-card {
  transform: none;
  box-shadow: 0px 4px 10px rgba(0,0,0,0.08);
}

/* make the underline gray too */
a.module-link-disabled .module-card h3 {
  border-bottom-color: #999;
}

/* make progress bar faded */
a.module-link-disabled progress {
  opacity: 0.5;
}

/* DISABLED MODULES TEMPORARY */
/* 
---------------
--------------
-------------
 */


main{
  background-color: #f5f5f5;
}
h1{
  font-family: 'Raleway', sans-serif;
  color: #50959b;
  margin: 0px;
  padding: 10px;
}
p{
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
  color: #50959b;
  font-size: 24px;
}