/* V24 high-fidelity interactive dictation prototype.
   Scene shell follows the confirmed bookshelf shell; the page body uses the preferred dictation board. */
#studentLibrary[data-view="dictate"]{
  --v24-safe-top:max(env(safe-area-inset-top),54px);
  --v24-safe-bottom:max(env(safe-area-inset-bottom),12px);
  --v24-brand-h:72px;
  --v24-nav-h:86px;
  isolation:isolate;
  padding:var(--v24-safe-top) 0 var(--v24-safe-bottom)!important;
  background:#170b4f!important;
  color:#f8e9c9;
}
#studentLibrary[data-view="dictate"]::before{
  content:"";position:absolute;z-index:0;pointer-events:none;
  left:0;right:0;top:var(--v24-safe-top);bottom:0;
  background:url("./shelf_library_bg_v21.webp") center top/cover no-repeat;
}
#studentLibrary[data-view="dictate"]::after{
  content:"";position:absolute;z-index:0;pointer-events:none;
  left:0;right:0;top:var(--v24-safe-top);bottom:0;
  background:linear-gradient(180deg,rgba(20,7,61,.03) 0%,rgba(20,7,61,.10) 48%,rgba(20,7,61,.34) 100%);
}
#studentLibrary[data-view="dictate"]>.sl-brand,
#studentLibrary[data-view="dictate"]>.sl-main,
#studentLibrary[data-view="dictate"]>.sl-nav{position:relative;z-index:2}
#studentLibrary[data-view="dictate"] .sl-brand.mw-scene-brand{
  flex:0 0 var(--v24-brand-h);min-height:var(--v24-brand-h);padding-bottom:0;
}
#studentLibrary[data-view="dictate"] .sl-brand.mw-scene-brand::before{
  top:-5px;height:calc(var(--v24-brand-h) + 15px);
}
#studentLibrary[data-view="dictate"] .sl-brand.mw-scene-brand>b{font-size:clamp(19px,5vw,23px)}
#studentLibrary[data-view="dictate"] .sl-brand.mw-scene-brand>small{font-size:8.5px}
#studentLibrary[data-view="dictate"] .sl-main{display:flex;align-items:center;justify-content:center;overflow:hidden}
#studentLibrary[data-view="dictate"] .v24-dictation-page{
  position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;
}
#studentLibrary[data-view="dictate"] .v24-board{
  position:relative;flex:none;
  width:min(calc(100vw - 4px),calc((100dvh - var(--v24-safe-top) - var(--v24-safe-bottom) - var(--v24-brand-h) - var(--v24-nav-h) - 4px)*.666667));
  max-width:440px;aspect-ratio:2/3;min-width:0;
  filter:drop-shadow(0 8px 12px rgba(4,2,18,.25));
}
#studentLibrary[data-view="dictate"] .v24-board-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
#studentLibrary[data-view="dictate"] .v24-page-title{
  position:absolute;left:20%;right:20%;top:3.8%;height:9.2%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;text-align:center;color:#46235a;text-shadow:0 1px 1px #fff4d0,0 0 4px #f5d7a9;
}
#studentLibrary[data-view="dictate"] .v24-page-title h1{margin:0;font:750 clamp(18px,4.9vw,24px)/1.05 "Songti SC","STSong",serif;letter-spacing:1.5px;white-space:nowrap}
#studentLibrary[data-view="dictate"] .v24-page-title small{font:italic 600 clamp(8px,2.15vw,10px)/1.15 "Snell Roundhand","Apple Chancery","Brush Script MT",cursive;color:#7a4b44;letter-spacing:.55px;white-space:nowrap}
#studentLibrary[data-view="dictate"] .v24-primary-actions{
  position:absolute;left:5.7%;right:5.7%;top:15.2%;height:7.7%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.1%;align-items:center;
}
#studentLibrary[data-view="dictate"] .v24-primary-btn{
  position:relative;isolation:isolate;height:100%;min-width:0;padding:0 6px 0 27%;border:0;background:transparent;color:#fff0d2;font:700 clamp(10px,2.65vw,13px)/1 "Songti SC","STSong",serif;white-space:nowrap;text-shadow:0 1px 2px #2e164a;display:flex;align-items:center;justify-content:center;
}
#studentLibrary[data-view="dictate"] .v24-primary-btn::before{content:"";position:absolute;z-index:-1;inset:-8% -2%;background:url("./dictation_primary_btn_v24.webp") center/100% 100% no-repeat;filter:drop-shadow(0 2px 2px #0b061b5c)}
#studentLibrary[data-view="dictate"] .v24-primary-btn img{position:absolute;left:7%;top:12%;width:29%;height:76%;object-fit:contain;filter:drop-shadow(0 1px 1px #1a0b2b66);pointer-events:none}
#studentLibrary[data-view="dictate"] .v24-primary-btn:active{transform:translateY(1px) scale(.985)}
#studentLibrary[data-view="dictate"] .v24-tabs{
  position:absolute;z-index:3;left:6.2%;right:6.2%;top:25.6%;height:7%;display:grid;grid-template-columns:1fr 1fr;gap:1%;align-items:end;
}
#studentLibrary[data-view="dictate"] .v24-tab{
  position:relative;isolation:isolate;height:100%;padding:0 6px;border:0;background:transparent;color:#7a4a32;font:700 clamp(10px,2.75vw,13px)/1 "Songti SC","STSong",serif;white-space:nowrap;text-shadow:0 1px 1px #fff1c9;display:flex;align-items:center;justify-content:center;gap:4px;
}
#studentLibrary[data-view="dictate"] .v24-tab::before{content:"";position:absolute;z-index:-1;inset:-5% -3% -4%;background:url("./dictation_tab_off_v24.webp") center/100% 100% no-repeat}
#studentLibrary[data-view="dictate"] .v24-tab[aria-selected="true"]{color:#fff0d0;text-shadow:0 1px 2px #2b1646}
#studentLibrary[data-view="dictate"] .v24-tab[aria-selected="true"]::before{background-image:url("./dictation_tab_on_v24.webp");filter:drop-shadow(0 1px 2px #3c195770)}
#studentLibrary[data-view="dictate"] .v24-paper{
  position:absolute;left:9.1%;right:8.9%;top:32.4%;bottom:7.5%;display:flex;flex-direction:column;min-height:0;color:#4a3029;overflow:hidden;padding:1.8% 1.8% 0;
}
#studentLibrary[data-view="dictate"] .v24-paper-head{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px;flex:none;height:8%;min-height:22px;padding:0 2%;border-bottom:1px solid rgba(181,132,70,.38)}
#studentLibrary[data-view="dictate"] .v24-paper-head h2{font:750 clamp(12px,3.45vw,16px)/1.08 "Songti SC","STSong",serif;color:#4c2a58;white-space:nowrap}
#studentLibrary[data-view="dictate"] .v24-paper-progress{font:650 clamp(9px,2.25vw,11px)/1 sans-serif;color:#604237;white-space:nowrap}
#studentLibrary[data-view="dictate"] .v24-amend-toggle{min-width:50px;height:25px;padding:0 10px;border:1px solid #b8875f;border-radius:13px;background:#fff2d8d9;color:#5a315f;font:700 11px/1 "Songti SC",serif;box-shadow:0 1px 2px #6c49231f}
#studentLibrary[data-view="dictate"] .v24-summary{display:flex;align-items:center;justify-content:flex-start;gap:5%;height:9%;min-height:25px;padding:0 2%;flex:none;font:650 clamp(9px,2.45vw,12px)/1 sans-serif;white-space:nowrap}
#studentLibrary[data-view="dictate"] .v24-stat{display:inline-flex;align-items:center;gap:4px}
#studentLibrary[data-view="dictate"] .v24-stat::before{content:"";width:9px;height:9px;border-radius:50%;box-shadow:inset 0 0 0 1px #fff7d766,0 1px 2px #4e301d2c}
#studentLibrary[data-view="dictate"] .v24-stat.ok::before{background:#4e9676}.v24-stat.bad::before{background:#c55450}.v24-stat.wait::before{background:#8b78a6}
#studentLibrary[data-view="dictate"] .v24-progress-track{position:relative;flex:none;height:2.5%;min-height:7px;margin:0 2% 1.2%;border-radius:8px;background:linear-gradient(#ead8c2,#d9c3af);box-shadow:inset 0 1px 2px #7b5a3f43}
#studentLibrary[data-view="dictate"] .v24-progress-track i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#9c55ca,#7844b6);box-shadow:0 0 5px #8448b281;transition:width .2s ease}
#studentLibrary[data-view="dictate"] .v24-toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1%;height:9.5%;min-height:34px;flex:none;margin:0 1.1% 1.1%;align-items:center}
#studentLibrary[data-view="dictate"] .v24-tool{
  position:relative;isolation:isolate;height:100%;min-width:0;padding:0 2px 0 20%;border:0;background:transparent;color:#624131;font:650 clamp(8px,2.05vw,10px)/1 "Songti SC","STSong",serif;white-space:nowrap;display:flex;align-items:center;justify-content:center;
}
#studentLibrary[data-view="dictate"] .v24-tool::before{content:"";position:absolute;z-index:-1;inset:-6% -3%;background:url("./dictation_toolbar_v24.webp") center/100% 100% no-repeat}
#studentLibrary[data-view="dictate"] .v24-tool img{position:absolute;left:8%;width:16%;height:46%;object-fit:contain;pointer-events:none;opacity:.9}
#studentLibrary[data-view="dictate"] .v24-tool[aria-pressed="true"]{color:#4e285c;text-shadow:0 0 5px #d39ae5}
#studentLibrary[data-view="dictate"] .v24-tool[aria-pressed="true"]::after{content:"";position:absolute;inset:12% 8%;z-index:-2;border-radius:14px;background:#b67ccc20;box-shadow:0 0 8px #a85ece35}
#studentLibrary[data-view="dictate"] .v24-word-list{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 1.1%;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
#studentLibrary[data-view="dictate"] .v24-word-list::-webkit-scrollbar{display:none}
#studentLibrary[data-view="dictate"] .v24-row{display:grid;grid-template-columns:8.5% minmax(0,1fr) 31%;align-items:center;min-height:52px;border-bottom:1px solid rgba(171,127,76,.20);padding:2px 0;gap:1%}
#studentLibrary[data-view="dictate"] .v24-num{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1/1;background:url("./dictation_number_v24.webp") center/contain no-repeat;color:#6a4339;font:700 clamp(9px,2.4vw,12px)/1 Georgia,serif}
#studentLibrary[data-view="dictate"] .v24-word-button{min-width:0;padding:0 3px;border:0;background:transparent;text-align:left;color:#3e2a28;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0}
#studentLibrary[data-view="dictate"] .v24-word-line{display:flex;align-items:baseline;gap:5px;max-width:100%;min-width:0}
#studentLibrary[data-view="dictate"] .v24-word-line b{color:#39204f;font:750 clamp(15px,4vw,19px)/1.02 Georgia,"Times New Roman",serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
#studentLibrary[data-view="dictate"] .v24-row.answer-hidden .v24-word-line b{display:none}
#studentLibrary[data-view="dictate"] .v24-ipa{font:500 clamp(8px,2.1vw,10px)/1.1 Georgia,serif;color:#67485b;white-space:nowrap}
#studentLibrary[data-view="dictate"] .v24-meaning{font:600 clamp(9px,2.35vw,11px)/1.25 "Songti SC","STSong",serif;color:#563a2d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
#studentLibrary[data-view="dictate"] .v24-row.answer-hidden .v24-meaning{font-size:clamp(11px,2.85vw,14px);color:#4a2c48}
#studentLibrary[data-view="dictate"] .v24-row-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;align-items:center;justify-items:center}
#studentLibrary[data-view="dictate"] .v24-score{
  position:relative;width:100%;aspect-ratio:1/1;max-width:38px;padding:0;border:0;background:center/contain no-repeat;opacity:.94;filter:drop-shadow(0 1px 1px #5a392427);font-size:0;
}
#studentLibrary[data-view="dictate"] .v24-score.ok{background-image:url("./dictation_correct_v24.webp")}
#studentLibrary[data-view="dictate"] .v24-score.bad{background-image:url("./dictation_wrong_v24.webp")}
#studentLibrary[data-view="dictate"] .v24-score.undo{background-image:url("./dictation_undo_v24.webp")}
#studentLibrary[data-view="dictate"] .v24-score[aria-pressed="true"].ok{filter:drop-shadow(0 0 5px #62b38c)}
#studentLibrary[data-view="dictate"] .v24-score[aria-pressed="true"].bad{filter:drop-shadow(0 0 6px #e56866)}
#studentLibrary[data-view="dictate"] .v24-status-readonly{grid-column:1/-1;justify-self:end;min-width:54px;text-align:center;padding:4px 8px;border-radius:12px;font:700 10px/1 "Songti SC",serif;background:#fff2d7bd;color:#65413b;border:1px solid #d1a87888}
#studentLibrary[data-view="dictate"] .v24-status-readonly.ok{color:#39765f}.v24-status-readonly.bad{color:#a44845}
#studentLibrary[data-view="dictate"] .v24-paper-note{flex:none;height:5%;min-height:18px;display:flex;align-items:center;justify-content:center;padding:0 4%;font:600 clamp(8px,2vw,10px)/1 "Songti SC",serif;color:#7a533c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#studentLibrary[data-view="dictate"] .v24-amend-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:none;height:8%;min-height:32px;padding:2px 18% 0}
#studentLibrary[data-view="dictate"] .v24-amend-actions button{border:1px solid #c09a70;border-radius:15px;background:#fff0d6d9;color:#5a355e;font:700 10px/1 "Songti SC",serif;box-shadow:0 1px 2px #51342122}
#studentLibrary[data-view="dictate"] .v24-amend-actions button:last-child{background:#744898;color:#fff2d5;border-color:#d3ae7c}

