anchor.diff:  
   .pageView {
   	display: inline-block;
  -	width: 350px;
  -	height: 350px;
  -	max-height: 90vh;
  -	padding: 0 1em 1.5em;
  +	width: 20em;
  +	height: 25em;
  +	max-height: 100%;
  +	max-width: 100%;
  +	padding: 0 1rem 1.5rem;
   	box-sizing: border-box;
  -	transition: width 0.25s ease-in-out, height 0.25s ease-in-out, padding 0.25s ease-in-out;
  -}
  -
  -.singleView .pageView {
  -	width: 100%;
  -	height: 95%;
  +	transition: width 0.25s linear, height 0.25s linear, padding 0.25s linear;
   }
   
   .pageView .pageContainer {
   	width: 100%;
   	height: calc(100% - 2em);
   	overflow: hidden;
  -	box-shadow: 0 0 0 0.05em #ffffff88;
  -}
  -
  -.singleView .pageContainer {
  -	height: calc(100% - 2em);
  +	box-shadow: 0 0 0 0.05rem #ffffff88;
   }
   
   .pageView .page {
  
positive.code: %>
  <script>
  
  var setPageSize = function() {
  	document.body.style.fontSize = "calc(1em / " + window.devicePixelRatio + ")";
  	if (window.devicePixelRatio === 4) {
  		document.body.classList.add("nativeScale");
  	} else {
  		document.body.classList.remove("nativeScale");
  	}
  	if (window.devicePixelRatio >= 2.5) {
  		document.body.classList.add("singleView");
  	} else {
  		document.body.classList.remove("singleView");
  	}
  };
  
  addEventListener("resize", function(ev) {
  	setTimeout(setPageSize);
  });
  
  setTimeout(setPageSize);
  
  </script>
negative.code: 	display: inline-block;
  	font-size: 2em;
  	color: #EEE;
  }
  
  header {
  