/* Online reading corrections, not a redesign of the approved book or shell. */
.reader-layout {max-width:none; padding:18px 12px 30px 38px; gap:12px; grid-template-columns:190px minmax(0,1fr)}
.reader-layout .reader {max-width:none; min-width:0}
.sidebar-toggle {position:fixed; z-index:35; right:0; top:calc(var(--reader-top,92px) + 20px); bottom:22px; width:27px; padding:8px 3px; flex-direction:column; justify-content:center; border-radius:6px 0 0 6px; font-size:13px; box-shadow:0 2px 6px #173e3c18}
.sidebar-toggle span:last-child {writing-mode:vertical-rl; letter-spacing:2px}
.reader-layout:not(.sidebar-hidden) .sidebar-toggle {right:0}
.reader-layout {padding-right:40px}
.sidebar {background:#fffefb}
.sidebar details {border:0;margin:0}
.sidebar summary {list-style:none;cursor:pointer;padding:8px 4px;font-size:14px;font-weight:700}
.sidebar summary a {display:inline;padding:0}
.sidebar .subtopics a {font-size:12px;line-height:1.4;padding:7px 12px;border:0}
.sidebar .subtopics {border-right:2px solid #bed2c7;margin:3px 9px 8px 0}
.sidebar details[open]>summary {color:#1c6e5b}
.reader-header {padding-bottom:14px; margin-bottom:16px}
.reader .book-unit {margin:0 0 18px;scroll-margin-top:calc(var(--reader-top,92px) + 15px)}
.unit-bar {position:static; padding:7px 4px; background:transparent;border:0;gap:12px}
.unit-bar .online-page {font-size:12px;white-space:nowrap;color:#536a63}
.reader-layout .native {border:0;border-radius:0;padding:18px 20px;background:white;font-size:19px;line-height:1.65;overflow:visible}
.reader .native .content,.reader .native main {position:static!important;display:block!important;padding:0!important; height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
.reader .native>h1,.reader .native h2 {line-height:1.3}
.reader .native .page,.reader .native .sheet {width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important;padding:0!important;margin:0!important}
.reader .native .block,.reader .native .group {margin-block:0 14px;break-inside:auto}
.reader .native figure {margin-inline:0}
.reader .native svg {overflow:visible}
.reader .native .illustration {height:auto!important;max-height:none!important; width:100%; margin-block:16px}
.reader .native .illustration img,.reader .native .figure img,.reader .native figure[data-figure] img {width:100%; height:auto!important;max-height:none;object-fit:contain}
.reader .native .tone-figure {width:min(100%,1100px);height:auto;margin-inline:auto;display:block}
.reader .native .figure {height:auto!important;min-height:0!important}
.reader .native .octaves-figure img {width:100%!important;flex:none}
.reader .native .middle-c-figure img {max-height:380px;object-fit:contain}
.reader .native .memory-label svg,.reader .native .remember-title svg {width:24px!important;height:24px!important;flex:none;display:inline-block}
.reader .native blockquote {margin:16px 0;padding:14px 18px;border:1px solid #bed7cf;border-right:4px solid #2d817b;border-radius:8px;background:#eff7f4;font-size:18px}
.reader .native .memory-label,.reader .native .remember-title {position:static!important;display:flex;align-items:center;gap:8px;margin-bottom:8px}
.reader .native .memory-label span {display:inline!important}
.reader .native .comparison-grid {gap:16px}
.reader .native .mapping-row {display:flex;align-items:baseline;gap:18px;justify-content:space-between;padding-block:7px}
.reader .native .mapping-row bdi {margin-inline-start:12px;direction:ltr}
.reader .native table {table-layout:auto;font-size:18px}
#c6-u4 .native th:first-child,#c6-u4 .native td:first-child {width:145px;max-width:145px;text-align:center}
.reader .native img[src*="73b5077a793f676b7da2e8"] {width:min(100%,370px)!important;margin:auto;display:block}
.reader .native .embedded-media {border:0;background:none;padding:0; margin:12px 0}
.book-play {display:inline-flex!important;align-items:center;gap:10px;min-height:44px;padding:7px 14px;border:1px solid #bfd5cd;border-radius:25px;background:#f4faf6;color:#214d45;cursor:pointer;font:700 15px Arial,sans-serif;max-width:100%;text-decoration:none}
.book-play .play-symbol {display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:#245e52;color:white;font-size:12px;line-height:1}
.book-play[aria-pressed=true] {background:#dceee5}
.book-play:focus-visible {outline:3px solid #bf8e31;outline-offset:3px}
.reader .native .listen-grid {display:flex;flex-wrap:wrap;gap:12px;margin:14px 0}
.book-video {display:block;width:min(100%,1000px);height:auto;margin:16px auto;background:#122321;border-radius:8px}
.approved-page {position:relative}
.approved-page .book-play {position:absolute;transform:translate(-50%,-50%);z-index:2;font-size:clamp(10px,1.1vw,16px);padding:4px 8px;min-height:30px;white-space:nowrap}
.approved-page .book-play .play-symbol {width:22px;height:22px}
.reader .native .listen-card {display:block!important; min-height:0;height:auto;padding:12px}
.reader .native .listen-card>img,.reader .native .song-qr-link {display:none!important}
.reader .native .compact-row.whole {--groups:1}
.reader .native .compact-row.halves {--groups:2}
.reader .native .compact-row.quarters,.reader .native .compact-row.eighths,.reader .native .compact-row.sixteenths {--groups:4}
.reader .native .compact-pyramid {gap:10px}
.reader .native .compact-row {height:42px}
.reader .native .compact-row img {height:42px}
.reader .native .value-symbol {height:64px}
.reader .native .value-intro-card p,.reader .native .compact-pyramid-box>p,.reader .native .symbol-label,.reader .native .dotted-term span {font-size:14px}
.exercise-shell {position:relative}
.exercise-shell .frame-container {padding:0}
.exercise-shell>summary {position:sticky;top:var(--reader-top,92px);z-index:15;background:#f5faf6}
.exercise-shell .frame-actions {padding:8px;gap:12px}
.exercise-shell.exercise-expanded {position:fixed;inset:0;z-index:100;background:#fff;overflow:auto;padding:12px}
.exercise-shell.exercise-expanded>summary {top:0}
.exercise-tools {position:fixed;left:14px;bottom:14px;z-index:110;display:flex;gap:6px;background:#fffefb;border:1px solid #b6cec1;border-radius:24px;padding:5px;box-shadow:0 2px 14px #173e3c20}
.exercise-tools button {border:0;min-height:36px;background:transparent;border-radius:18px;padding:5px 10px;font-size:13px;color:#214d45}
.exercise-tools button:hover {background:#e6f1e8}
.exercise-tools[hidden] {display:none!important}
.active-practice {scroll-margin-top:110px}
.unit-index {display:none}
.rhythm-intro-page {width:100%;display:block;margin-bottom:12px}
.rhythm-page-exercises {display:grid;gap:14px}
.rhythm-reader .book-unit {padding-bottom:12px}
.approved-page .book-play {width:9.4%;min-width:70px;min-height:0;height:2.5%;justify-content:center;background:#f4faf6;gap:5px}
.approved-page .book-play .play-symbol {width:20px;height:20px}
.companion-page {max-width:none;padding:16px 38px;}
.companion-frame iframe {width:100%;border:0;min-height:800px}
.public-pdf {white-space:nowrap}
@media(max-width:760px){
 .reader-layout{padding:10px 33px 25px 8px}
 .reader-layout .native{padding:14px 12px;font-size:17px}
 .sidebar-toggle{width:25px}
 .sidebar:not([hidden]){right:30px!important;width:min(260px,calc(100vw - 45px))!important}
 .reader .native .reading-layout,.reader .native .comparison-grid{grid-template-columns:1fr!important}
 .reader .native .value-intro-grid{grid-template-columns:repeat(3,1fr)}
 .reader .native .rest-equivalences{grid-template-columns:1fr!important}
 .exercise-tools {left:6px;bottom:6px;gap:1px}
 .exercise-tools button{font-size:12px;padding:5px 7px}
 .companion-page{padding:10px 30px 10px 8px}
 .book-play{font-size:13px}
}
@media print{.sidebar-toggle,.exercise-tools,.unit-bar,.book-play{display:none!important}}