/* Shared navigation, same frame and object sizing as the settled bookshelf page. */
#studentLibrary[data-view="dictate"] .sl-nav{
  flex:0 0 var(--v24-nav-h);min-height:var(--v24-nav-h);margin:0;padding:1px 15px 0;
}
#studentLibrary[data-view="dictate"] .sl-nav::before{inset:-1px 4px -2px;border-image-width:24px 24px 22px 24px}
#studentLibrary[data-view="dictate"] .sl-nav button{min-height:73px;gap:0;padding:0 2px;font-size:12.5px}
#studentLibrary[data-view="dictate"] .sl-nav button img{width:54px;height:54px}
#studentLibrary[data-view="dictate"] .sl-nav button[aria-current=page]::before{top:0;height:54px}

/* Functional overlays for the three top actions/end confirmation. */
#studentLibrary[data-view="dictate"] .v24-modal-layer{position:absolute;z-index:12;inset:var(--v24-safe-top) 0 0;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(12,6,34,.52);backdrop-filter:blur(3px)}
#studentLibrary[data-view="dictate"] .v24-modal{width:min(360px,88vw);min-height:180px;padding:22px 24px;border:1px solid #d8ae75;border-radius:24px;background:linear-gradient(145deg,#fff1d4,#f4d7aa);box-shadow:0 16px 46px #08041a99,inset 0 0 0 2px #fff7dc88;color:#4b302c;text-align:center}
#studentLibrary[data-view="dictate"] .v24-modal h3{margin:0 0 8px;color:#4d2d61;font:750 20px/1.15 "Songti SC",serif}
#studentLibrary[data-view="dictate"] .v24-modal p{margin:6px 0 12px;font:600 13px/1.5 "Songti SC",serif;color:#66463c}
#studentLibrary[data-view="dictate"] .v24-modal-word{display:block;margin:12px 0 4px;color:#3d2155;font:750 28px/1.1 Georgia,serif}
#studentLibrary[data-view="dictate"] .v24-modal input{width:100%;height:42px;padding:0 12px;border:1px solid #c49b72;border-radius:12px;background:#fffaf0;font-size:16px;color:#3f2e2b}
#studentLibrary[data-view="dictate"] .v24-modal-actions{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;flex-wrap:wrap}
#studentLibrary[data-view="dictate"] .v24-modal-actions button{min-width:86px;height:38px;padding:0 14px;border:1px solid #b88961;border-radius:18px;background:#fff3dc;color:#5b3a52;font:700 12px/1 "Songti SC",serif}
#studentLibrary[data-view="dictate"] .v24-modal-actions button.primary{background:#724392;color:#fff1d6;border-color:#d3ae7c}
#studentLibrary[data-view="dictate"] .v24-toast{position:absolute;z-index:20;left:50%;bottom:calc(var(--v24-nav-h) + 18px);transform:translateX(-50%);max-width:80vw;padding:8px 14px;border-radius:16px;background:#2e174fe8;color:#fff0d5;font:650 12px/1.25 "Songti SC",serif;box-shadow:0 4px 18px #07031477;white-space:nowrap}
@media(max-height:780px){
  #studentLibrary[data-view="dictate"]{--v24-safe-top:max(env(safe-area-inset-top),44px);--v24-brand-h:58px;--v24-nav-h:70px}
  #studentLibrary[data-view="dictate"] .sl-brand.mw-scene-brand{flex-basis:58px;min-height:58px}
  #studentLibrary[data-view="dictate"] .sl-brand.mw-scene-brand::before{height:68px;top:-6px}
  #studentLibrary[data-view="dictate"] .sl-brand.mw-scene-brand>b{font-size:18px}
  #studentLibrary[data-view="dictate"] .sl-brand.mw-scene-brand>small{font-size:7.5px}
  #studentLibrary[data-view="dictate"] .sl-nav{flex-basis:70px;min-height:70px;padding:0 12px}
  #studentLibrary[data-view="dictate"] .sl-nav::before{border-image-width:20px 20px 18px 20px}
  #studentLibrary[data-view="dictate"] .sl-nav button{min-height:62px;font-size:10.8px}
  #studentLibrary[data-view="dictate"] .sl-nav button img{width:43px;height:43px}
  #studentLibrary[data-view="dictate"] .sl-nav button[aria-current=page]::before{height:43px}
  #studentLibrary[data-view="dictate"] .v24-row{min-height:46px}
  #studentLibrary[data-view="dictate"] .v24-paper-note{display:none}
  #studentLibrary[data-view="dictate"] .v24-toolbar{height:10.5%}
}
@media print{
  html,body,#host,#studentLibrary[data-view="dictate"]{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;background:#fff!important;padding:0!important}
  #studentLibrary[data-view="dictate"]::before,#studentLibrary[data-view="dictate"]::after,#studentLibrary[data-view="dictate"] .sl-brand,#studentLibrary[data-view="dictate"] .sl-nav,#studentLibrary[data-view="dictate"] .v24-primary-actions,#studentLibrary[data-view="dictate"] .v24-modal-layer{display:none!important}
  #studentLibrary[data-view="dictate"] .sl-main{display:block!important;overflow:visible!important}
  #studentLibrary[data-view="dictate"] .v24-board{width:190mm!important;max-width:none!important;height:270mm!important;filter:none!important}
}
#studentLibrary[data-view="dictate"] .v24-paper-head>*{position:relative;z-index:2}

