/* Carte à contour ——————————————————————— */
.outline-card {
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  padding: var(--space-12);

  h4 {
    display: flex;
    flex-direction: column;
    font-weight: 600;
    line-height: 1.2;

    > span:first-child {
      font-size: var(--fs-small);
      font-weight: 400;
    }

    > span:last-child {
      font-size: var(--fs-heading-2);
      font-variant-numeric: tabular-nums;
      font-weight: 500;
      margin-block-start: var(--space-4);
    }
  }

  a {
    font-size: var(--fs-small);
    margin-block-start: auto;
    padding-block-start: var(--space-16);
    text-decoration-offset: 0.125rem;
    
    svg {
      position: relative;
      top: 2px;
    }
  }

  a:hover,
  a:focus {
    text-decoration: underline;
  }
  
  &.advancement-card {
    overflow-x: auto;
  }

  &.information-card {
    h3 {
      font-size: var(--fs-body);
      font-weight: 400;
      margin-block-end: var(--space-20);
    }
    
    /*h4 {
      font-size: var(--fs-heading-2);
      font-weight: 400;
      margin-block-end: var(--space-20);
    }*/
    
    p {
      font-size: var(--fs-small);
      margin-block: 0;
      
      & + P {
        margin-block-start: var(--space-4);
      }
      
      span {
        font-weight: 600;
      }
    }
  }
}