/* The editorial sections only: the hero, login and registration retain their own styles. */
.landing_bce #grid > :is(#intro, #gameplay, #screenshots, #supplements, #faq) {
    background: #1c2520 url('../img/textures/black-paper.png');
    color: #dddccf;
    box-shadow: none;
    padding: 0;
}
.landing_bce #grid > :is(#intro, #gameplay, #screenshots, #supplements, #faq) > .dynamic_width {
    box-sizing: border-box;
    padding: 42px 10px;
    line-height: 1.65;
}
.landing_bce #grid > :is(#gameplay, #screenshots, #supplements, #faq) > .dynamic_width {
    border-top: 1px solid #82907845;
}
.landing_bce #grid > :is(#intro, #gameplay, #screenshots) .bubble {
    background: none;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    padding: 0;
}
.landing_bce #grid > :is(#intro, #gameplay, #screenshots, #supplements, #faq) .section_header {
    margin: 0 0 20px;
    padding-bottom: 8px;
    border-color: #829078;
    color: #eee9d7;
    line-height: 1.3;
}
.landing_bce #intro_text { padding-left: 26px; font-weight: normal; }
.landing_bce #intro_text blockquote {
    margin: 0 0 20px;
    padding: 0 0 0 18px;
    border-left: 2px solid #879276;
    color: #c8c7ac;
    font-style: italic;
}
.landing_bce #intro_text blockquote::before { display: none; }
.landing_bce #intro_text blockquote cite { display: block; float: none; margin-top: 6px; text-align: right; }
.landing_bce #eremite > div { font-size: 13px; color: #aeb39b; margin-top: 8px; }
.landing_bce #screenshots .image_item { box-shadow: none; border: 1px solid #7e8974; border-radius: 2px; }
.landing_bce #supplements .bce-book-art img { filter: none; }
.landing_bce #faq p.accordion {
    background: transparent;
    color: #dddccf;
    border-bottom: 1px solid #82907845;
    box-shadow: none;
    padding: 16px 0;
    margin: 0;
}
.landing_bce #faq p.accordion:hover, .landing_bce #faq p.accordion.active { background: #ffffff08; }
.landing_bce #faq .answer-panel { background: transparent; color: #bec4b1; box-shadow: none; }
@media (max-width: 767px) {
    .landing_bce #grid > :is(#intro, #gameplay, #screenshots, #supplements, #faq) > .dynamic_width { padding: 26px 20px; }
    .landing_bce #intro_text { flex-basis: 100%; padding-left: 0; margin-top: 22px; }
    .landing_bce #eremite img { max-width: 100%; height: auto; }
}

/* A single archive palette, with the original landscape emerging behind the introduction. */
.landing_bce #grid > #intro {
    background: linear-gradient(180deg, #1c2520a8, #1c2520e8 80%, #1c2520), url('../img/bce/body_bg.jpg') center / cover;
}
.landing_bce #grid > #intro > .dynamic_width { padding-top: 48px; }
.landing_bce #grid > :is(#intro, #gameplay, #screenshots, #supplements, #faq) a:not(.btn):not(.bce-book) { color: #d3b888; text-underline-offset: 3px; }
.landing_bce #grid > :is(#intro, #gameplay, #screenshots, #supplements, #faq) a:focus-visible { outline: 2px solid #d3b888; outline-offset: 4px; }
.landing_bce #intro_text blockquote { font-size: 19px; line-height: 1.6; border-color: #bda675; }
.landing_bce #intro_text blockquote cite { font-size: 13px; }
.landing_bce #eremite img { border: 1px solid #9b9e7b; padding: 5px; background: #101912; }
.landing_bce #screenshots .screenshot_grid { gap: 20px; }
.landing_bce #screenshots .image_item { border-radius: 0; }
.landing_bce #supplements { --archive-ink: #e3e0cf; --archive-muted: #b3bda8; --archive-line: #82907855; }
.landing_bce #supplements .bce-book { padding: 18px 14px 14px; border: 1px solid #82907845; background: #0e171b26; transition: border-color .15s, background .15s; }
.landing_bce #supplements .bce-book:hover { border-color: #a9a07e; background: #ffffff05; }
.landing_bce #supplements .bce-book-open { color: #d3b888; }
.landing_bce #faq p.accordion::after { color: #baa479; }
.landing_bce #faq .answer-panel { margin-top: 0; }
@media (min-width: 1000px) {
    .landing_bce #eremite { width: 28%; }
    .landing_bce #eremite img { width: 100%; max-height: none; height: auto; box-sizing: border-box; }
    .landing_bce #intro_text { padding-left: 36px; }
}
@media (max-width: 767px) {
    .landing_bce #intro_text blockquote { font-size: 17px; }
    .landing_bce #grid > #intro > .dynamic_width { padding-top: 30px; }
}
@media (prefers-reduced-motion: reduce) { .landing_bce #supplements .bce-book { transition: none; } }