@viewport {
 width:device-width;
 zoom:1;
}
@-ms-viewport {
 width:device-width;
}
*,
::after,
::before {
 -webkit-box-sizing:inherit;
 box-sizing:inherit;
}
[onclick] {
 cursor:pointer;
}
.a-hover-underline a:hover,
a.hover-underline:hover {
 text-decoration:underline;
}
.a-underline a {
 text-decoration:underline;
}
a {
 text-decoration:none;
}
a {
 color:var(--a);
}
a:hover {
 color:var(--ahover);
}
body {
 margin:0;
 padding:0;
 overflow-x:hidden;
 background-color:var(--white-60);
 color:var(--black-60);
 font-family:Inter, BlinkMacSystemFont, -apple-system, Roboto, "Lucida Sans";
 line-height:1.4285em;
 font-weight:300;
 font-size:14px;
 min-height:100vh;
}
.overflow {
 overflow-y:scroll;
 overflow-x:hidden;
 display:block;
}
blockquote {
 border-left:3px solid var(--border);
 color:#1a1a1a;
 font-family:Georgia, Times, "Times New Roman", serif;
 font-size:1.25em;
 font-style:italic;
 line-height:1.8em;
 margin:1em;
 padding:1em 2em;
 position:relative;
 transition:0.2s border ease-in-out;
 z-index:0;
 width:calc(100% - 6em);
}
blockquote::after {
 content:"";
 -webkit-mask-image:var(--icon-quote);
 mask-image:var(--icon-quote);
 mask-size:cover;
 width:24px;
 height:24px;
 margin:0;
 background-color:var(--border);
 display:inline-block;
 position:absolute;
 top:calc(50% - 13px);
 left:-14px;
}
blockquote::before {
 content:"";
 position:absolute;
 top:50%;
 left:-4px;
 height:2em;
 background-color:#fff;
 width:5px;
 margin-top:-1em;
}
blockquote cite {
 display:block;
 font-size:0.75em;
 line-height:1.8em;
 margin-top:1em;
}
blockquote cite::before {
 content:"-";
 display:inline-block;
 margin-right:6px;
}
blockquote[cite]:hover::after {
 content:"cite from " attr(cite);
 font-size:14px;
 width:100%;
 position:absolute;
 bottom:-10px;
 right:0;
 mask:unset;
 height:unset;
 background-color:unset;
 left:unset;
 top:unset;
 text-align:right;
}
blockquote[cite]:hover::before {
 background-color:unset;
}
iframe {
 width:100%;
 border:none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
 font-style:normal;
 font-weight:400;
 margin:10px 0;
 line-height:1.2;
}
h1 {
 font-size:2rem;
 opacity:1;
}
h2 {
 font-size:1.8rem;
 opacity:0.98;
}
h3 {
 font-size:1.6rem;
 opacity:0.96;
}
h4 {
 font-size:1.4rem;
 opacity:0.94;
}
h5 {
 font-size:1.3rem;
 opacity:0.92;
}
h6 {
 font-size:1.2rem;
 opacity:0.9;
}
hr {
 border:solid 1px;
}
p {
 margin:4px 0 10px;
}
pre {
 white-space:pre-wrap;
 white-space:-moz-pre-wrap;
 white-space:-pre-wrap;
 white-space:-o-pre-wrap;
 word-wrap:break-word;
 padding:10px 12px;
}
article,
footer,
header,
main,
section {
 width:100%;
 margin:0;
 padding:0;
}
code {
 line-height:1.3em;
 background-color:#f6f6f6;
 border-radius:3px;
 font-size:90%;
 display:inline-block;
 padding:0.1em 0.5em;
}
.frankruhl-libre {
 font-family:"Frank Ruhl Libre", serif;
}
.center-box {
 align-items:center;
 display:flex;
 justify-content:center;
 height:100%;
}
.fx-relay-icon {
 top:-6px !important;
 bottom:0 !important;
}
@supports (-webkit-touch-callout:none) {
 body {
  height:-webkit-fill-available;
 }
}
.pagecmd .edit {
 position:relative;
 border:1px solid rgba(1, 1, 1, 0.1);
 border-radius:var(--radius) 0 var(--radius) var(--radius);
 padding:4px;
 display:inherit;
 width:100%;
}
.pagecmd .edit > div {
 position:absolute;
 background-color:rgba(0, 0, 0, 0.5);
 padding:2px 4px 3px;
 top:-15px;
 right:-1px;
 font-size:10px;
 z-index:1;
 text-transform:uppercase;
 color:#fff;
 letter-spacing:0;
 line-height:1em;
 cursor:default;
 font-weight:400;
 font-family:Inter, BlinkMacSystemFont, -apple-system, Roboto, "Lucida Sans";
 visibility:hidden;
}
.pagecmd .edit.highlight > div {
 background-color:var(--yellow-80);
 color:rgba(0, 0, 0, 1);
}
.pagecmd .highlight,
form .highlight {
 border-color:var(--yellow-80);
}
.pagecmd .edit:hover > div,
.pagecmd.view .edit > div {
 visibility:visible;
}
@media (max-width:480px) {
  html,
  body {
    min-width:100vw;
    max-width:100vw;
    width:100vw;
    overflow-x:hidden;
  }
}