/* Generic clickable overlays. Whole-section block stays z=1; sentence row z=2; phoneme z=3; word z=4. */
.page-wrap{position:relative}.page-wrap>.hotspot{z-index:1}
.unit-hotspot{position:absolute;padding:0;margin:0;min-width:0;min-height:0;border:0;border-radius:3px;background:transparent;box-shadow:none;color:transparent;line-height:1;cursor:pointer;touch-action:manipulation}
.unit-sentence,.unit-phrase{z-index:2;border:1px solid rgba(24,112,93,.12)}
.unit-phoneme{z-index:3;border-bottom:2px solid rgba(62,92,159,.35)}
.unit-word{z-index:4;border-bottom:1px solid rgba(18,119,106,.38)}
.unit-hotspot:hover,.unit-hotspot.unit-selected{background:rgba(255,201,78,.28);outline:2px solid #167569;outline-offset:1px}
.unit-hotspot:focus-visible{outline:3px solid #17655c;outline-offset:1px}
.unit-hotspot.unit-review{border-bottom-style:dashed;border-bottom-color:#946436}
.unit-tag{position:absolute;left:-1px;top:-17px;color:#fff;background:#32675b;border-radius:5px;padding:2px 5px;font-size:10px;line-height:1.2;white-space:nowrap;opacity:.88;pointer-events:none}
.unit-sr{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.word-reader-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:9px 14px;border-top:1px solid #e3e7e1;background:#f7faf6;font-size:13px}.word-reader-tools[hidden]{display:none}.word-reader-tools a{font-weight:600}.word-reader-tools p{flex:1 1 230px;margin:0;line-height:1.6}.word-reader-tools button{font-size:13px;padding:7px 10px}#wordReadStatus{overflow-wrap:anywhere}.word-inline-hint{font-size:12px;color:#617875;padding:8px 12px}