.content-page {
    min-height: 70vh;
    padding-bottom: 34px;
    background: #0b1e2f;
    color: #e7f0f6;
}

.content-page > .categories {
    background: #10283b;
    border-bottom: 1px solid rgba(103, 232, 249, .12);
}

.content-page .heading h2,
.content-page .heading > p {
    color: #f1f7fb;
}

.content-page .heading > p {
    color: #b7cbd8;
}

.content-page .category {
    background: linear-gradient(145deg, #17364c, #122b40);
    border-color: rgba(103, 232, 249, .14);
    color: #f1f7fb;
    box-shadow: 0 14px 32px rgba(2, 12, 22, .18);
}

.content-page .category:hover {
    border-color: rgba(103, 232, 249, .34);
    box-shadow: 0 18px 38px rgba(2, 12, 22, .34);
}

.content-page .category .icon,
.content-page .category small {
    background: rgba(34, 211, 238, .13);
    color: #a5f3fc;
}

.content-page .category p {
    color: #b9ccd8;
}

.content-page .category b,
.content-page .head-link a {
    color: #67e8f9;
}

.content-page .popular {
    margin-bottom: 0;
    background: #091d2f;
    border-bottom: 1px solid rgba(103, 232, 249, .12);
}

.content-page .popular + .popular {
    background: #0d2437;
}

.content-page .network-page {
    width: min(100% - 40px, 1220px);
    margin: 0 auto;
    padding: 34px 0 12px;
    background: transparent;
    color: #d9e6ee;
}

.content-page .network-header h1 {
    color: #f8fbff;
}

.content-page .network-header > p:last-child,
.content-page .page-byline,
.content-page .network-guide p,
.content-page .network-guide li {
    color: #b7cbd8;
    margin-bottom:10px;
}

.content-page .network-eyebrow,
.content-page .network-guide h2,
.content-page .network-guide h3 {
    color: #67e8f9;
}

.content-page .network-guide {
    background: #142f43;
    border-color: rgba(103, 232, 249, .15);
    box-shadow: 0 16px 34px rgba(2, 12, 22, .2);
}

.content-page .network-guide + .network-guide {
    margin-top: 18px;
}

.content-page .network-guide a:not(.network-button),
.content-page .back-link {
    color: #7dd3fc;
}

.content-page .network-button {
    background: #0e7490;
    border-color: #22d3ee;
    color: #fff;
}

.content-page .network-button:hover {
    background: #0891b2;
}

@media (max-width: 700px) {
    .content-page .network-page {
        width: min(100% - 28px, 1220px);
    }
}