/* Dual reader: Greek/Latin original and provenance-labelled translation beside it.
   Resize via native mouse/touch divider; sidebar and old controls remain intact. */
.reader-grid{grid-template-columns:minmax(175px,230px) minmax(0,1fr);gap:12px}
.reader-grid>.reader{min-width:0;padding:12px}
.cl-dual-reader{display:grid;grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr);
  gap:0;min-height:64vh;align-items:stretch;border:1px solid #414144;border-radius:7px;overflow:hidden;
  background:#000;color:#e2e2e3}
.cl-dual-reader[data-split-active=true]{user-select:none}
.cl-dual-reader.single-source{grid-template-columns:minmax(0,1fr)!important}
.cl-dual-reader .cl-translation-column[hidden],.cl-dual-reader .cl-pane-splitter[hidden]{display:none!important}
.cl-source-column,.cl-translation-column{min-width:0;overflow:auto;max-height:min(76vh,1100px);scrollbar-gutter:stable}
.cl-source-column{padding:17px 18px;background:var(--reader-bg,#000);color:var(--reader-fg,#e2e2e3)}
.cl-translation-column{padding:16px 19px 22px;background:var(--cl-translation-bg,#151516);color:var(--cl-translation-fg,#ece9e4)}
.cl-pane-title{font:700 12px/1.4 system-ui,sans-serif;letter-spacing:.035em;color:inherit;opacity:.82;
 margin:0 0 14px;display:flex;gap:8px;align-items:center;justify-content:space-between}
.cl-pane-splitter{background:#353539;border:0;border-left:1px solid #555;border-right:1px solid #555;
 cursor:col-resize;position:relative;min-width:12px;padding:0;touch-action:none}
.cl-pane-splitter::after{content:"";position:absolute;left:3px;top:45%;width:4px;height:58px;
 border-radius:5px;background:#888}
.cl-pane-splitter:hover,.cl-pane-splitter:focus-visible{background:#72695c;outline:2px solid #d6b778;outline-offset:-2px}
.cl-translation-tools{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin:0 0 15px;padding-bottom:12px;border-bottom:1px solid #49494e}
.cl-translation-tools :is(button,select){background:#262629;border:1px solid #5f5f65;color:#f2f2f3;
 border-radius:5px;padding:8px 10px;min-height:39px;font:12px/1.35 system-ui,sans-serif}
.cl-translation-tools button{cursor:pointer}
.cl-translation-tools button:disabled{cursor:default;opacity:.48}
.cl-translation-tools label{display:flex;align-items:center;gap:8px;font:12px/1.4 system-ui,sans-serif}
.cl-translation-output{font:var(--cl-translation-size,20px)/1.85 Georgia,"Times New Roman",serif;
 white-space:pre-wrap;overflow-wrap:anywhere;user-select:text}
.cl-translation-output[lang=grc]{font-family:"Gentium Book Plus",Georgia,serif}
.cl-translation-meta{font:12px/1.65 system-ui,sans-serif;color:inherit;opacity:.79;margin:9px 0 15px}
.cl-translation-label{font:600 12px/1.5 system-ui,sans-serif;opacity:.9;margin-bottom:10px}
.cl-translation-output .cl-caution{font:12px/1.65 system-ui,sans-serif;opacity:.84;margin-top:18px}
.cl-source-column #passages{background:transparent!important;min-width:0}
.cl-source-column #lexicon{max-width:100%}
.cl-translation-error{font:13px/1.6 system-ui,sans-serif;opacity:.9}
.cl-translation-column [aria-busy=true]{opacity:.65}
.cl-dual-reader[hidden]{display:none!important}
@media(min-width:901px){.cl-dual-reader{grid-template-columns:minmax(0, var(--cl-source-percent,50%)) 12px minmax(0,1fr)}}
@media(max-width:900px){
 .reader-grid{grid-template-columns:1fr}
 .reader-grid>aside #toc{max-height:190px}
 .cl-dual-reader{grid-template-columns:1fr;grid-template-rows:auto 12px auto}
 .cl-pane-splitter{cursor:row-resize;border-left:0;border-right:0;border-top:1px solid #555;border-bottom:1px solid #555}
 .cl-pane-splitter::after{width:58px;height:4px;left:calc(50% - 29px);top:3px}
 .cl-source-column,.cl-translation-column{max-height:none}
}
@media print{
 .cl-pane-splitter,.cl-translation-tools,.cl-translation-meta,.cl-pane-title{display:none!important}
 .cl-dual-reader{display:grid;grid-template-columns:1fr 1fr;border:0;gap:18px}
 .cl-source-column,.cl-translation-column{max-height:none;overflow:visible}
 .cl-translation-output{color:#111!important;background:white!important}
}

/* Full justification in both panes. Keep intentional line breaks in verse. */
html body .cl-source-column #passages p,
html body .cl-translation-column .cl-translation-output > p:not(.cl-caution){
 text-align-last:left!important;hyphens:auto;
 overflow-wrap:anywhere;white-space:pre-line;
}
html body .cl-source-column #passages p{text-align:var(--reader-align,justify)!important}
html body .cl-translation-column .cl-translation-output > p:not(.cl-caution){
 text-align:var(--cl-translation-align,justify)!important
}
html body .cl-source-column #passages .locus{text-align:left!important;text-align-last:left!important}
html body .cl-translation-column .cl-translation-output > p:not(.cl-caution){
 color:inherit!important;font:inherit;line-height:1.85!important;
}
.cl-source-column .vdl-annotation-bar{margin:0 0 16px;max-width:100%;font-size:12px}
.cl-source-column .vdl-annotation-colors{
 display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-inline-start:auto;
}
.cl-source-column .vdl-annotation-colors label,
.cl-annotation-appearance label{display:inline-flex;gap:5px;align-items:center;font:12px/1.4 system-ui,sans-serif}
.cl-source-column .vdl-annotation-colors input[type=color],
.cl-annotation-appearance input[type=color]{
 width:34px;height:32px;padding:2px;cursor:pointer;
 border:1px solid #737377;border-radius:5px;background:#242428;
}
.cl-translation-annotations{
 display:flex;flex-wrap:wrap;align-items:center;gap:7px;
 padding:9px 0 13px;margin:0 0 14px;border-bottom:1px solid #49494e;
 font:12px/1.4 system-ui,sans-serif;
}
.cl-translation-annotations strong{color:inherit}
.cl-translation-annotations button{
 background:#28282b;color:#f4f3f2;border:1px solid #606065;
 border-radius:5px;padding:6px 9px;cursor:pointer;min-height:33px;
 font:12px/1.35 system-ui,sans-serif;
}
.cl-translation-annotations button:hover{border-color:#e3c684}
.cl-translation-annotations button[aria-pressed=true]:not(.cl-annotation-dot){
 background:#524735;border-color:#d7bc86;color:white;
}
.cl-annotation-palette,.cl-annotation-appearance{
 display:inline-flex;flex-wrap:wrap;align-items:center;gap:7px;
}
.cl-annotation-appearance{margin-inline-start:auto}
.cl-translation-annotations button.cl-annotation-dot{
 width:25px;height:25px;min-height:25px;border-radius:50%;
 border:2px solid #62636a;padding:0;background:var(--cl-dot);
}
.cl-translation-annotations .cl-annotation-dot[aria-pressed=true]{
 outline:2px solid #fafafa;outline-offset:2px;
}
.cl-annotations-feedback{flex-basis:100%;font:11px/1.4 system-ui,sans-serif;opacity:.86}
.cl-translation-output p::selection,
.cl-source-column #passages ::selection{background:#cfa943;color:#171717}
@media(max-width:700px){
 .cl-source-column .vdl-annotation-bar,.cl-translation-annotations{gap:6px}
 .cl-annotation-appearance{margin-inline-start:0}
}
@media print{
 .cl-translation-annotations,.cl-source-column .vdl-annotation-bar{display:none!important}
}