/* City Forum look for the pages we embed in the web app (welcome and home).
   The app sanitises embedded HTML and drops class, style, width and height, so these rules select by structure
   (the app wraps the page in .mx_WelcomePage_body / .mx_HomePage_body) and by link target.
   Linked from index.html by brand_static.py. */
:is(.mx_WelcomePage_body, .mx_HomePage_body) > div {
  max-width: 34rem; margin: 0 auto; padding: 2.5rem 1.25rem; text-align: center;
}
:is(.mx_WelcomePage_body, .mx_HomePage_body) > div > img { display: block; margin: 0 auto; width: 112px; height: auto; }
:is(.mx_WelcomePage_body, .mx_HomePage_body) > div > h1 { margin: 1.25rem 0 .5rem; font-size: 2rem; font-weight: 600; }
:is(.mx_WelcomePage_body, .mx_HomePage_body) > div > p { margin: 0 0 1.5rem; line-height: 1.5; color: var(--cpd-color-text-secondary); }
:is(.mx_WelcomePage_body, .mx_HomePage_body) > div > p:first-of-type { font-size: 1.05rem; }
:is(.mx_WelcomePage_body, .mx_HomePage_body) > div > p:last-of-type { font-size: .85rem; margin-bottom: 0; }
:is(.mx_WelcomePage_body, .mx_HomePage_body) > div > ul {
  list-style: none; padding: 0; margin: 0 auto 1.5rem; max-width: 30rem; text-align: left; line-height: 1.6;
}
:is(.mx_WelcomePage_body, .mx_HomePage_body) > div > ul > li { margin: 0 0 .75rem; }
.mx_WelcomePage_body > div > div:first-of-type { display: flex; flex-direction: column; align-items: center; gap: .75rem; margin: 0 0 1.75rem; }
.mx_WelcomePage_body a[href="#/login"],
.mx_WelcomePage_body a[href="#/register"] {
  display: block; box-sizing: border-box; width: min(24rem, 100%); padding: 12px 22px; border-radius: 100px;
  font-weight: 600; text-align: center; text-decoration: none; cursor: pointer;
}
.mx_WelcomePage_body a[href="#/login"] { background: #138f54; color: #fff; border: 1px solid #138f54; }
.mx_WelcomePage_body a[href="#/login"]:hover { background: #0c5c34; border-color: #0c5c34; }
.mx_WelcomePage_body a[href="#/register"] { background: transparent; color: #138f54; border: 1px solid #138f54; }
.mx_WelcomePage_body a[href="#/register"]:hover { background: rgba(19, 143, 84, .08); }
.mx_WelcomePage_body > div > div:nth-of-type(2) { margin: 0 0 1.75rem; padding-top: 1.5rem; border-top: 1px solid var(--cpd-color-separator-primary); }
.mx_WelcomePage_body > div > div:nth-of-type(2) > h2 { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 0 0 .75rem; font-size: 1.5rem; font-weight: 400; color: var(--cpd-color-text-secondary); }
.mx_WelcomePage_body > div > div:nth-of-type(2) > h2 img { height: 32px; width: auto; }
.mx_WelcomePage_body > div > div:nth-of-type(2) > p { margin: 0 0 .75rem; font-size: .95rem; color: var(--cpd-color-text-secondary); }
.mx_WelcomePage_body > div > div:nth-of-type(2) > p:nth-of-type(2) a { display: inline-block; margin: 0 .25rem; }
.mx_WelcomePage_body > div > div:nth-of-type(2) > p:nth-of-type(2) img { display: block; height: 40px; width: auto; }