:root{--ink:#203b36;--muted:#6e7d76;--paper:#f5f3eb;--line:#dce2d9;--accent:#2b7864;--orange:#bb6c43}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:14px}header{max-width:1560px;margin:auto;padding:27px 40px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.brand{font-family:Georgia,serif;font-size:25px;letter-spacing:-.5px;text-decoration:none;color:var(--ink);display:flex;gap:16px;align-items:center}.brand-label{font-family:Arial,Helvetica,sans-serif;font-size:9px;font-weight:700;letter-spacing:2px;color:var(--muted);padding-left:16px;border-left:1px solid #cbd4c9}.edition,.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px}.edition{color:var(--muted)}.edition span{padding:0 12px}main{max-width:1560px;margin:auto;padding:0 40px}.intro{padding:42px 0 32px}.intro h1{font-family:Georgia,serif;font-weight:400;font-size:56px;line-height:1.05;letter-spacing:-2px;margin:0}.intro h1 em{font-weight:400;color:var(--accent)}.intro>p{font-size:15px;color:var(--muted);line-height:1.75;margin:16px 0 0;max-width:780px}.intro>p strong{font-weight:500;color:var(--ink)}.workspace{border:1px solid var(--line);background:#fffefb;border-radius:14px;overflow:hidden;box-shadow:0 12px 40px #263d3610}.controls{padding:24px;display:flex;gap:18px;align-items:center;background:#ecf0e8}.controls>label{width:220px;font-size:11px;font-weight:700;color:var(--muted);display:grid;gap:8px}select,input,button{font:inherit;color:var(--ink);letter-spacing:normal}select,button,input[type=text],input:not([type]){-webkit-appearance:none;appearance:none;-webkit-text-fill-color:currentColor}button,select{touch-action:manipulation}select{display:block;min-height:44px;max-width:100%;border:1px solid #bac9bb;border-radius:8px;padding:10px 38px 10px 13px;line-height:22px;font-size:14px;font-weight:500;cursor:pointer;box-shadow:0 1px 2px #203b3605;background-color:#fffefb;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23455f52' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-size:16px 16px;background-repeat:no-repeat}select:hover:not(:disabled){border-color:var(--accent)}select:disabled{opacity:.5;cursor:default}.versus{margin-top:18px;font-size:22px;color:var(--muted)}.threshold{max-width:400px;flex:1;margin-left:auto}.threshold label{display:flex;justify-content:space-between;font-size:12px;font-weight:600}.threshold output{font-size:24px;font-variant-numeric:tabular-nums;color:var(--accent)}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:24px;margin:8px 0 2px;background:transparent;cursor:pointer;accent-color:var(--accent)}input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:6px;background:#c4d3c2}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:19px;height:19px;margin-top:-7px;border-radius:50%;border:3px solid #fffefb;background:var(--accent);box-shadow:0 0 0 1px #73917b,0 2px 4px #203b3620}input[type=range]::-moz-range-track{height:5px;border-radius:6px;background:#c4d3c2}input[type=range]::-moz-range-thumb{width:13px;height:13px;border-radius:50%;border:3px solid #fffefb;background:var(--accent);box-shadow:0 0 0 1px #73917b}.range-label{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.focus-controls{display:flex;align-items:center;gap:12px;padding:14px 24px;border-bottom:1px solid var(--line);flex-wrap:wrap}.focus-controls>label{font-size:12px;color:var(--muted)}.focus-controls select{font-size:13px;min-height:40px;padding-top:8px;padding-bottom:8px}.focus-controls input{font-size:13px;min-height:40px;padding:8px 12px;line-height:22px}.focus-controls input{border:1px solid var(--line);border-radius:8px;width:205px;background:#fffefb}#focusError{color:#a23c28;font-size:12px}.plot-toolbar{padding:16px 24px;display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid var(--line)}button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;cursor:pointer;border:1px solid #cbd6c8;border-radius:8px;background:#fffefb;padding:8px 13px;line-height:20px;font-weight:500;white-space:nowrap;transition:background-color .15s,border-color .15s,color .15s}button:hover:not(:disabled){background:#edf3ed;border-color:#91ab96}button:disabled{opacity:.4;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.tabs{display:inline-flex;gap:4px;background:#edf1e9;border:1px solid #d8e0d4;border-radius:10px;padding:4px}.tabs button{border:1px solid transparent;background:transparent;font-size:13px;min-height:36px;padding:7px 16px;border-radius:7px;color:#607368}.tabs button.active,.tabs button.active:hover{background:var(--ink);border-color:var(--ink);color:#fffefb;box-shadow:0 2px 4px #203b3615}.plot-options{display:flex;gap:15px;align-items:center}.plot-options label{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted)}.plot-options select{font-size:13px;min-height:38px;padding:7px 34px 7px 11px;min-width:84px}.text-button{border:1px solid transparent;background:transparent;font-size:12px;color:var(--accent)}.text-button:hover:not(:disabled){background:#eaf1e8;border-color:#d4e0d0}input:disabled{background:#f0f2ed;color:#8a958d;opacity:1}input::placeholder{color:#8a958d;opacity:1}.explorer{display:grid;grid-template-columns:minmax(0,1fr) 340px}.visual{padding:22px 22px 14px;min-width:0}.plot-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.plot-heading strong{font-size:14px}.plot-heading>span{font-size:11px;color:var(--muted);text-align:right}.canvas-wrap{height:400px;position:relative}canvas{width:100%;height:100%;display:block;touch-action:none}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#fffefbe8;color:var(--muted)}#loading[hidden]{display:none}#tooltip{pointer-events:none;position:absolute;background:var(--ink);color:white;padding:9px 11px;border-radius:6px;font-size:11px;line-height:1.6;z-index:2;box-shadow:0 4px 18px #0002;max-width:220px}.plot-caption{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:10px;line-height:1.6;padding-top:12px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:5px}aside{border-left:1px solid var(--line);padding:22px;background:#fafbf7;min-width:0}.aside-heading{display:flex;justify-content:space-between;align-items:center;min-height:25px}.score{font-size:12px;color:var(--accent);background:#e6efe7;border-radius:20px;padding:5px 9px}.score:empty{display:none}.verse{padding:16px 0;border-bottom:1px solid var(--line)}.verse .ref{font-size:12px;font-weight:700;color:var(--accent)}.verse:nth-child(2) .ref{color:var(--orange)}.verse p{font-family:Georgia,serif;font-size:17px;line-height:1.6;margin:8px 0 0}.empty{font-size:13px;color:var(--muted);line-height:1.7}.list-heading{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.list-heading h2{font-size:12px}.list-heading span{font-size:10px;color:var(--muted)}.pair-list{max-height:220px;overflow:auto}.pair-row{width:100%;display:flex;justify-content:space-between;gap:8px;text-align:left;padding:9px 8px;border:0;border-bottom:1px solid var(--line);border-radius:0;font-size:11px;background:transparent;white-space:normal;min-height:36px}.pair-row.selected{background:#e2eee5}.pair-row small{font-variant-numeric:tabular-nums;color:var(--accent)}.pagination{display:flex;justify-content:space-between;margin-top:10px}.pagination button{font-size:10px;padding:7px}footer{display:block;margin:26px 0 40px;font-size:11px;color:var(--muted);line-height:1.7}footer strong{color:var(--ink);font-size:12px}footer p{margin:6px 0}#error{padding:16px;background:#fae7df;color:#8f3628;border-radius:6px}@media(min-width:1400px){.canvas-wrap{height:460px}.explorer{grid-template-columns:minmax(0,1fr) 380px}}@media(max-width:950px){header{padding:20px}.edition{display:none}main{padding:0 18px}.intro{padding:32px 0}.intro h1{font-size:45px}.intro>p{font-size:14px}.controls{flex-wrap:wrap}.controls>label{width:calc(50% - 35px)}.threshold{max-width:none;flex-basis:100%;margin-top:5px}.explorer{grid-template-columns:1fr}aside{border-left:0;border-top:1px solid var(--line)}.canvas-wrap{height:360px}.pair-list{max-height:200px}.plot-toolbar{flex-wrap:wrap}.plot-options{flex:1;justify-content:flex-end}footer{gap:20px}}@media(max-width:560px){.intro{display:block}.intro>p{margin-top:14px;max-width:none}.intro h1{font-size:clamp(24px,7.5vw,40px);letter-spacing:-1px;white-space:nowrap}.controls{padding:16px;gap:10px}.controls>label{width:calc(50% - 20px)}.focus-controls,.plot-toolbar{padding:12px}.visual{padding:14px 8px}.plot-heading{padding:0 8px}.plot-heading>span{max-width:140px}.canvas-wrap{height:310px}.plot-caption{padding:12px 8px}.plot-caption>span:last-child{display:none}footer{grid-template-columns:1fr;gap:12px}.plot-options{justify-content:space-between}.focus-controls input{width:155px}}

@media(max-width:560px){.brand{font-size:23px}.brand-label{font-size:8px;padding-left:12px}.controls select,.focus-controls select,.focus-controls input,.plot-options select{font-size:16px}.plot-options{flex-wrap:wrap}.tabs button{padding:7px 12px}.focus-controls input{width:195px}.pagination button{min-height:40px}}

.controls{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px;align-items:center}
.book-controls{min-width:0;margin:0;padding:14px;border:1px solid #cbd6cc;border-top:3px solid #527D99;border-radius:10px;display:grid;grid-template-columns:1fr 1.25fr 1.2fr;gap:10px;background:#ffffff55}
.book-controls.book-b{border-top-color:#C57B51}
.book-controls legend{padding:0 6px;font-size:11px;font-weight:700;color:var(--muted)}
.book-controls label{display:grid;gap:7px;min-width:0;font-size:11px;font-weight:700;color:var(--muted)}
.book-controls select{width:100%;min-width:0;font-size:13px;padding-left:10px;padding-right:30px;background-position:right 8px center}
.controls .versus{margin:0}.controls .threshold{grid-column:1/-1;width:100%;max-width:none;margin:0}
#selectionNotice{grid-column:1/-1;margin:0;font-size:12px;line-height:1.5;color:var(--accent)}#selectionNotice:empty{display:none}
@media(max-width:1100px){.book-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.book-field{grid-column:1/-1}}
@media(max-width:640px){.controls{grid-template-columns:minmax(0,1fr);gap:14px;padding:16px}.controls .versus{display:none}.book-controls{padding:12px;gap:12px}.book-controls select{font-size:16px;min-height:46px}.controls .threshold{margin-top:4px}}

#thresholdDescription{margin:0 0 7px;font-size:12px;line-height:1.6;color:var(--muted)}#thresholdHint{margin:12px 0 0;font-size:12px;line-height:1.6;color:var(--accent)}#thresholdHint:empty{display:none}

header nav{display:flex;gap:20px;align-items:center}header nav a{color:var(--muted);text-decoration:none;font-size:13px;padding:8px 0}header nav a:hover,header nav a[aria-current=page]{color:var(--ink);border-bottom:2px solid var(--accent)}@media(max-width:640px){header{flex-wrap:wrap;gap:14px}header nav{width:100%;gap:24px}}

@media(max-width:640px){.plot-options{display:none}}