/* V25 visual-only refinement: wider/cropped board, longer writing area, parent-layout word hierarchy. */
#studentLibrary[data-view="dictate"] .sl-main{
  align-items:stretch;
  justify-content:center;
}
#studentLibrary[data-view="dictate"] .v24-dictation-page{
  align-items:flex-end;
  justify-content:center;
  padding-bottom:12px;
}
#studentLibrary[data-view="dictate"] .v24-board{
  width:min(103.5vw,456px);
  max-width:none;
  margin-left:-1.75vw;
  margin-right:-1.75vw;
}
/* Keep a natural strip of scene visible above the board, while letting the lower board sit near nav like shelf page. */
#studentLibrary[data-view="dictate"] .v24-paper{
  top:31.7%;
  bottom:5.4%;
  left:8.8%;
  right:8.6%;
}
#studentLibrary[data-view="dictate"] .v24-word-list{padding:0 .8%}
#studentLibrary[data-view="dictate"] .v24-row{
  grid-template-columns:8% minmax(0,1fr) 30%;
  min-height:56px;
  padding:3px 0;
  gap:1.2%;
}
#studentLibrary[data-view="dictate"] .v24-word-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:3px;
}
#studentLibrary[data-view="dictate"] .v24-answer-button{
  display:block;
  width:max-content;
  max-width:100%;
  padding:0;
  border:0;
  background:transparent;
  color:#3b2055;
  text-align:left;
  font:760 clamp(16px,4.1vw,20px)/1.02 Georgia,"Times New Roman",serif;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#studentLibrary[data-view="dictate"] .v24-meta-line{
  display:flex;
  align-items:center;
  min-width:0;
  gap:4px;
  color:#563a2d;
  white-space:nowrap;
  overflow:hidden;
}
#studentLibrary[data-view="dictate"] .v24-pos{
  flex:none;
  color:#765b73;
  font:650 clamp(9px,2.25vw,11px)/1.15 Georgia,"Times New Roman",serif;
}
#studentLibrary[data-view="dictate"] .v24-cn{
  min-width:0;
  max-width:44%;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#563a2d;
  font:650 clamp(9px,2.35vw,11.5px)/1.15 "Songti SC","STSong",serif;
}
#studentLibrary[data-view="dictate"] .v24-speaker{
  flex:none;
  width:22px;
  height:22px;
  padding:2px;
  border:0;
  background:transparent;
  display:grid;
  place-items:center;
}
#studentLibrary[data-view="dictate"] .v24-speaker img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
#studentLibrary[data-view="dictate"] .v24-ipa{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#6d4b75;
  font:600 clamp(8.5px,2.1vw,10.5px)/1.1 Georgia,"Times New Roman",serif;
}
#studentLibrary[data-view="dictate"] .v24-row.answer-hidden .v24-answer-button{display:none}
#studentLibrary[data-view="dictate"] .v24-row.answer-hidden .v24-word-copy{gap:0}
#studentLibrary[data-view="dictate"] .v24-row.answer-hidden .v24-meta-line{min-height:31px;gap:5px}
#studentLibrary[data-view="dictate"] .v24-row.answer-hidden .v24-pos{font-size:clamp(10.5px,2.6vw,12.5px)}
#studentLibrary[data-view="dictate"] .v24-row.answer-hidden .v24-cn{max-width:46%;font-size:clamp(11.5px,2.95vw,14px);color:#4a2c48}
#studentLibrary[data-view="dictate"] .v24-row.answer-hidden .v24-ipa{font-size:clamp(9.5px,2.35vw,11.5px)}
#studentLibrary[data-view="dictate"] .v24-row.answer-hidden .v24-speaker{width:24px;height:24px}

@media(max-height:780px){
  #studentLibrary[data-view="dictate"] .v24-dictation-page{padding-bottom:7px}
  #studentLibrary[data-view="dictate"] .v24-board{width:min(104vw,420px);margin-left:-2vw;margin-right:-2vw}
  #studentLibrary[data-view="dictate"] .v24-paper{top:31.5%;bottom:5.1%}
  #studentLibrary[data-view="dictate"] .v24-row{min-height:49px;padding:2px 0}
  #studentLibrary[data-view="dictate"] .v24-answer-button{font-size:clamp(14px,3.8vw,17px)}
  #studentLibrary[data-view="dictate"] .v24-speaker{width:19px;height:19px}
  #studentLibrary[data-view="dictate"] .v24-meta-line{gap:3px}
  #studentLibrary[data-view="dictate"] .v24-cn{max-width:42%}
}
#studentLibrary[data-view="dictate"] .v24-speaker{background:url("./sound_purple.png") center/contain no-repeat}
#studentLibrary[data-view="dictate"] .v24-speaker img{display:none}