:root{font-family:Arial,Helvetica,sans-serif;color:#243c33;background:#f6f3eb;color-scheme:light}*{box-sizing:border-box}body{margin:0}header,main,footer{width:min(1000px,calc(100% - 40px));margin-inline:auto}header{padding:28px 0;border-bottom:1px solid #d7dbd0;font:20px Georgia,serif}header a{text-decoration:none}main{padding:42px 0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.1em}h1{font:400 clamp(35px,5.6vw,60px)/1.1 Georgia,serif;letter-spacing:-.035em;margin:20px 0 24px}h2{font:400 29px/1.25 Georgia,serif;margin:0 0 18px}p{font-size:14px;line-height:1.9;max-width:790px}.intro{font-size:18px}.demo{margin:25px 0}.demo iframe{display:block;max-width:640px;width:100%;background:#fffdf7}.demo p{font-size:12px}section{padding:38px 0;border-top:1px solid #d7dbd0}a{color:inherit;text-underline-offset:4px}a:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #a16a3b;outline-offset:4px}label{display:block;font-size:12px;font-weight:700;line-height:1.7;margin:14px 0 9px}textarea{width:100%;max-width:900px;min-height:360px;border:1px solid #b9c2b5;border-radius:3px;background:#fffdf7;color:#243c33;padding:14px;font:12px/1.7 Consolas,monospace;resize:vertical}code{font-size:12px;overflow-wrap:anywhere}footer{padding:25px 0 35px;border-top:1px solid #d7dbd0}footer p{font-size:11px}.skip{position:absolute;left:20px;top:-60px;background:#243c33;color:#fffdf7;padding:12px;z-index:10}.skip:focus{top:10px}@media(max-width:400px){header,main,footer{width:calc(100% - 28px)}.intro{font-size:16px}p{font-size:13px}h2{font-size:26px}}