:root{font-family:Arial,Helvetica,sans-serif;color:#26392f;background:#f4f2e8;font-synthesis:none;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;background:#f8f7ef;border:1px solid #a8b4a3;border-radius:5px;padding:12px 16px;color:#26392f;min-height:46px}button:hover:not(:disabled){background:#e2e8d8;border-color:#385742}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #a75325;outline-offset:4px}main{max-width:1600px;margin:auto;padding:0 4vw;min-height:100vh}header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b8c1af;gap:20px}.brand{font-weight:800;letter-spacing:2px;font-size:12px;color:inherit;text-decoration:none;display:flex;align-items:center;gap:14px}.brand-icon{font-size:32px;border:1px solid;padding:0 8px}.edition,.eyebrow,footer{font-size:10px;font-weight:700;letter-spacing:2px}.edition{color:#677864}nav{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap}nav button{border:none;background:none;font-size:13px;padding:10px 16px}nav button[aria-current]{background:#26392f;color:#fff}.notice{font-size:13px;min-height:35px;padding:15px 0 0;color:#746344}.intro{display:grid;grid-template-columns:1fr 310px;gap:70px;padding:40px 0 44px;align-items:center}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(38px,4.5vw,70px);line-height:1.04;letter-spacing:-2px;margin:15px 0 22px}h1 em{font-weight:400;color:#677a46}p{line-height:1.65;max-width:750px}h2{font-size:19px}h3{font-size:15px}.rule-card{background:#e1e5d1;padding:25px;transform:rotate(2deg);border:1px solid #bdc6a8}.rule-card p{font-size:14px}.number{font-family:Georgia,serif;font-size:45px}.rule-card small{font-size:11px}.workbench{display:grid;grid-template-columns:1.2fr 1fr;gap:25px}.panel{background:#fffdf6;border:1px solid #c1c8b6;border-radius:8px;padding:25px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #d4d8ca;padding-bottom:15px}.section-heading h2{margin:0;font-size:15px}.section-heading span{font-size:11px;white-space:nowrap}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.action-grid button{text-align:left;display:flex;gap:10px;align-items:center;font-size:13px;padding:12px 10px;background:transparent}.action-grid button span{color:#7d896e;font-size:10px}.action-grid button b{margin-left:auto;font-weight:400}.fine{font-size:12px;color:#68715d}.log{list-style:none;padding:0;margin:20px 0;max-height:370px;overflow:auto;min-height:150px}.log li{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px dashed #ccd1bd;font-size:13px}.log li>span{font-size:10px;color:#7a846c}.log b{margin-left:auto;padding:5px 8px;border-radius:4px;font-size:10px}.yes{color:#31533b;background:#dce7ca}.no{color:#99562f;background:#f4e0cf}.empty{padding:30px 0;color:#8a8e78;font-family:Georgia,serif;font-size:18px!important;line-height:1.8}.pair-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;font-size:12px;font-weight:700;margin:16px 0}input,select,textarea{display:block;width:100%;border:1px solid #aeb99f;border-radius:4px;background:#fffef8;padding:12px;color:#26392f;margin-top:8px;min-height:46px}textarea{min-height:130px;resize:vertical}.primary{background:#304e39;color:#fff;border-color:#304e39}.primary:hover:not(:disabled){background:#203b28;color:#fff}.guess button,.toolbar button,.settings button,.author button{margin-right:8px;margin-bottom:8px}.reveal{background:#e4e9d7;padding:20px;border-radius:4px}.reveal h2{font-family:Georgia,serif;font-size:30px;font-weight:400}.reveal strong{display:block;font-size:13px;margin-bottom:20px}.reference{padding:25px 0;border-bottom:1px solid #c6cdbb}summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:14px}.reference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.reference-grid article{border-top:1px solid #b8c3aa}.reference-grid p,.reference-grid small{font-size:13px}.toolbar{padding:22px 0;display:flex;flex-wrap:wrap;gap:8px}.author,.settings{max-width:1000px;margin:30px auto}.author h1,.settings h1{font-size:45px}.code{font-family:monospace;font-size:13px;height:340px}.catalog-entry{border-bottom:1px solid #c8d1b9;padding:20px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.8}.cover{min-height:75vh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.cover p{max-width:520px}.cover h1{font-size:60px}.seal{height:90px;width:90px;border:2px solid #a6b499;border-radius:50%;font-size:60px;font-family:Georgia,serif;margin-top:30px}footer{padding:30px 0;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #c9cfbc;color:#7b856c;font-size:9px;margin-top:30px}@media(max-width:900px){.intro{gap:25px;grid-template-columns:1fr 250px}.workbench{grid-template-columns:1fr}.reference-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){main{padding:0 20px}.edition{display:none}.brand{font-size:10px;letter-spacing:1px}.intro{grid-template-columns:1fr;padding-top:25px;gap:20px}.rule-card{transform:none}.panel{padding:18px}.pair-controls,.reference-grid{grid-template-columns:1fr}.action-grid{gap:6px}.action-grid button{font-size:12px}.cover h1{font-size:42px}footer{flex-direction:column}nav button{font-size:12px;padding:8px}h1{letter-spacing:-1px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}