.grid {
    grid-gap:0.5rem;
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%),max-content));
}
.grid > p {
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
}

.grid-1-2 {
    grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%),max-content));
}
.grid-1-2 > p:nth-child(2) {
    grid-column: span 2;
}
.grid-2-1 {
    grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%),max-content));
}
.grid-2-1 > p:first-child {
    grid-column: span 2;
}


.grid-1-3 {
    grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%),max-content));
}
.grid-1-3 > p:nth-child(2) {
    grid-column: span 3;
}
.grid-3-1 {
    grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%),max-content));
}
.grid-3-1 > p:first-child {
    grid-column: span 3;
}


.grid-2-3 {
    grid-template-columns: repeat(auto-fit, minmax(min(120px, 100%),max-content));
}
.grid-2-3 > p:first-child {
    grid-column: span 2;
}
.grid-2-3 > p:nth-child(2) {
    grid-column: span 3;
}
.grid-3-2 {
    grid-template-columns: repeat(auto-fit, minmax(min(120px, 100%),max-content));
}
.grid-3-2 > p:first-child {
    grid-column: span 3;
}
.grid-3-2 > p:nth-child(2) {
    grid-column: span 2;
}

.fa-icon {
  align-items: center;
  vertical-align: -0.125em !important;
}

.fa-icon > svg {
  height: 1em !important;
  width: auto !important;
}

.nobr {
  white-space: nowrap;
}

.admonition-heading { 
  visibility: hidden;
  height: 0;
  margin: 0 !important;
  --md-scroll-offset: -2em !important;
}