.readalong-options{grid-column:1/-1;width:100%;border-top:1px solid #dbc9bd;margin-top:16px;padding-top:16px;display:grid;gap:10px}
.readalong-options[hidden],.readalong-toolbar[hidden]{display:none!important}
.dsmp-audio .readalong-options label{display:flex;align-items:flex-start;flex-direction:row;gap:12px;min-height:44px;width:100%;margin:0;font-size:1rem;line-height:1.6;font-weight:400;cursor:pointer}
.readalong-options input[type=checkbox]{width:22px;height:22px;flex:0 0 22px;margin:3px 0 0;accent-color:#582232}
.readalong-options p{font-size:.9375rem;line-height:1.6;margin:0}
.readalong-options input:focus-visible{outline:2px solid #582232;outline-offset:4px}
.read-word{border-radius:2px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.read-word.is-reading{background:#ead3a6;color:#381522;box-shadow:0 2px 0 #8a5e2a}
.readalong-toolbar{position:sticky;top:8px;z-index:12;display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;padding:12px 16px;margin:20px 0;border:1px solid #dbc9bd;background:#faf5ed;box-shadow:0 3px 12px #58223212;font-size:.9375rem;line-height:1.5}
.readalong-toolbar>span{font-family:Georgia,serif;font-size:1.15rem;margin-right:auto;color:#582232}
.readalong-toolbar button,.readalong-toolbar a{min-height:44px;max-width:100%;white-space:normal;font:inherit;color:#582232;background:transparent;border:1px solid #cdb3a5;padding:8px 12px;cursor:pointer}
.readalong-toolbar a{display:flex;align-items:center;text-decoration:underline}
.readalong-toolbar :is(a,button):focus-visible{outline:2px solid #582232;outline-offset:3px}
.admin-bar .readalong-toolbar{top:40px}
.read-block:is(h1,h2,h3) .read-word{hyphens:none;word-break:normal;overflow-wrap:anywhere}
@media(max-width:480px){.readalong-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;top:4px;gap:8px 12px;padding:12px}.readalong-toolbar>span{grid-column:1/-1;width:100%}.readalong-toolbar button{width:100%;min-height:60px;line-height:1.35}.readalong-toolbar a{grid-column:1/-1;width:100%;justify-content:center}.admin-bar .readalong-toolbar{top:50px}}
@media(max-width:360px){.readalong-toolbar{grid-template-columns:minmax(0,1fr)}.readalong-toolbar button{min-height:44px}}
@media(max-height:480px){.readalong-toolbar{position:static}}
@media(prefers-reduced-motion:reduce){.read-word{transition:none}}
@media(forced-colors:active){.read-word.is-reading{outline:2px solid Highlight;background:Highlight;color:HighlightText}}
