*{box-sizing:border-box}body{color:#1f211d;background:#efe9dd;margin:0;font-family:DM Mono,monospace}button,input{font:inherit}header{border-bottom:1px solid #24261f;align-items:center;gap:14px;height:76px;padding:0 5vw;display:flex}.mark{color:#fff;background:#a64526;border-radius:50%;place-items:center;width:38px;height:38px;font-family:Fraunces;display:grid}header b{letter-spacing:.18em;display:block}header small{opacity:.6;font-size:9px}header button{background:0 0;border:1px solid;margin-left:auto;padding:12px 18px}.hero{border-bottom:1px solid;padding:8vw 7vw 5vw}.hero p,label,.title{letter-spacing:.18em;font-size:10px}.hero h1{margin:25px 0;font:600 clamp(44px,7vw,112px)/.88 Fraunces}.hero i{color:#a64526}.contract{font-size:11px}.composer{color:#efe9dd;background:#24261f;grid-template-columns:1fr 1fr;gap:18px;padding:35px 7vw;display:grid}.composer div{flex-direction:column;gap:8px;display:flex}.composer .wide{grid-column:span 2}input{color:#fff;background:#32352d;border:1px solid #6b6c60;padding:14px}.seal{background:#d7ac65;border:0;grid-column:span 2;padding:17px;font-weight:700}aside{color:#fff;background:#a64526;padding:14px 7vw}.ledger{padding:55px 7vw}.title{border-bottom:1px solid;justify-content:space-between;padding-bottom:15px;display:flex}.title button{background:0 0;border:0}article{border-bottom:1px solid;grid-template-columns:90px 1fr 330px;gap:30px;padding:40px 0;display:grid}.stamp{border:2px solid #a64526;border-radius:50%;place-items:center;width:70px;height:70px;font-size:30px;display:grid}.story small{color:#a64526}.story h2{margin:9px 0;font:600 32px Fraunces}.story p{font-size:12px}.story code{word-break:break-all;font-size:9px}.roles{gap:8px;display:grid}.roles div{border:1px solid #aaa392;grid-template-columns:1fr auto auto;gap:8px;padding:10px;font-size:10px;display:grid}.roles button,.council{color:#fff;background:#a64526;border:0;padding:7px}.roles button:disabled,.council:disabled{opacity:.25}.council{padding:13px}.empty{text-align:center;opacity:.5;padding:70px}footer{border-top:1px solid;justify-content:space-between;padding:25px 7vw;font-size:10px;display:flex}a{color:#a64526}@media (max-width:800px){.composer{grid-template-columns:1fr}.composer .wide,.seal{grid-column:span 1}article{grid-template-columns:1fr}.roles{width:100%}.hero{padding-top:70px}}
