.display-preferences [hidden]{display:none !important;}

.display-preferences{position:fixed;z-index:60;bottom:calc(12px + env(safe-area-inset-bottom));
  margin-left:env(safe-area-inset-left, 0px);margin-right:env(safe-area-inset-right, 0px);
  display:flex;flex-direction:column-reverse;
  max-width:calc(100vw - 24px - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px));}
.display-launcher{min-width:44px;min-height:44px;cursor:pointer;touch-action:manipulation;}
.display-panel{width:22rem;max-width:calc(100vw - 24px);margin-bottom:10px;
  max-height:calc(100vh - 96px);max-height:calc(100dvh - 96px);overflow-y:auto;overscroll-behavior:contain;}
.display-panel button,.display-panel select{min-height:44px;font:inherit;cursor:pointer;touch-action:manipulation;}
.display-panel select{font-size:max(16px, 1em);}
.display-check{display:flex;align-items:center;min-height:44px;cursor:pointer;touch-action:manipulation;}
.display-check input{flex:none;width:22px;height:22px;margin:0 12px 0 0;}
.display-status{min-height:1px;}
.display-preferences button:focus-visible,.display-preferences select:focus-visible,
.display-preferences input:focus-visible{outline:3px solid currentColor;outline-offset:3px;}

.display-launcher:active,.display-panel button:active{opacity:.85;}
@media (hover:hover) and (pointer:fine){
  .display-panel button:hover,.display-panel select:hover{text-decoration:underline;text-underline-offset:.2em;}
}

@media (max-height:500px){
  .display-preferences{flex-direction:column;max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;}
  .display-panel{max-height:none;overflow:visible;}
}
html{scroll-padding-bottom:76px;}

html[data-display-links="on"] main a,html[data-display-links="on"] footer a{
  text-decoration-line:underline !important;text-decoration-thickness:max(2px, .08em) !important;
  text-underline-offset:.2em !important;}

html[data-display-spacing="on"] main p,html[data-display-spacing="on"] main li,
html[data-display-spacing="on"] main dd,html[data-display-spacing="on"] main blockquote,
html[data-display-spacing="on"] main figcaption,html[data-display-spacing="on"] main label,
html[data-display-spacing="on"] footer p,html[data-display-spacing="on"] footer li{
  line-height:1.8 !important;letter-spacing:.12em !important;word-spacing:.16em !important;}
html[data-display-spacing="on"] main p + p{margin-top:2em !important;}
html[data-display-spacing="on"] main,html[data-display-spacing="on"] footer{overflow-wrap:break-word;}

html[data-display-motion="stop"],html[data-display-motion="stop"] *{scroll-behavior:auto !important;}

@media (forced-colors:active){
  .display-launcher,.display-panel,.display-panel button,.display-panel select{forced-color-adjust:auto;
    background:Canvas;color:CanvasText;border-color:ButtonText;box-shadow:none;}
  .display-preferences :focus-visible{outline-color:Highlight;}
}
@media print{.display-preferences{display:none;}}