body{color:#222;background-color:#ffe;font-family:sans-serif;line-height:1.5;margin:1rem}header{border-bottom:1px solid #222;margin-bottom:1rem}footer{border-top:1px solid #222;margin-top:1rem}a{color:inherit;text-decoration:underline;text-decoration-color:#5aa37f;text-decoration-thickness:2px;text-underline-offset:.22em;transition:color .15s,text-decoration-color .15s}a:hover{color:#2f6b4f;text-decoration-color:#2f6b4f}a:focus-visible{outline:2px solid #2f6b4f;outline-offset:2px;border-radius:2px}nav ul{list-style:none;padding:0;margin:10}nav li{display:inline}nav li:not(:last-child)::after{content:" | ";margin:0 .5em}nav a{text-decoration:none;color:inherit}nav a:hover{text-decoration:underline}figure.screenshot{margin:1rem 0}figure.screenshot img{max-width:100%;height:auto;border:1px solid #222}figure.screenshot-placeholder{margin:1rem 0;padding:2rem 1rem;border:2px dashed #c00;color:#c00}@media(max-width:600px){figure.screenshot{max-width:none !important}}figure.screenshot figcaption{font-style:italic;font-size:.9em}img.portrait{display:block;margin:.25rem 0 1.5rem}img.portrait,figure.screenshot-shadow img{border:none;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 8px 24px rgba(0,0,0,.16)}figure.screenshot-shadow{margin-bottom:1.5rem}