*{box-sizing:border-box}body{margin:0;background:#e4e7da;color:#253d32;font:15px system-ui}header{background:#223f34;color:#f1eddc;padding:32px 5vw;position:relative}header small{letter-spacing:.24em}h1{font:clamp(36px,5vw,66px) Georgia;margin:16px 0}h1 em{color:#d9bd78}header button{position:absolute;right:5vw;top:35px}h2{font:23px Georgia;margin:24px 0 14px}p{line-height:1.6}nav,.notice,footer{padding:15px 5vw}.notice{background:#d7c391;font-size:12px;letter-spacing:.04em}main{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:28px;padding:0 5vw 30px}.controls{border-right:1px solid #a9b7a4;padding-right:24px}button,input,select,textarea{font:inherit}button{background:#f4eedb;border:1px solid #748675;border-radius:4px;padding:9px 13px;margin:3px;cursor:pointer;color:#253d32}button:hover{background:#d9bd78}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b2452e;outline-offset:2px}label{display:block;margin:12px 0;font-size:13px}input:not([type=checkbox]),select,textarea{width:100%;padding:9px;margin-top:5px;border:1px solid #8a9c89;background:#faf7eb;border-radius:3px}input[type=checkbox]{margin-right:8px}.source{width:100%;max-height:340px;display:block;background:#fff;touch-action:manipulation}.sheet{width:100%;max-height:850px;display:block;box-shadow:0 4px 18px #223f3422}.provenance,li{overflow-wrap:anywhere;font-size:11px}.row{display:flex}textarea{height:280px;font:12px monospace}.status{position:sticky;bottom:0;background:#223f34;color:#fff;padding:14px 5vw;margin:0}footer{font-size:12px}:fullscreen{overflow:auto;background:#e4e7da}@media(max-width:760px){main{grid-template-columns:1fr}.controls{border-right:0;padding:0}header button{position:static}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}