:root{font-family:Arial,sans-serif;color:#263f35;background:#f4f3ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{height:80px;border-bottom:1px solid #dcded4;padding:0 5%;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;color:inherit;font-family:Georgia,serif;font-size:30px}.brand span{font-family:Arial,sans-serif;font-size:22px;letter-spacing:-1px}.brand i{font-style:normal;color:#a6ad9e;margin:0 18px}.brand small{font:12px Arial,sans-serif;color:#667567}.badge,.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700}.badge{border:1px solid #b9c5b7;border-radius:20px;padding:9px 14px}main{max-width:1280px;margin:auto;padding:40px 5%}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px}h1{font:46px/1.08 Georgia,serif;letter-spacing:-1.5px;margin:14px 0}p{line-height:1.6}.intro p:not(.eyebrow){color:#68786a}.eyebrow{color:#7a856e;margin:0 0 10px}.note{font-size:10px;line-height:2;letter-spacing:1px;border-left:2px solid #bd674b;padding-left:18px;margin-bottom:15px}.note strong{font-weight:400;letter-spacing:0;font-size:12px}.workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px}.card{background:#fcfcf8;border:1px solid #dedfd4;border-radius:10px;padding:26px}h2{font:23px Georgia,serif;margin:0 0 12px}.muted{font-size:12px;color:#69766a}.fields{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:22px 0 28px}label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#506354}input{min-width:0;width:100%;font:16px Arial,sans-serif;background:#f6f6ef;border:1px solid #d7dbce;border-radius:5px;padding:10px;color:#263f35;min-height:44px}input:focus{outline:2px solid #b76b4c}details{font-size:12px}details label{margin:12px 0}summary{cursor:pointer;padding:10px 0;min-height:44px}.reset{background:transparent;border:1px solid #a7b5a4;border-radius:5px;color:#45604d;width:100%;padding:13px;margin-top:20px;cursor:pointer;min-height:44px}.canvas-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.pill{background:#edf0e7;padding:7px 12px;border-radius:20px;font-size:10px;white-space:nowrap}.canvas svg{display:block;max-height:560px;width:100%;margin-top:15px}.canvas circle{touch-action:none;cursor:ew-resize}.canvas circle:focus{outline:none;stroke:#273f35;stroke-width:4}.legend{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;font-size:10px;color:#617362;border-top:1px solid #e2e5dc;padding-top:20px}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px}.side{background:#b7cdbd}.center{background:#dee3c6}.seam{background:#c65e42}.results{margin-top:24px}.table-scroll{overflow:auto;max-height:410px;border:1px solid #e0e3d8;border-radius:5px}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap;text-align:right}th,td{padding:13px 16px;border-bottom:1px solid #e6e8df}thead{position:sticky;top:0;background:#edf0e7;color:#526951}thead th{font-size:10px}tbody th{text-align:left}.affected{background:#fff3d4}.impossible,.error{background:#fbe7df;color:#963c26}.error{padding:12px;border-radius:5px;font-size:13px}footer{font-size:9px;letter-spacing:1px;display:flex;justify-content:space-between;padding:25px 0;color:#75806f}footer span{letter-spacing:0}@media(max-width:700px){header{height:65px}.badge{display:none}.brand{font-size:25px}.brand i{margin:0 10px}main{padding:25px 16px}.intro{display:block}h1{font-size:38px}.note{margin-top:20px}.workspace{grid-template-columns:1fr}.card{padding:20px}.canvas{grid-row:1}.canvas-heading{align-items:flex-start}.canvas-heading h2{font-size:21px}.controls .fields{grid-template-columns:1fr 1fr}.canvas svg{min-height:350px}.legend{gap:12px}footer{gap:12px;line-height:1.8}}