/* Shared learning sequence. Existing campus theme owns typography and colors. */
@media screen {
  .am-community-theme .community-learning-flow {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .375rem;
    margin-block: .75rem 1rem;
    padding-block: .375rem;
    border-block: 1px solid var(--line);
    min-inline-size: 0;
  }
  .am-community-theme .community-learning-flow a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .375rem;
    min-block-size: 44px;
    min-inline-size: 0;
    padding: .25rem;
    border-radius: .5rem;
    color: var(--body);
    font: 600 .75rem/1.3 var(--font);
    text-align: center;
    text-decoration: none;
    overflow-wrap: anywhere;
  }
  .am-community-theme .community-learning-flow a > span {
    display: inline-grid;
    place-items: center;
    flex: 0 0 1.25rem;
    block-size: 1.25rem;
    border: 1px solid currentColor;
    border-radius: 50%;
    font-variant-numeric: tabular-nums;
  }
  .am-community-theme .community-learning-flow a[aria-current="step"] {
    color: var(--cyan);
    background: rgba(34, 211, 238, .07);
  }
  .am-community-theme .community-learning-flow a:hover {
    color: var(--text);
    background: rgba(255, 255, 255, .04);
  }
  .am-community-theme .community-learning-flow a:focus-visible {
    outline: 2px solid var(--cyan);
    outline-offset: 2px;
  }
}
@media print { .community-learning-flow { display: none; } }