.module-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  margin: 20px 0 28px;
}

.module-grid a {
  display: flex;
  gap: 13px;
  align-items: center;
  min-height: 92px;
  padding: 17px;
  background: white;
  border: 1px solid #d9e1ec;
  border-radius: 13px;
  box-shadow: 0 8px 22px #173d7910;
  transition: 0.2s;
}

.module-grid a:hover {
  transform: translateY(-3px);
  border-color: #d3aa42;
}

.module-grid b {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #102c52;
  color: #edc65b;
  flex: 0 0 auto;
}

.module-grid strong,
.module-grid small { display: block; }
.module-grid strong { color: #132b4d; font-size: 17px; }
.module-grid small { color: #65738a; margin-top: 6px; line-height: 1.35; }
.public-view .module-grid { grid-template-columns: repeat(4, 1fr); }
.public-view .admin-link,
.public-view #settingsPanel,
.public-view #certificatePanel { display: none !important; }
.danger { background: #fff; color: #a22c23; border-color: #d9a7a2; }
.settings-panel { scroll-margin-top: 20px; }
.settings-panel > div:first-child { margin-bottom: 18px; }
.settings-panel > div:first-child > small,
.section-kicker { color: #a57818; letter-spacing: 1.4px; font-weight: 700; }

.certificate-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  background: linear-gradient(120deg, #fff 55%, #fff7dd);
}

.certificate-panel p { margin-bottom: 0; }
.certificate-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 12px 22px;
  border-radius: 10px;
  background: #173d79;
  color: white;
  font-weight: 700;
  white-space: nowrap;
}

@media (max-width: 1050px) {
  .module-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 700px) {
  .module-grid { grid-template-columns: 1fr 1fr; gap: 9px; }
  .module-grid a { min-height: 84px; padding: 13px; }
  .module-grid b { width: 32px; height: 32px; font-size: 14px; }
  .module-grid strong { font-size: 16px; }
  .module-grid small { font-size: 12px; }
  .certificate-panel { align-items: flex-start; flex-direction: column; }
  .certificate-button { width: 100%; }
}

@media(max-width:900px){.public-view .module-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:450px){.public-view .module-grid{grid-template-columns:1fr}}