/* AiNex 사이버연수원 — shared components. Only the mobile sticky action bar (.msa-, law/safety guides) is still in use;
   the AiNex-Edu .ns- .cb- .fc- .ps- .cn- blocks were removed in design step 1. */
.msa-spacer {
  display: none;
}

.msa-bar {
  display: none;
}

@media (max-width: 767px) {
  .msa-spacer {
    display: block;
    height: calc(68px + env(safe-area-inset-bottom, 0px));
  }

  .msa-bar {
    display: block;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 40;
    padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px));
    background: #fff;
    border-top: 1px solid #e4e7ec;
  }

  .msa-grid1,
  .msa-grid2 {
    display: grid;
    gap: 8px;
  }

  .msa-grid1 {
    grid-template-columns: 1fr;
  }

  .msa-grid2 {
    grid-template-columns: 1fr 1fr;
  }

  .msa-primary,
  .msa-secondary {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 10px;
    border: 1px solid #153f73;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: -0.02em;
    text-align: center;
    text-decoration: none;
    word-break: keep-all;
  }

  .msa-primary {
    color: #fff;
    background: #153f73;
  }

  .msa-secondary {
    color: #153f73;
    background: #fff;
  }

  .msa-primary[aria-disabled='true'],
  .msa-secondary[aria-disabled='true'] {
    opacity: 0.45;
    cursor: not-allowed;
  }
}

.msa-primary,
.msa-secondary {
  border-radius: var(--radius-button);
  min-height: 50px;
  box-shadow: none;
}

.msa-primary {
  color: var(--bg);
  background: var(--accent);
  border: 0;
  box-shadow: 0 12px 28px rgb(from var(--accent) r g b / 0.28);
}

.msa-secondary {
  color: var(--text);
  background: var(--bg);
  border: 1px solid #d5dbe6;
}