:root{font-family:Arial,sans-serif;color:#163e42;background:#e5e9df;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;background:#f7f1e4;border:1px solid #92a39b;padding:10px 13px;color:#163e42;border-radius:3px}button:hover{background:#d4e4d7}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #c95336;outline-offset:3px}header{display:flex;justify-content:space-between;align-items:center;padding:30px 35px 20px;border-bottom:1px solid #9baea4}h1{font-family:Georgia,serif;font-weight:400;font-size:48px;letter-spacing:-2px;margin:7px 0}h1 span{color:#c95336;margin-left:20px}.eyebrow{font-size:10px;letter-spacing:2.4px}.badge{border:1px solid #163e42;border-radius:50%;width:95px;height:95px;display:grid;place-content:center;text-align:center;font-size:11px;line-height:1.6}nav{display:flex;gap:6px;flex-wrap:wrap;padding:15px 35px}.workspace{display:grid;grid-template-columns:340px minmax(0,1fr);border-top:1px solid #9baea4}aside{padding:26px;background:#dce3d9;border-right:1px solid #9baea4}h2{font-size:12px;letter-spacing:1.5px}section+section{margin-top:30px}label{display:block;font-size:12px;line-height:1.7;margin:12px 0}input,textarea{display:block;width:100%;background:#f8f6ed;border:1px solid #9baea4;padding:10px;color:#163e42;border-radius:3px}textarea{resize:vertical}.source{height:235px;font-family:Georgia,serif;font-size:15px;line-height:1.5}.geometry{height:240px;font-family:monospace;font-size:12px}.route{font-weight:700;color:#a63a21;font-size:17px}p{font-size:13px;line-height:1.65}article{padding:25px 35px;min-width:0}.canvas-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:20px}.canvas-top h2{font-family:Georgia,serif;font-size:25px;letter-spacing:0;font-weight:400;margin:0}.canvas-top p{font-size:10px;letter-spacing:1px}.sheet{display:block;width:100%;background:#f7f1e4;box-shadow:0 12px 24px #173c4212}.legend{display:flex;justify-content:space-between;gap:10px;padding:20px 0;font-size:11px}.legend span:first-child{color:#a73c25}summary{cursor:pointer;padding:12px 0;font-size:13px}.linear{white-space:pre-wrap;overflow-wrap:anywhere}footer{border-top:1px solid #9baea4;padding:20px 35px}footer [role=status]{font-size:13px;margin-bottom:15px}.exports{display:flex;flex-wrap:wrap;gap:8px}.overflow{border-top:1px solid #9baea4;padding-top:20px}.overflow button{margin:4px}footer details{max-width:800px}@media(max-width:850px){.workspace{grid-template-columns:1fr}aside{border-right:0;display:grid;grid-template-columns:1fr 1fr;gap:20px}section+section{margin-top:0}h1{font-size:36px}header,nav,article,footer{padding-left:18px;padding-right:18px}}@media(max-width:560px){aside{display:block}.badge{display:none}h1{font-size:32px}.canvas-top{display:block}.legend{flex-wrap:wrap}section+section{margin-top:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.numeric{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.numeric input{width:100%}select{font:inherit;padding:8px;width:100%;color:#163e42;background:#f7f1e4;border:1px solid #92a39b}
