/* Shared text panel: category descriptions, game info, terms & privacy */

.categoryPage .categoryDescription,
.gameInfoWrapper .gameInfo,
.pageContent {
    padding: 20px 20px 28px 25px;
    background-color: #212233;
    border-radius: 15px;
    line-height: 1.55;
}

.categoryPage .categoryDescription h1,
.categoryPage .categoryDescription h1 span,
.gameInfoWrapper .gameInfo h1,
.gameInfoWrapper .gameInfo h1 span,
.pageContent h1,
.pageContent h1 span {
    font-size: 2.5rem;
    line-height: 1.2;
}

.categoryPage .categoryDescription h2,
.categoryPage .categoryDescription h2 span,
.gameInfoWrapper .gameInfo h2,
.gameInfoWrapper .gameInfo h2 span,
.pageContent h2,
.pageContent h2 span,
.pageContent h2 a {
    font-size: 2rem;
    padding: 0.65rem 0;
    line-height: 1.25;
}

.categoryPage .categoryDescription h3,
.categoryPage .categoryDescription h3 span,
.gameInfoWrapper .gameInfo h3,
.gameInfoWrapper .gameInfo h3 span,
.pageContent h3,
.pageContent h3 span {
    font-size: 1.5rem;
    padding: 0.5rem 0;
    line-height: 1.3;
}

.categoryPage .categoryDescription p,
.gameInfoWrapper .gameInfo p,
.gameInfoWrapper .gameInfo .gameAbout p,
.pageContent p {
    padding: 0.75rem 0 1rem 0;
    line-height: 1.55;
}

.categoryPage .categoryDescription ul,
.categoryPage .categoryDescription ol,
.gameInfoWrapper .gameInfo ul,
.gameInfoWrapper .gameInfo ol,
.pageContent ul,
.pageContent ol {
    padding: 0.5rem 0 1rem 1.25rem;
}

.categoryPage .categoryDescription li,
.gameInfoWrapper .gameInfo li,
.pageContent li {
    padding: 0.25rem 0;
}

.categoryPage .categoryDescription a,
.gameInfoWrapper .gameInfo a,
.pageContent a {
    color: var(--brand-colour);
    text-decoration: underline;
}

.categoryPage .categoryDescription a:hover,
.gameInfoWrapper .gameInfo a:hover,
.pageContent a:hover {
    color: var(--nav-icon-color-active);
}

@media (max-width: 768px) {
    .categoryPage .categoryDescription h1,
    .categoryPage .categoryDescription h1 span,
    .gameInfoWrapper .gameInfo h1,
    .gameInfoWrapper .gameInfo h1 span,
    .pageContent h1,
    .pageContent h1 span {
        font-size: 2.25rem;
    }
}