:root{font-family:Arial,sans-serif;color:#24211d;background:#f8f5ed;line-height:1.55}body{margin:0}header{background:#151515;color:#fff;padding:22px max(5vw,20px);letter-spacing:.12em}small{display:block;font-size:11px;font-weight:400;letter-spacing:.16em}main{max-width:1000px;margin:35px auto;padding:0 20px 60px}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.15}h1{font-size:38px}h2{font-size:26px;margin-top:32px}p{max-width:78ch}label{display:block;margin:15px 0 5px}input,textarea,select{box-sizing:border-box;width:100%;max-width:640px;padding:11px;border:1px solid #aaa18f;background:white;color:#211e19;font:inherit}textarea{min-height:120px}button,.button{display:inline-block;background:#171717;color:#fff;border:1px solid #847258;padding:12px 18px;font:inherit;cursor:pointer;margin:10px 8px 0 0;text-decoration:none}a{color:#6d4b23}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #906b32;outline-offset:3px}.note,.error,.success{padding:16px;border:1px solid #bba98b;background:#fffdf6;margin:16px 0}.error{border-color:#8c3838}.success{border-color:#497050}.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card{padding:20px;border:1px solid #d5cbbb;background:#fffdf9}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}td,th{padding:11px;text-align:left;border-bottom:1px solid #ddd4c6;vertical-align:top}.code{font-family:monospace;overflow-wrap:anywhere}input[type=checkbox]{width:auto}details{margin:16px 0}summary{cursor:pointer;padding:12px;background:#f0e9dc}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#eee9df;padding:18px;font-size:12px}@media(max-width:650px){.row{grid-template-columns:1fr}h1{font-size:30px}main{padding:0 16px 40px}}