/* Candidate only. Load on AOClub signup/login templates, never globally. */
@media (max-width: 959px) {
  body { min-width: 0; overflow-x: hidden; }
  .site-content.container_12 { width: 100%; max-width: 100%; box-sizing: border-box; }
  .container_12 [class^="grid_"],
  .container_12 [class*=" grid_"] {
    display: block;
    float: none;
    width: auto;
    max-width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    box-sizing: border-box;
  }
  #site-header .site-header-top .logo,
  #site-header .site-header-top .logo-content,
  #site-header .site-header-top .login {
    float: none;
    position: static;
    max-width: 100%;
  }
  #site-header .site-header-top .logo img { max-width: 190px; height: auto; }
  #site-header .site-header-top .logo-content { margin-left: 0; }
  #site-header .site-header-top .login { margin: 10px 0; }
  #site-header .site-menu-top ul { display: flex; flex-wrap: wrap; }
  #site-header .site-menu-top ul > li { width: auto; min-width: 90px; }
  #signup-form { display: flex; flex-direction: column; }
  #signup-form > .grid_9 { order: 0; }
  #signup-form > .grid_3 { display: flow-root; order: 1; }
  .member-details-table { width: 100%; max-width: 100%; table-layout: fixed; box-sizing: border-box; }
  .member-details-table td { overflow-wrap: anywhere; }
  .site-screenshot img { max-width: 100%; height: auto; }
  .site-screenshot p { position: static; width: auto; max-width: 100%; box-sizing: border-box; margin: 4px 0; }
  .site-screenshot p:after { display: none; }
  #signup-form,
  #signup-form .am-form,
  #signup-form .style-box,
  .am-login-form,
  .am-sendpass-form { max-width: 100%; box-sizing: border-box; }
  #signup-form .style-comment-form .input-comment { display: none; }
  #signup-form .style-comment-form .input { margin-left: 0; line-height: 1.4; }
  #signup-form .style-comment-form .input > label {
    display: block;
    float: none;
    width: auto;
    margin-left: 0;
  }
  #signup-form .style-comment-form .input .comment { display: block !important; }
  #signup-form input[type="text"],
  #signup-form input[type="password"],
  #signup-form input[type="email"],
  .am-login-form input[type="text"],
  .am-login-form input[type="password"],
  .am-sendpass-form input[type="email"] {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  #signup-form .products-overview {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
    width: 100%;
    box-sizing: border-box;
  }
  #signup-form .products-overview .product {
    display: block;
    width: auto;
    min-width: 0;
    margin: 0;
  }
  #signup-form .products-overview .product .title { max-width: 100%; }
  #signup-form .style-box-content img,
  #site-header img { max-width: 100%; height: auto; }
  #site-footer .site-content { width: 100%; box-sizing: border-box; }
}


@media (min-width: 600px) and (max-width: 959px) {
  #signup-form .products-overview { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}




/* Keep the footer at the viewport bottom on short auth pages. */
body { display: flex; flex-direction: column; min-height: 100vh; }
#site-footer { margin-top: auto; }