body{font:17px system-ui,sans-serif;color:#17342b;background:#f3f5f2;margin:0;padding:1rem}main{max-width:80rem;margin:auto;background:white;padding:clamp(1rem,3vw,2.5rem);border-radius:1rem}h1{font-size:2rem}h2{font-size:1.3rem}h3{font-size:1rem}label{display:block;margin:1rem 0}input,select{display:block;padding:.7rem;margin-top:.3rem;max-width:90%;font:inherit}button{padding:.75rem 1rem;margin:.4rem .4rem .4rem 0;font:inherit;background:#17342b;color:white;border:0;border-radius:.3rem}button:disabled{opacity:.6}.notice{background:#fff4ce;padding:1rem;border-left:4px solid #9b7400}.columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.columns>section{min-width:0}li{margin:.4rem 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.5 ui-monospace,monospace;background:#f3f5f2;padding:1rem}select:focus,input:focus,button:focus{outline:3px solid #b88b22;outline-offset:3px}[hidden]{display:none!important}@media(max-width:850px){.columns{grid-template-columns:1fr;gap:1rem}}