/* Keep My ProofYear as a fixed B5 page while its contents fit inside it as one composition. */
.public-v1 .v1-artifact-body,
html[dir=rtl] .public-v1 .v1-artifact-body{
  display:block;
  min-width:0;
  min-height:0;
  padding:0;
  overflow:hidden;
}

.public-v1 .v1-artifact-content{
  box-sizing:border-box;
  width:100%;
  height:100%;
  min-width:0;
  min-height:100%;
  padding:31px 30px 25px;
  display:flex;
  flex-direction:column;
  transform-origin:top left;
  will-change:transform;
}
html[dir=rtl] .public-v1 .v1-artifact-content{
  direction:rtl;
  text-align:right;
  transform-origin:top right;
}

/* Footer remains part of the page composition and can never escape the B5 frame. */
.public-v1 .v1-artifact-content>footer{margin-top:auto}

@media(max-width:600px){
  .public-v1 .v1-artifact-content,
  html[dir=rtl] .public-v1 .v1-artifact-content{padding:24px 19px 19px}
}
@media(max-width:390px){
  .public-v1 .v1-artifact-content,
  html[dir=rtl] .public-v1 .v1-artifact-content{padding-inline:16px}
}

@media(prefers-reduced-motion:reduce){
  .public-v1 .v1-artifact-content{will-change:auto}
}