/* The same line-and-aids block keeps Read and Recall in the same place. */
.practice-modes{display:flex;flex:1;min-width:0;max-width:350px}
.practice-modes button{flex:1;min-width:0;min-height:38px;padding:7px 10px;font-size:12px}
.practice-toolbar>.icon-button{flex:none;width:36px;height:36px}
.line-study-center{justify-content:center;padding:10px 0;gap:0}
.study-block{flex:none;width:100%;display:grid;gap:14px}
.line-aids{display:grid;gap:12px}.line-aids.concealed{visibility:hidden}
.line-study-center .line-text button{display:inline-block;vertical-align:baseline;padding:0 3px;border-bottom:1px solid transparent}
.line-study-center .line-text button.has-gloss{border-bottom-color:#d8af7830}
.line-study-center .recall-token{line-height:inherit;border-bottom:1px solid transparent}
.compact-aids .study-block,.compact-aids .line-aids{gap:7px}
#focus-card .card-center{position:relative;overflow:hidden}
.reader-word-stage{position:relative;width:100%;flex:none}
#focus-card #focus-word{position:static;left:auto;top:auto;transform:none;line-height:1.6}
#focus-card #focus-hint{position:absolute;top:100%;left:0;transform:none;width:100%;max-width:none;line-height:1.5;font-size:12px}
.reader-transport{grid-template-columns:minmax(89px,1fr) minmax(82px,1.05fr) minmax(89px,1fr);gap:9px}
.focus-controls .reader-back-group button{padding:8px 2px;min-width:43px}
.history-back{margin-bottom:18px}
@media(max-width:350px){.practice-modes button{padding:7px 6px;font-size:11px}.practice-toolbar{gap:6px}.reader-transport{gap:6px}.focus-controls .reader-transport>.primary{font-size:12px;padding:8px 4px}}
@media(max-height:680px){.study-block{gap:9px}.line-aids{gap:7px}.practice-modes button{min-height:32px}.practice-toolbar>.icon-button{width:32px;height:32px}}