.public-desktop-footer,
body.contentPage .public-artwork {display: none;}
body.contentPage #navigation .menu .github-forum-link,
body.contentPage #navigation .menu .forum-link {display: none;}
@media (max-width: 700px) {
    body.contentPage #navigation .menu .github-forum-link {display: none;}
    body.manualPage #footer {display: none;}
    body.manualPage .public-desktop-footer {display: block; order: 3; box-sizing: border-box; width: 100%; padding: 14px; background: #f1f3f0; color: #777; font-size: 11px; line-height: 1.5; text-align: center;}
    body.manualPage .public-desktop-footer nav {display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 8px;}
    body.manualPage .public-desktop-footer nav a {color: #777; text-decoration: none;}
    body.manualPage .public-desktop-footer nav a:not(:last-child)::after {content: "|"; margin-left: 8px;}
    body.manualPage .public-desktop-footer p {margin: 8px 0 0;}
}
@media (min-width: 701px) {
    body.contentPage {margin: 0; min-width: 0; background: #fff; color: #292929; font-size: 15px; line-height: 1.7;}
    body.contentPage .wrapper {display: flex; flex-direction: column; width: 100%; min-width: 0; min-height: 100vh;}
    body.contentPage #country_select {display: none;}
    body.contentPage #navigation {position: static; order: 0; box-sizing: border-box; width: 100%; height: auto; margin: 0; padding: 6px 12px; background: #383d38;}
    body.contentPage #navigation a.home {display: none;}
    body.contentPage #navigation table.menu {position: static; width: 100%; max-width: 800px; margin: 0 auto; table-layout: fixed; border-collapse: collapse;}
    body.contentPage #navigation .menu a,
    body.contentPage #navigation .menu a span {display: block; padding: 0; color: #fff; background: none; line-height: 28px; text-shadow: none;}
    body.contentPage #navigation .menu a.mark {color: #c9ed8a;}
    body.contentPage #header {position: static; order: 1; width: 100%; height: auto; background: none;}
    body.contentPage #header h1 {display: none;}
    body.contentPage .public-artwork {display: block; width: 100%; height: auto;}
    body.contentPage #header::after {content: ""; display: block; height: 10px; background: #f1f3ef; border-top: 3px solid #526b3e; border-bottom: 1px solid #d9ded8;}
    body.contentPage #content {order: 2; box-sizing: border-box; width: 100%; padding: 28px 24px 40px;}
    body.contentPage #content .grit {box-sizing: border-box; width: 100%; max-width: 1100px; min-height: 0; margin: 0 auto; padding: 0; background: none; overflow: visible;}
    body.contentPage #content .grit h1,
    body.contentPage #content .grit h2 {box-sizing: border-box; height: auto; margin: 0 0 18px; padding: 10px 14px; background: #f0f4ec; border-left: 4px solid #6f963e; color: #2b3d28; font-size: 20px; line-height: 1.4; text-shadow: none;}
    body.contentPage #content .grit p,
    body.contentPage #content .grit li {font-size: 15px; line-height: 1.7; overflow-wrap: anywhere;}
    body.contentPage #content .grit .question {clear: both; margin-top: 24px; padding: 10px 14px; background: #edf4f5; border-left: 4px solid #42818b; font-style: normal; font-weight: bold;}
    body.contentPage #content .grit .answer {margin: 12px 0 22px;}
    body.faqPage #content .grit > p {margin-left: 0; margin-right: 0;}
    body.faqPage #content .faq-illustrated {display: grid; grid-template-columns: minmax(0, 1fr) 130px; column-gap: 20px; margin: 24px 0 22px;}
    body.faqPage #content .grit .faq-illustration {grid-column: 2; grid-row: 1 / 3; width: 130px; margin: 0; text-align: center;}
    body.faqPage #content .faq-illustration img {float: none; display: inline-block;}
    body.faqPage #content .grit .faq-illustrated .question {grid-column: 1; grid-row: 1; margin: 0; align-self: start;}
    body.faqPage #content .grit .faq-illustrated .answer {grid-column: 1; grid-row: 2; margin: 12px 0 0;}
    body.contentPage #content .terms-box {padding: 0;}
    body.tutorialPage #content .tutorial_table,
    body.tutorialPage #tutorial_nav {width: 100%; max-width: 720px; margin: 24px auto;}
    body.tutorialPage #content .tutorial_table img {max-width: 100%; height: auto;}
    body.tutorialPage #tutorial_nav a {display: inline-block; padding: 8px 14px; border: 1px solid #b9ccb0; background: #f0f4ec; text-decoration: none;}
    body.contentPage #content .footer {display: none;}
    body.contentPage #footer {display: none;}
    body.contentPage a {color: #477927;}
    body.contentPage .public-desktop-footer {display: block; order: 3; box-sizing: border-box; width: 100%; margin-top: auto; padding: 18px 24px; background: #f1f3ef; border-top: 1px solid #d9ded8; color: #787878; text-align: center; font-size: 11px; line-height: 20px;}
    body.contentPage .public-desktop-footer nav {display: flex; flex-wrap: wrap; justify-content: center; gap: 8px;}
    body.contentPage .public-desktop-footer a {color: #787878;}
    body.contentPage .public-desktop-footer p {margin: 8px 0 0;}
}