/* OstoVirta signup mobile fix: 2026-09-13 */
/* Sibling selector confines footer changes to signup.html. */
.signup-layout ~ .ov-legal-footer { color: #d2dff2; }
.signup-layout ~ .ov-legal-footer a,
.signup-layout ~ .ov-legal-footer a:visited { color: #ffffff; text-decoration: underline; }
.signup-layout ~ .ov-legal-footer a:hover { color: #a8e9fa; }
.signup-layout ~ .ov-legal-footer a:focus-visible { outline: 3px solid #a8e9fa; outline-offset: 4px; }
@media (max-width: 700px) {
  .signup-plan-grid { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .signup-plan {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    align-items: center;
    gap: 2px 12px;
    padding: 12px 14px;
    min-height: 0;
    height: auto;
    line-height: 1.4;
  }
  .signup-plan > input[type="radio"] {
    grid-column: 1;
    grid-row: 1 / 3;
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    margin: 0;
    padding: 0;
    align-self: center;
  }
  .signup-plan > strong { grid-column: 2; grid-row: 1; margin: 0; }
  .signup-plan > span { grid-column: 2; grid-row: 2; margin: 0; font-size: .8125rem; }
  .signup-plan > b { grid-column: 3; grid-row: 1 / 3; margin: 0; white-space: nowrap; }
}