.fa-classic, .fas, [class^=icon-], [class*=\ icon-], .fa-solid, .far, .fa-regular {
    font-family: math!important;
}
.btn-sm, .btn-group-sm>.btn
 {
    --btn-padding-y: 0;
    --btn-padding-x: .25rem;
    --btn-font-size: .875rem;
    --btn-border-radius: var(--border-radius-sm);
}
.btn-info
 {
    --btn-bg: #979797;
    --btn-border-color: #30638d7d;
}
a:not([class]) {
    text-decoration: none;
}
h2, .h2 {
    font-size: 1.5em;
}
.container-header {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
        "top top below below"
        "logo logo search search" 
        "nav nav nav nav";
}
.container-header .container-topbar {
    padding: .5em;
}
.container-header .container-topbar {
    grid-area: top;
    background: var(--footerbg);
}
.container-header .container-below-top {
    grid-area: below;
    justify-content: flex-end;
    background: var(--footerbg);
}
.container-header .grid-child:has(.navbar-brand) {
    grid-area: logo;
}
.container-header .container-search {
    grid-area: search;
    justify-content: flex-end;
}
.container-header .container-nav {
    grid-area: nav;
    align-items: baseline;
    padding-bottom: 0;
}

.container-footer {
    background-image: linear-gradient(135deg, var(--cassiopeia-color-primary) 0%, var(--footerbg));
  }