.reference-alignment{margin:22px 0;padding:18px 0;border-block:1px solid #aebfc9;font-size:1rem}
.reference-alignment h3{margin:0 0 10px}.reference-alignment p{line-height:1.5}.reference-alignment label{display:block;margin:12px 0}.reference-alignment select,.reference-alignment input[type=text],.reference-alignment input[type=number]{box-sizing:border-box;width:100%;margin-top:6px;padding:10px;border:1px solid #819aaa;border-radius:6px;background:#fff;color:#162b40;font:inherit}
.reference-alignment details{margin:14px 0}.reference-alignment summary{cursor:pointer;font-weight:700}.reference-check{display:flex!important;align-items:flex-start;gap:8px}.reference-check input{flex-shrink:0;margin-top:5px}.reference-bounds{display:grid;grid-template-columns:1fr 1fr;gap:10px}.reference-alignment audio{width:100%;margin:10px 0}.reference-alignment audio[hidden]{display:none}
.reference-phrase{padding:10px;background:#eaf1f5;border-radius:6px;margin-top:8px;overflow-wrap:anywhere}.reference-group{border:1px solid #aebfc9;border-radius:9px;padding:12px;margin-top:16px}.reference-context{font-size:1.25rem;direction:ltr;text-align:left;overflow-wrap:anywhere}.reference-row{padding:12px 0;border-top:1px solid #c8d6df}.reference-glyph{font-size:1.6rem;display:block;margin-bottom:4px;overflow-wrap:anywhere}.reference-row .reference-context{font-size:1.1rem}.reference-small{padding:8px 10px;border:1px solid #819aaa;border-radius:6px;background:transparent;color:inherit;font:inherit;font-size:.875rem;cursor:pointer}.reference-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.reference-actions button{flex:1 0 40%}.reference-alignment button:focus-visible,.reference-alignment input:focus-visible,.reference-alignment select:focus-visible{outline:3px solid #aa803d;outline-offset:2px}.reference-active{background:#e0f0f1;outline:2px solid #37808f}.reader-content .reference-note-active{outline:2px solid #37808f!important;background:#e0f0f1!important;color:#173746!important}.reference-row small{display:block;line-height:1.5}.reference-original{color:#456073}.reference-save{background:#f5f8fa;padding:12px 0}.reference-alignment [hidden]{display:none!important}
html[data-theme=dark] .reference-alignment select,html[data-theme=dark] .reference-alignment input[type=text],html[data-theme=dark] .reference-alignment input[type=number]{background:#13232e;color:#e7f0f4;border-color:#708692}html[data-theme=dark] .reference-phrase,html[data-theme=dark] .reference-save{background:#1b2c38}html[data-theme=dark] .reference-group,html[data-theme=dark] .reference-row{border-color:#455d6b}html[data-theme=dark] .reference-active,html[data-theme=dark] .reader-content .reference-note-active{background:#294653!important;color:#e7f0f4!important}html[data-theme=dark] .reference-original{color:#b1c8d6}
