:root{font-family:Arial,Helvetica,sans-serif;color:#26392e;background:#eeecdf;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,summary,.file{cursor:pointer}button{background:transparent;border:1px solid #80917f;padding:11px 15px;color:inherit;min-height:44px;border-radius:3px;transition:background .15s}button:hover{background:#dbe1cb}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #ac4c28;outline-offset:4px}header{height:92px;border-bottom:1px solid #aab19d;margin:0 4%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font:700 25px Georgia;color:inherit;text-decoration:none}.brand span,.tag{font:10px Arial;letter-spacing:.16em}.brand span{margin-left:18px}.tag span{display:block;margin-top:8px;color:#657660}main{max-width:1700px;margin:auto;padding:0 4%}.intro{display:flex;justify-content:space-between;align-items:center;padding:55px 0 40px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.2em;color:#63715b}h1{font:clamp(42px,5vw,76px)/.99 Georgia;margin:18px 0;letter-spacing:-.045em}h1 em{font-weight:400}h2{font:27px/1.12 Georgia;margin:15px 0}h3{font:20px Georgia;margin:16px 0}.subtitle{font:18px/1.5 Georgia;color:#5a6758}.cabinet-mark{width:240px;height:240px;border:1px solid #82917c;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-right:9%;background:repeating-linear-gradient(0deg,transparent,transparent 9px,#83947a10 10px)}.cabinet-mark span,.cabinet-mark small{font-size:9px;letter-spacing:.18em}.cabinet-mark b{font:100px Georgia;color:#947642;margin:12px}.laws{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid #99a48f;margin-bottom:38px}.law{border-right:1px solid #99a48f;padding:8px}.law:last-child{border-right:0}.law.active{background:#d8dfc7;box-shadow:inset 0 4px #415c40}.law>button{border:0;width:100%;display:grid;grid-template-columns:1fr auto;text-align:left;gap:10px}.law>button small{font-size:10px;letter-spacing:.15em}.law>button b{font-size:25px;color:#947642}.law>button span{font:19px/1.15 Georgia;grid-column:1/3}.law details{font-size:12px;padding:10px;line-height:1.6}.law summary{font-size:10px}.workspace{display:grid;grid-template-columns:245px minmax(350px,1fr) 280px;gap:30px;border-bottom:1px solid #9da993;padding-bottom:36px}aside h2{font-size:23px;max-width:210px}.sequence{list-style:none;padding:0;margin-top:26px}.sequence button{display:flex;gap:12px;border:0;border-bottom:1px solid #b9c0ad;width:100%;text-align:left;border-radius:0;padding:13px 5px;font:13px/1.35 Georgia}.sequence button>span{font:11px Arial;color:#75816c;padding-top:3px}.sequence button.selected{background:#d9dfc9;border-left:3px solid #4f6746;padding-left:10px}.sequence small{display:block;font:9px Arial;text-transform:uppercase;letter-spacing:.1em;margin-top:7px}.compliant{color:#40633e}.exception{color:#9c482d}.invalid,.blocked{color:#a53427}.unaffected{color:#647260}.page{background:#faf7ec;border:1px solid #c7c8b5;padding:30px;min-width:0;box-shadow:0 5px 15px #293e2410}.page-head{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.16em;border-bottom:1px solid #c4c7b7;padding-bottom:18px}.story{font:clamp(22px,2.2vw,32px)/1.5 Georgia;min-height:240px;white-space:pre-wrap;overflow-wrap:anywhere}.declared{padding:15px;background:#e8eadb;font-size:12px;line-height:1.8}.ledger{margin-top:30px}.compare{display:grid;grid-template-columns:1fr 1fr;gap:24px}.compare>div{border-top:1px solid #9ba78e}.compare p{display:flex;justify-content:space-between;font:12px Arial;border-bottom:1px dotted #c0c6b4;padding-bottom:6px}.compare b{font-family:monospace}.reason{border-left:3px solid #a87e42;padding:12px 15px;font:16px/1.6 Georgia;white-space:pre-wrap;overflow-wrap:anywhere}.tiny{font:11px/1.8 Arial;color:#66735d;overflow-wrap:anywhere}.replay>p{font:13px/1.6 Arial}.replay>h2{font-size:24px}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions button{font-size:12px}.entity{margin:20px 0;padding:12px 0;border-top:1px solid #9fa991}.state-line{display:grid;grid-template-columns:1fr 35px 55px;gap:6px;font-size:12px;margin:9px 0}.state-line meter{width:55px}.state-line b{font-family:monospace}label{display:block;font-size:12px;margin:14px 0;color:#4d6048}input:not([type=checkbox]),textarea,select{display:block;width:100%;margin-top:7px;border:1px solid #a7b29a;background:#fffdf5;color:#26392e;padding:10px;min-height:44px;border-radius:2px}input[type=checkbox]{width:20px;height:20px;vertical-align:middle;margin-right:8px}input[type=range]{padding:0}textarea{min-height:145px;resize:vertical;font:16px/1.5 Georgia}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.editor>h3{font-size:22px}.editor fieldset{border:1px solid #b0b89f;margin:24px 0;padding:15px}.editor fieldset p,.editor details p{font-size:12px;line-height:1.6}.editor legend{font:17px Georgia}.preview{font-size:12px;line-height:1.7;padding:15px;background:#e8ebda;overflow-wrap:anywhere}.primary{background:#38523c;color:#f9f6e8}.primary:hover{background:#496a4e}.code{font:12px/1.5 monospace;min-height:250px}.editor details{margin-top:24px}.shelf{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:25px 0}.shelf>div:first-child{max-width:420px}.shelf p{font-size:12px;line-height:1.7}.shelf h2{font-size:28px}.file{margin:0;border:1px solid #80917f;padding:11px 15px;border-radius:3px}.file input{font-size:11px;max-width:210px}.utility{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid #a5af98;padding-top:20px}.utility button{font-size:12px}.notice{font:13px/1.6 Arial;padding:16px;background:#dce3cf;min-height:50px}.privacy{max-width:850px;padding:20px 0;font-size:12px;line-height:1.7}.privacy button{margin-right:8px}footer{display:flex;justify-content:space-between;gap:20px;padding:28px 4%;font-size:9px;letter-spacing:.13em;background:#24382a;color:#d4dfc7;margin-top:20px}@media(min-width:1600px){.workspace{grid-template-columns:270px minmax(400px,1fr) 310px;gap:42px}.page{padding:42px}}@media(max-width:1100px){.workspace{grid-template-columns:200px 1fr}.replay{grid-column:1/3;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.replay>p,.replay>h2,.replay>.actions,.replay>label{grid-column:1/4}.laws{grid-template-columns:repeat(3,1fr)}.law:nth-child(3){border-right:0}.law:nth-child(-n+3){border-bottom:1px solid #99a48f}.shelf{display:block}}@media(max-width:700px){header{height:75px}.brand span,.tag{display:none}.intro{padding-top:35px}.cabinet-mark{width:115px;height:115px;margin:0}.cabinet-mark b{font-size:45px;margin:6px}.cabinet-mark span,.cabinet-mark small{font-size:6px}h1{font-size:38px}.subtitle{font-size:15px}.laws{grid-template-columns:repeat(2,1fr)}.law:nth-child(3){border-right:1px solid #99a48f}.law:nth-child(2n){border-right:0}.law:nth-child(-n+4){border-bottom:1px solid #99a48f}.workspace{display:flex;flex-direction:column;gap:20px}aside h2{max-width:none}.sequence{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sequence button{height:100%;padding:8px}.sequence button div{font-size:12px}.page{padding:20px}.story{font-size:25px;min-height:0}.replay{display:block}.replay .entity{display:inline-block;width:100%;vertical-align:top}.shelf .actions{display:grid;grid-template-columns:1fr 1fr}.compare{gap:16px}.law>button span{font-size:18px}footer{line-height:1.8}.form-grid{gap:0 10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
