.goal-picker[hidden],[data-shelf-group][hidden],[data-goals][hidden]{display:none!important} .goal-picker{padding:24px 0 0;border-top:1px solid var(--color-line);margin-top:36px} .goal-picker .eyebrow{color:var(--color-muted)} .goal-controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px} .goal-controls button{min-height:46px;padding:10px 18px;border:1px solid var(--color-muted);background:transparent;color:var(--color-ink);border-radius:var(--radius-control);font:16px/1.3 var(--font-label);transition:background var(--duration-control),color var(--duration-control),border-color var(--duration-control),transform var(--duration-fast)} .goal-controls button:hover{background:var(--color-surface)} .goal-controls button:active{transform:translateY(1px)} .goal-controls button[aria-pressed="true"]{background:var(--color-ink);color:var(--color-paper);border-color:var(--color-ink);text-decoration:underline;text-underline-offset:4px} .goal-result{font:15px/1.5 var(--font-label);color:var(--color-muted);min-height:23px;margin:16px 0 28px} .library{padding-bottom:90px} .library .guitar-library{padding-bottom:0} [data-shelf-results][data-filtered="true"] .guitar-library{padding-top:0} [data-shelf-results][data-filtered="true"] .guitar-library>.section-head{display:none} [data-shelf-results][data-count="1"]>.book-grid{display:block} [data-shelf-results][data-count="1"] .book-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:52px;align-items:center;max-width:960px;margin-inline:auto} [data-shelf-results][data-count="1"] .book-card .card-text{border:0;margin:0;padding:0} [data-shelf-results][data-count="1"] .book-card h3{font-size:48px} [data-shelf-results][data-count="1"] .book-card .description{max-width:420px;font-size:18px} .sound-sample{min-width:0;border-top:1px solid var(--color-line);padding-top:26px} .sound-sample>.eyebrow{font-size:12px;letter-spacing:.08em} .sample-reference{white-space:nowrap} .sound-sample h3{font-size:45px;line-height:1.02;margin-top:17px} .sound-sample .sample-description{font-size:16px;line-height:1.6;margin-top:20px;max-width:480px} .sound-sequence{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0;margin:22px 0 8px;font:14px/1.4 var(--font-label)} .sound-sequence li{padding:9px 0;border-bottom:1px solid var(--color-line);display:flex;align-items:center;gap:8px} .sound-sequence li:not(:last-child):after{content:'→';margin-left:auto;color:var(--color-muted)} .sound-sample .playback{display:grid;grid-template-columns:86px minmax(0,1fr);gap:22px;align-items:center;margin-top:22px} .sound-sample .play-main{width:86px;height:86px;border-radius:50%;flex-direction:column;gap:8px;font:16px/1.2 var(--font-label)} .sound-sample .play-mark{border-left-width:12px;border-top-width:7px;border-bottom-width:7px} [data-player-state="playing"] .sound-sample .play-mark{width:15px;height:17px;border:0;border-inline:5px solid #20201c} .sound-sample .progress-wrap{margin:0} .sound-sample .sample-timeline{min-width:0} .sound-sample .player-status{font-size:13px;min-height:20px;margin:8px 0 0} .sound-sample .native-audio{grid-column:1/-1;margin:0} .sample-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:18px} .sample-footer .practice-controls{margin:0;gap:10px} .sample-footer .practice-controls button{min-height:44px;min-width:70px;padding:9px 13px;font-size:15px} .sample-footer .text-link{font-size:15px;margin:0;gap:12px} .listening-section .sound-sample{--color-ink:var(--color-inverse);--color-muted:var(--color-inverse-muted);--color-line:#8b9485;--color-surface:#353c34;--color-paper:var(--color-deep)} .listening-section .sound-sample h3{color:var(--color-inverse)} .listening-section .sound-sample p{max-width:480px} .listening-section .sound-sample .player-status{color:var(--color-inverse-muted)} html:not(.audio-enhanced) .sound-sample .sample-timeline{display:none} .book-detail{align-items:start} .book-copy{min-width:0} .book-copy .book-information{width:100%;display:block;padding:32px 0 0;margin-top:36px} .book-copy .book-information h2{font-size:36px} .book-copy .book-information ul{margin-bottom:30px} .book-copy .book-information>section+section{margin-top:28px} .book-copy .sound-sample{margin-top:40px;padding-bottom:10px} .book-detail>.product-presentation{position:static;align-self:start} @media(min-width:1001px) and (min-height:700px) and (prefers-reduced-motion:no-preference){ .book-detail>.product-presentation{position:sticky;top:24px} .book-detail .product-stage{height:min(540px,calc(100svh - 180px))} } @media(max-width:1000px){ .book-detail{display:flex;flex-direction:column;gap:36px} .book-detail>.product-presentation{width:100%;--book-unit:245px} .book-detail .product-stage{height:425px} .book-copy{width:100%;max-width:740px;margin-inline:auto} .book-copy .sound-sample{max-width:600px} .listening-layout{gap:45px} } @media(max-width:700px){ .goal-controls{gap:8px} .goal-controls button{font-size:14px;padding:10px 12px;min-height:44px} .goal-picker{margin-top:26px;padding-top:22px} .goal-result{font-size:14px;margin-bottom:20px} [data-shelf-results][data-count="1"] .book-card{display:block;max-width:none} [data-shelf-results][data-count="1"] .book-card h3{font-size:37px} [data-shelf-results][data-count="1"] .book-card .card-text{border-top:1px solid var(--color-line);margin-top:20px;padding-top:22px} [data-shelf-results][data-count="1"] .book-card .description{font-size:16px} .listening-layout{display:block} .listening-section{padding-block:34px} .listening-section h2{font-size:48px;margin-block:16px} .listening-section h2 em{display:none} .listening-section>.listening-layout>div:first-child>.text-link{margin-top:16px} .listening-section .format-description{margin-top:8px} .listening-section .sound-sample{margin-top:24px;padding-top:22px} .sound-sample h3{font-size:38px} .sound-sample .playback{grid-template-columns:78px minmax(0,1fr);gap:16px} .sound-sample .play-main{width:78px;height:78px} .sound-sequence{font-size:13px;gap:10px} .sound-sequence li{gap:3px} .sample-footer{gap:12px} .sample-footer .text-link{min-height:44px} .book-copy .book-information h2{font-size:34px} .library{padding-bottom:55px} } @media(prefers-reduced-motion:reduce){ .book-detail>.product-presentation{position:static} .goal-controls button,.sound-sample button{transition:none} }