:root{font:16px/1.6 system-ui;color:#263329;background:#f7f8f2;color-scheme:light}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:960px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #dce3d4}nav,footer{display:flex;gap:20px;flex-wrap:wrap}a{color:#315a40}h1{font-size:clamp(30px,5vw,48px);line-height:1.2}h2{font-size:22px}p{max-width:76ch}.card{background:white;border:1px solid #dce3d4;border-radius:14px;padding:24px;margin:24px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.grid .card{margin:0}label{display:block;margin:12px 0}input{display:block;padding:12px;font:inherit;width:100%;max-width:420px;border:1px solid #a6b5a5;border-radius:6px}button,.button{display:inline-block;font:inherit;background:#315a40;color:white;border:0;border-radius:7px;padding:10px 18px;text-decoration:none;cursor:pointer;margin:8px 12px 8px 0}button:disabled{opacity:.5;cursor:wait}button.secondary{color:#315a40;background:#eef2e8}[hidden]{display:none!important}.error{color:#a32121}.subtle{color:#53624e}code{overflow-wrap:anywhere}footer{font-size:14px;border-top:1px solid #dce3d4}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #71967c;outline-offset:3px}@media(max-width:600px){header{align-items:flex-start;flex-direction:column}main{padding:16px}}iframe.paddle-frame-overlay{position:fixed;inset:0;width:100%;height:100%;display:block;visibility:visible;z-index:2147483647;background:transparent;border:0;margin:0;padding:0;overflow-x:hidden;overflow-y:auto}body:has(>iframe.paddle-frame-overlay){overflow:hidden}