:root{font-family:Arial,Helvetica,sans-serif;color:#263f35;background:#eeeee5;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #cdd3c6;background:#f8f7ef;color:#294f41;border-radius:5px;padding:10px 13px;line-height:1.25}button:hover{border-color:#47745b;background:#e9eee1}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #c4833c;outline-offset:3px}header{height:78px;border-bottom:1px solid #ccd2c5;display:flex;align-items:center;justify-content:space-between;padding:0 3vw;background:#f7f7ef}.wordmark{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:2px;text-decoration:none;color:inherit;font-size:15px}.wordmark>span:last-child{font-size:10px;border-left:1px solid #aab6a6;padding-left:12px;letter-spacing:1px;max-width:95px}.mark{font-size:33px;font-weight:400}.top-actions{display:flex;align-items:center;gap:12px}.local{font-size:10px;letter-spacing:1.2px;margin-right:12px}.local i{display:inline-block;background:#617f49;width:6px;height:6px;border-radius:50%;margin-right:7px}.intro{display:flex;justify-content:space-between;align-items:center;padding:38px 3vw 30px}.eyebrow,.section-label{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#72806e;margin:0 0 16px}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,serif;font-size:clamp(30px,3vw,48px);font-weight:400;letter-spacing:-1.2px;margin-bottom:10px}.intro p:last-child{font-size:14px;color:#707d6c;margin:0}.intro-note{border-left:1px solid #c0cbb8;padding-left:26px;font:11px/2.2 monospace;color:#73806c}.intro-note span{color:#294f41;font-weight:700;margin-right:9px}.desk{display:grid;grid-template-columns:265px minmax(340px,1fr) 300px;gap:1px;margin:0 3vw;background:#cdd3c5;border:1px solid #cdd3c5;border-radius:10px;overflow:hidden}.panel{background:#f8f8f0;min-width:0}.left,.right{padding:22px}.title-field input{font-family:Georgia,serif;font-size:19px;font-weight:400}label{display:block;font-size:11px;color:#697963}input:not([type=color],[type=range]),textarea,select{display:block;width:100%;border:1px solid #d4dacd;border-radius:4px;background:#fffef8;color:#314a3d;padding:9px;margin-top:6px;min-width:0}textarea{resize:vertical;line-height:1.5}.strands{margin:22px 0;display:grid;gap:12px}.strand{display:flex;gap:10px;align-items:center}.strand>div{flex:1;min-width:0}.strand span{font:9px monospace;letter-spacing:1px;color:#839079}.strand input:not([type=color]){margin:1px 0 0;padding:3px 0;border:0;border-radius:0;background:transparent;border-bottom:1px solid #e1e4d9;font-size:13px}.color-label input{width:28px;height:38px;padding:0;border:0;background:none;cursor:pointer}.color-label input::-webkit-color-swatch{border:0;border-radius:12px}.left details{border-top:1px solid #d9decf;margin-top:24px;padding-top:16px}summary{cursor:pointer;font-size:12px}.study{display:flex;width:100%;align-items:center;gap:12px;text-align:left;margin-top:10px;padding:10px;font-size:12px}.study>b{font-family:Georgia,serif;font-size:20px;font-weight:400;color:#8c957f}.study>span{flex:1}.study small{display:block;margin-top:5px;font-size:10px;color:#75846d}.blank{display:flex;align-items:end;gap:8px;margin-top:20px}.blank label{flex:1}.blank button{font-size:11px;margin-bottom:0}.canvas{background:#f1f1e7;display:flex;flex-direction:column;position:relative}.canvas-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:23px 26px 13px}.canvas-heading h2{font: 25px Georgia,serif;margin:0;overflow-wrap:anywhere}.canvas-heading .section-label{margin-bottom:10px}.badge{font:8px monospace;white-space:nowrap;border:1px solid #bfcab5;border-radius:20px;padding:5px 8px;color:#74816b}.legend{display:flex;gap:16px;font-size:9px;color:#88917f;padding:0 26px 18px;border-bottom:1px solid #d9dece}.svg-wrap{background-color:#f8f5eb;min-height:390px;max-height:720px;overflow:auto;flex:1;border:12px solid #e7e9dc;box-shadow:inset 0 0 0 1px #d6dbcb}.svg-wrap svg{display:block;width:100%;min-width:370px;min-height:350px;height:auto}.scrubber{display:flex;align-items:center;gap:16px;padding:20px 26px 10px}.scrubber label{flex:1;font:11px monospace;color:#718066}.scrubber b{color:#244d41;font-size:18px}.scrubber input{display:block;width:100%;accent-color:#3d6b50;margin:12px 0 0}.order{font:11px monospace;text-align:center;color:#65745d;padding:0 15px 10px;overflow-wrap:anywhere}.segmented{display:flex;border:1px solid #c9d2bd;border-radius:5px;overflow:hidden}.segmented button{border:0;border-radius:0;flex:1;font-size:13px;padding:13px 4px}.segmented .active{background:#284e3e;color:#f5f5e8}.explain{font-size:12px;line-height:1.6;margin:13px 0;color:#7a8571;min-height:38px}.operation-controls{display:flex;gap:10px;margin-bottom:15px}.operation-controls label:first-child{width:80px}.operation-controls label:last-child{flex:1}.operation-controls input,.operation-controls select{height:37px;font-size:12px}.primary{width:100%;display:flex;justify-content:space-between;background:#315d49;color:#faffec;border-color:#315d49;padding:13px 15px}.primary:hover{background:#234735;color:#fff}.small{font-size:10px;line-height:1.6;color:#7a8571;margin:10px 0 15px}.two-actions{display:flex;gap:8px}.two-actions button{flex:1;font-size:10px;padding:9px 5px}.score-title{margin-top:25px;display:flex;justify-content:space-between;border-top:1px solid #d9dece;padding-top:18px;align-items:center}.score-title h3{font-size:13px;margin:0}.score-title>span{font:10px monospace;color:#7e8c74}.score{list-style:none;margin:10px 0 0;padding:0;max-height:360px;overflow:auto}.score button{width:100%;display:flex;align-items:center;gap:12px;border:0;border-bottom:1px solid #e0e4d8;border-radius:0;background:none;text-align:left;font-size:12px;padding:10px 6px}.score .selected{background:#e3ebd9;border-radius:5px}.score .number{color:#91a080;font:11px monospace}.score button>span:nth-child(2){flex:1}.score b{font-weight:400}.score em{font-style:normal;background:#e8e8d9;padding:1px 5px;border-radius:3px;margin-left:6px}.score small{display:block;font:9px monospace;color:#819073;margin-top:4px}.reset{margin-top:18px;width:100%;border:0;background:none;font-size:10px;text-decoration:underline;color:#839079}.empty{font:italic 16px/1.6 Georgia,serif;text-align:center;color:#88917b;padding:40px 0}.provenance{margin:28px 3vw;display:flex;gap:30px;align-items:center;padding:22px 0;border-bottom:1px solid #ced7c5}.provenance>div:first-child{max-width:260px;flex-shrink:0}.provenance h2{font: 22px Georgia,serif;margin-bottom:8px}.provenance p:last-child{font-size:11px;line-height:1.6;color:#7b8672}.endpoints{display:grid;grid-template-columns:repeat(4,minmax(90px,1fr));gap:10px;flex:1}.endpoint{border-top:3px solid;background:#f7f7ef;padding:10px;border-radius:3px;overflow-wrap:anywhere}.endpoint>span{font:9px monospace;color:#8a937f}.endpoint b{display:block;font-size:12px;font-weight:400;margin:6px 0}.endpoint small{font:10px monospace;color:#7b8772}.bottom{display:grid;grid-template-columns:1fr 1fr;gap:6vw;margin:0 3vw 30px}.bottom h3{font: 20px Georgia,serif}.bottom p{font-size:12px;line-height:1.8;color:#77836c}.warning{border-left:2px solid #bd9c55;padding-left:12px}.file-buttons{display:flex;flex-wrap:wrap;gap:7px;font-size:11px}.status{background:#e4eadb;border-radius:5px;padding:8px 12px;margin-top:15px;min-height:36px}footer{padding:20px 3vw;background:#e6eadd;display:flex;justify-content:space-between;gap:30px;color:#75846a;font-size:10px}footer details{max-width:760px}footer p{line-height:1.7}footer button{font-size:11px;margin-right:8px}footer>span{font:8px monospace;letter-spacing:1px}@media(min-width:1600px){.desk{grid-template-columns:300px 1fr 340px}.svg-wrap svg{max-width:760px;margin:auto}}@media(max-width:1100px){.desk{grid-template-columns:220px minmax(300px,1fr)}.right{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:15px}.right .section-label,.right .score-title{grid-column:1/-1}.score{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}.reset{grid-column:1/-1}.right .score-title{margin-top:0}.provenance{display:block}.provenance>div:first-child{max-width:none}.intro-note{display:none}}@media(max-width:680px){header{height:auto;min-height:70px;gap:14px;flex-wrap:wrap;padding:14px 5vw}.local{display:none}.top-actions{font-size:10px}.wordmark{font-size:12px}.intro{padding:26px 5vw}.desk{display:flex;flex-direction:column;margin:0 5vw}.canvas{order:-1}.canvas-heading{padding:20px 16px}.canvas-heading h2{font-size:22px}.badge{display:none}.legend{padding-left:16px;font-size:8px}.svg-wrap{max-height:540px;min-height:300px}.left,.right{padding:22px}.strands{display:grid;grid-template-columns:1fr 1fr;gap:15px}.right{display:block}.right .score{display:block;max-height:250px}.right .score-title{margin-top:24px}.provenance{margin:25px 5vw}.endpoints{grid-template-columns:repeat(2,1fr)}.bottom{display:block;margin:0 5vw 30px}.files{margin-top:24px}footer{display:block;padding:20px 5vw}footer>span{display:block;margin-top:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{header,.intro,.left,.right,.bottom,footer,.scrubber{display:none}.desk{display:block;border:0}.svg-wrap{max-height:none;overflow:visible;border:0}.canvas{background:#fff}.provenance{break-inside:avoid}.svg-wrap svg{min-height:0;max-height:none}}.canvas-heading h2,.endpoint b{white-space:pre-wrap}