html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

main {
    min-height: 30vh;
    
}

/* -------------------------------------------
   List utilities for content inside cards
   Ensures <ul>/<ol>/<li> fit within card boundary
   ------------------------------------------- */
.card .card-body ul,
.card .card-body ol {
    padding-left: var(--space-6);
    margin: var(--space-3) 0;
    list-style-position: outside;
}

.card .card-body ul {
    list-style-type: disc;
}

.card .card-body ol {
    list-style-type: decimal;
}

.card .card-body li {
    margin-bottom: var(--space-2);
    overflow-wrap: anywhere; /* break long words/URLs */
    word-break: break-word;
}

    .card .card-body li > ul,
    .card .card-body li > ol {
        margin-top: var(--space-2);
        padding-left: var(--space-5);
    }

/* Slightly reduce indent on very small screens */
@media (max-width: 480px) {
    .card .card-body ul,
    .card .card-body ol {
        padding-left: var(--space-5);
    }
}