anchor.diff:  <style>
   body {
   	margin: 0;
  +	padding: 0.5em;
   	background: #333;
   	font-family: sans-serif;
   	color: #DDD;
  -	transition: background 0.25s ease-in-out, color 0.25s ease-in-out;
  -}
  -
  -.nativeScale {
  -	background: #111;
  -	color: #AAA;
  +	overflow: overlay;
   }
   
   h1 {
  
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: 	color: #DDD;
  	background: #444;
  	border: none;
  	margin-left: 0.2rem;
  	margin-bottom: 0.2rem;
  	width: 2.5em;
  	height: 2em;
  	cursor: pointer;
  	font-size: 0.75rem;
  	padding: 0;
  }
  
  