.mmv-details{font-family:Roboto,sans-serif;color:#58585A}
.mmv-tabs{display:flex;gap:20px}
/* the tab row carries the divider; on wide screens the Chapters heading sits in it, above the chapter list, so the first chapter lines up with the first paragraph */
.mmv-tabrow{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);column-gap:36px;align-items:end;border-bottom:1px solid #58585A}
.mmv-tabrow.no-chapters{grid-template-columns:1fr}
.mmv-tabrow-ch{padding:10px 10px;font:700 15px/1.35 Roboto,sans-serif;color:#58585A}
.mmv-chapters-col .mmv-h4-in{position:absolute!important;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.mmv-tabs button{background:none;border:0;border-bottom:3px solid transparent;margin-bottom:-1px;padding:10px 0;font:700 14px/1.3 Roboto,sans-serif;color:#58585A;cursor:pointer}
.mmv-tabs button[aria-selected="true"]{border-bottom-color:#8CC63E}
.mmv-details .mmv-tabs button,.mmv-details .mmv-tabs button:hover,.mmv-details .mmv-tabs button:focus,.mmv-details .mmv-tabs button:active{background:none!important;background-color:transparent!important;box-shadow:none!important;outline:0;border:0!important;border-bottom:3px solid transparent!important;border-radius:0!important;color:#58585A!important;padding:10px 0!important;margin:0 0 -1px!important;text-decoration:none!important;font:700 14px/1.3 Roboto,sans-serif!important;text-transform:none!important;letter-spacing:0!important}
.mmv-details .mmv-tabs button[aria-selected="true"]{border-bottom-color:#8CC63E!important}
.mmv-details .mmv-tabs button:focus-visible{outline:2px solid #58585A;outline-offset:2px}
.mmv-panel{padding-top:18px}
.mmv-panel[hidden]{display:none!important}
.mmv-sgrid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:36px;align-items:start}
.mmv-sgrid.no-chapters{grid-template-columns:1fr}
.mmv-prose{display:grid;gap:12px;font-size:14px;line-height:1.6}
.mmv-prose > *{margin:0}
.mmv-prose h2,.mmv-prose h3,.mmv-prose h4{font-size:15px;font-weight:700;line-height:1.35;color:#58585A}
.mmv-prose ul,.mmv-prose ol{padding-left:1.2em;display:grid;gap:6px}
.mmv-prose a{color:#58585A;font-weight:700}
.mmv-lead{font-size:16px;line-height:1.5}
.mmv-h4{margin:0 0 8px;font-size:15px;font-weight:700;line-height:1.35;color:#58585A}
.mmv-chapters{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.mmv-chap,.mmv-tline{display:grid;grid-template-columns:42px 1fr;gap:10px;width:100%;padding:6px 10px;border:0;background:none;border-radius:4px;text-align:left;cursor:pointer;font:400 13px/1.5 Roboto,sans-serif;color:#58585A;transition:background-color .16s ease}
.mmv-tline{grid-template-columns:46px 1fr}
.mmv-details .mmv-chap,.mmv-details .mmv-tline,.mmv-details .mmv-chap:focus,.mmv-details .mmv-tline:focus,.mmv-details .mmv-chap:active,.mmv-details .mmv-tline:active{background:none!important;background-color:transparent!important;border:0!important;box-shadow:none!important;outline:0;color:#58585A!important;padding:6px 10px!important;border-radius:4px!important;text-decoration:none!important;text-transform:none!important;letter-spacing:0!important;font-size:13px!important;line-height:1.5!important;font-weight:400!important}
.mmv-details .mmv-chap:hover,.mmv-details .mmv-tline:hover,.mmv-details .mmv-chap.is-on,.mmv-details .mmv-tline.is-on{background:#F5F5F5!important;background-color:#F5F5F5!important;color:#58585A!important}
.mmv-details .mmv-chap:focus-visible,.mmv-details .mmv-tline:focus-visible{outline:2px solid #58585A;outline-offset:-2px}
.mmv-details .mmv-chap.is-on{font-weight:700!important}
.mmv-ts{font-weight:700;font-size:12px;padding-top:1px;font-variant-numeric:tabular-nums}
.mmv-transcript{max-height:360px;overflow:auto;display:grid;gap:2px;padding-right:8px}
/* long chapter titles and transcript lines wrap inside their column */
.mmv-chapters-col{min-width:0}
.mmv-details .mmv-chap,.mmv-details .mmv-tline{white-space:normal!important;height:auto!important;min-width:0;max-width:100%}
.mmv-details .mmv-chap > span,.mmv-details .mmv-tline > span{white-space:normal!important;overflow-wrap:break-word;word-break:normal;min-width:0}
@media (max-width:860px){.mmv-sgrid{grid-template-columns:1fr;gap:24px}.mmv-tabrow{grid-template-columns:1fr}.mmv-tabrow-ch{display:none}.mmv-chapters-col .mmv-h4-in{position:static!important;width:auto;height:auto;margin:0 0 8px;overflow:visible;clip:auto;white-space:normal}}
@media (max-width:600px){.mmv-prose{font-size:15px}.mmv-details .mmv-chap,.mmv-details .mmv-tline{font-size:14px!important}}