body {
    margin-bottom: 60px;
}

a.grey-link:link, a.grey-link:visited, .pager-link > td > a:link, .pager-link > td > a:visited, .thead-main > th > a:link, .thead-main > th > a:visited, .bg-main > a:link, .bg-main > a:visited {
    color: #c7c7c8;
    font-size: 1em !important;
    text-decoration: none;
}

.table-hover > tbody > tr:hover > td > a.grey-link:link, .table-hover > tbody > tr:hover > td > a.grey-link:visited {
    color: #000 !important;
}

a.grey-link:hover, a.grey-link:active, .thead-main > th > a:hover, .thead-main > th > a:active, .bg-main > a.hover, .bg-main > a:active {
    color: oklch(60% 0.18 220);
    text-decoration: none;
}

a.grey-box:link, a.grey-box:visited {
    color: #c7c7c8;
    font-size: 1em !important;
    text-decoration: none;
    background-color: #1a1d20;
    border: 1px solid #495057;
    width: 250px;
}

a.grey-box:hover, a.grey-box:active {
    color: oklch(60% 0.18 220);
    text-decoration: none;
    border: 1px solid #15A1F5;
    background-color: #07273b;
}

.img-big {
    max-height: 310px;
    min-height: 150px;
    object-fit: cover;
}

.stat-card-blue {
    border: 1px solid #495057;
    background-color: #03131d;
    max-width: 250px;
    height: 110px;
    padding: 20px;
}

.text-blue {
    color: #1497E5;
}

.btn-blue {
    background-color: #1497E5 !important;
}

.text-grey {
    color: darkgrey;
}

.fs-7 {
    font-size: .85em;
}
.fs-8 {
    font-size: .75em;
}

.product-card {
    position: relative;
}

.badge {
    position: absolute;
    top: -8px;
    left: 25px;
    z-index: 2;
    border: 1px solid #495057;
    background-color: #07273b;
    color: #f8f9fa;
}

.badge-dev-preview {
    border-color: #6f42c1;
    background-color: #2b1c47;
    color: #c5a8ff;
}

.badge-popular {
    border-color: #198754;
    background-color: #0f3024;
    color: #6ee7b7;
}

.badge-sale {
    border-color: #dc3545;
    background-color: #3a1014;
    color: #ff8a95;
}

.badge-charity {
    border-color: #ffc107;
    background-color: #3a2c08;
    color: #ffe28a;
}

/*Bootstrap Overrides*/
.nav-link {
    --bs-nav-link-color: rgb(248, 249, 250) !important;
    --bs-nav-link-hover-color: #15A1F5 !important;
    --bs-navbar-active-color: #1497E5 !important;

}
    .nav-link.active {
        background-color: #212529;
    }
        .nav-link:hover, .nav-link.active:hover {
            border: 1px solid #15A1F5;
        }

.card-body {
    border: 1px solid #495057;
    background-color: #03131d;
    padding: 20px;
}

.card-img-carousel {
    border: 1px solid #495057;
    background-color: #03131d;
    padding: 20px;
}


/* ---------------------------------------------------------------------------
   Long-form policy and FAQ pages.
   Constrained measure and a clear heading rhythm - these are read, not scanned.
   --------------------------------------------------------------------------- */

.policy-page {
    max-width: 780px;
    padding-top: 16px;
    padding-bottom: 80px;
    color: #c3c7cd;
    line-height: 1.8;
}

.policy-page h1 {
    font-size: clamp(28px, 4vw, 40px);
    font-weight: 700;
    letter-spacing: -0.025em;
    color: #f1f3f5;
    margin-bottom: 20px;
}

.policy-page h2 {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.015em;
    color: #f1f3f5;
    margin: 40px 0 12px;
    padding-top: 18px;
    border-top: 1px solid #2a2f38;
}

.policy-page h3 {
    font-size: 15.5px;
    font-weight: 600;
    color: #e3e6ea;
    margin: 26px 0 8px;
}

.policy-page p,
.policy-page li {
    font-size: 15px;
}

.policy-page ul {
    padding-left: 20px;
}

.policy-page li {
    margin-bottom: 7px;
}

.policy-page a {
    color: #1497E5;
    text-decoration: none;
}

.policy-page a:hover {
    text-decoration: underline;
}

.policy-lead {
    font-size: 16px !important;
    color: #b6bac1;
    margin-bottom: 8px;
}

.policy-footnote {
    margin-top: 44px;
    padding-top: 20px;
    border-top: 1px solid #2a2f38;
    font-size: 13px !important;
    color: #8b8f96;
}