*{box-sizing:border-box}body{margin:0;background:#f4f2eb;color:#233b30;font:18px/1.7 system-ui,sans-serif}header,footer{padding:1.3rem 5vw;border-bottom:1px solid #c8d0c6}header a{font-size:14px;font-weight:800;letter-spacing:.14em;text-decoration:none}a{color:inherit;text-underline-offset:4px}main{max-width:800px;margin:4rem auto;padding:0 1.5rem;overflow-wrap:anywhere}h1{font:clamp(2.4rem,6vw,4rem)/1.12 Georgia,serif;letter-spacing:-.035em}h2{font:2rem/1.2 Georgia,serif;margin-top:2.7rem}.eyebrow{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}.callout{border-left:4px solid #a65f38;padding:1rem 1.4rem;background:#ebe9de}li{margin-bottom:.8rem}pre{white-space:pre-wrap;background:#e7e9de;padding:1.2rem;overflow-wrap:anywhere}code{font-size:.92em}label{display:block;margin:.8rem 0}input{width:20px;height:20px;vertical-align:middle;margin-right:.5rem}figure{margin:2rem 0}img{max-width:100%;height:auto}figcaption,.fine{font-size:.85rem;color:#536559}.button{display:inline-block;background:#214c3a;color:white;padding:.8rem 1.2rem;text-decoration:none;border-radius:3px}:focus-visible{outline:3px solid #a65f38;outline-offset:4px}@media print{header,footer,.button{display:none}body{background:white;font-size:12pt}main{margin:0;max-width:none}}
.demo-video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#213e35;border:1px solid #c8d0c6;border-radius:4px;margin:1.3rem 0}