/* Page-local adaptation of the established MPD editorial book system. */
body.mpd-study-page{margin:0;background:var(--mpd-core-background,#fbfaf7);color:var(--mpd-core-text,#17242d);font-family:var(--mpd-core-font-sans,Arial,sans-serif);font-size:17px;line-height:1.65}
.mpd-study-page *, .mpd-study-page *::before,.mpd-study-page *::after{box-sizing:border-box}
.mpd-study-page a{color:inherit;text-decoration:none}
.mpd-study-page button{font:inherit;cursor:pointer}
.mpd-study-page :focus-visible{outline:3px solid var(--mpd-core-focus,#b36d12);outline-offset:5px}
.mpd-study-page [hidden]{display:none!important}
.mpd-study-language{font:600 13px/1.4 var(--mpd-core-font-sans);color:var(--mpd-core-text-secondary);padding:10px 16px;border:1px solid var(--mpd-core-border);border-radius:999px}
.mpd-study-language-mobile{font:400 15px/1.5 var(--mpd-core-font-sans);padding:16px 0;color:var(--mpd-core-text-secondary)}
.mpd-study{--study-teal:#3c6666;--study-gold:#7b674a;--study-rule:#dedbd4;--study-ink:#1b252d;--study-muted:#56616a}
.mpd-study h1,.mpd-study h2,.mpd-study h3,.study-viewer h2{font-family:var(--mpd-core-font-serif,Georgia,serif);color:var(--study-ink,#1b252d);font-weight:400;letter-spacing:-.035em;text-wrap:balance}
.mpd-study h1{font-size:clamp(44px,5vw,68px);line-height:1.08;margin:16px 0 24px}
.mpd-study h1 span{white-space:nowrap}
.mpd-study h2{font-size:clamp(34px,3.4vw,48px);line-height:1.13;margin:0 0 24px}
.mpd-study h3{font-size:28px;line-height:1.15;margin:8px 0 14px}
.mpd-study p{margin:0 0 18px}
.mpd-study img{max-width:100%;display:block}
.study-wrap{width:calc(100% - 96px);max-width:1160px;margin:0 auto}
.study-section{padding-top:96px;padding-bottom:96px}
.mpd-study section[id]{scroll-margin-top:138px}
.study-eyebrow{color:var(--study-gold);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;line-height:1.6}
.mpd-study .study-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:11px 22px;border:1px solid #976624;border-radius:999px;background:linear-gradient(165deg,#ffe5a3 0%,#f3be52 38%,#dfa032 100%);color:#34260e;font-size:16px;font-weight:700;line-height:1.4;box-shadow:inset 0 1px 0 #ffffffe6,inset 0 0 0 1px #ffffff61,0 6px 16px -9px #8c571280;transition:transform .18s,box-shadow .18s}
.mpd-study .study-button:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffffe6,0 8px 18px -9px #8c5712a0}
.study-button span{font-size:21px;font-weight:400}
.mpd-study-subnav{position:sticky;top:var(--mpd-core-header-height,72px);z-index:90;background:rgba(241,238,232,.96);border-bottom:1px solid #e7e3dc;font-size:13px}
.mpd-study-subnav>div{max-width:1240px;min-height:48px;display:flex;align-items:center;justify-content:flex-end;gap:32px;margin:auto;padding:0 48px}
.mpd-study-subnav span{margin-right:auto;font:600 16px/1.2 Georgia,serif}
.mpd-study-subnav a{padding:12px 0;white-space:nowrap;font-weight:600}
.mpd-study-subnav a:hover{color:#3c6666}
.study-viewer{padding:0;width:min(1140px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);border:1px solid #d8d5cf;border-radius:8px;background:#fbfaf7;color:#17242d;box-shadow:0 20px 80px #0005}
.study-viewer::backdrop{background:#17242de0}
.study-viewer-heading{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 28px;background:#fbfaf7;border-bottom:1px solid #dedbd4}
.study-viewer h2{font-size:26px;line-height:1.2;margin:0 0 5px}
.study-viewer-heading p{font-size:13px;color:#56616a;line-height:1.4;margin:0}
.study-viewer-close{display:flex;align-items:center;gap:12px;min-height:44px;flex-shrink:0;padding:8px 15px;border:1px solid #aaa;border-radius:999px;background:transparent;color:#17242d;font-size:14px!important}
.study-viewer-close span{font-size:25px;line-height:1}
.study-viewer-image{padding:24px;overflow:auto}
.study-viewer-image img{width:100%;height:auto;display:block;background:#fff}
.study-viewer-help{text-align:center;font-size:12px;color:#56616a;padding:0 20px 20px;margin:0}
body.mpd-study-page .study-original-link:hover{color:#244848;background:transparent}
body.mpd-study-page .study-viewer-close,body.mpd-study-page .study-viewer-zoom{background:transparent;color:#17242d;border:1px solid #b8b8af;box-shadow:none}
body.mpd-study-page .study-viewer-close:hover,body.mpd-study-page .study-viewer-zoom:hover{background:#edeae2;color:#17242d}
.study-viewer-tools{display:flex;align-items:center;gap:18px;padding:14px 24px 0;position:sticky;top:97px;background:#fbfaf7;z-index:1}
.study-viewer-zoom{border-radius:999px;padding:8px 15px;min-height:44px;font-size:13px!important;flex-shrink:0}
.study-viewer-status{font-size:12px;color:#56616a;line-height:1.4}
.study-viewer-image.is-zoomed img{width:200%;min-width:750px;max-width:none}
.study-viewer-image.is-zoomed{max-height:65dvh}
@media(max-width:767px){.study-viewer-tools{position:static;padding:10px 12px 0;flex-wrap:wrap;gap:6px}.study-viewer-image.is-zoomed{max-height:55dvh}.study-viewer-zoom{font-size:12px!important}}

/* The artwork is shown at its original proportions. Only its outer edges fade. */
.salon {
    overflow: hidden;
    color: #faf4e6;
    background: radial-gradient(ellipse at 72% 34%, #756046 0%, #423b30 32%, transparent 64%),
                linear-gradient(125deg, #172625 3%, #28332c 53%, #302b25 100%);
}
.salon-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    min-height: 580px;
    column-gap: clamp(24px, 5vw, 78px);
}
.salon-copy { padding: 58px 0; }
.salon .study-eyebrow { color: #e1c698; }
.salon h1 {
    color: #fff9ec;
    font-size: clamp(64px, 7vw, 106px);
    line-height: .96;
    margin: 20px 0 26px;
}
.salon h1 span {
    display: block;
    font-size: .61em;
    font-style: italic;
    font-weight: 400;
    margin-top: 12px;
    color: #e3cda7;
}
.salon-subtitle { font: 400 clamp(23px, 2.2vw, 31px)/1.3 var(--mpd-core-font-serif); }
.salon-intro { max-width: 465px; color: #e7e5db; font-size: 17px; }
.salon-copy .study-button { margin-top: 10px; }
.salon-art {
    margin: 0;
    min-width: 0;
    display: flex;
    justify-content: center;
    align-self: stretch;
    align-items: center;
}
.salon-front img {
    width: auto;
    height: clamp(530px, 45vw, 620px);
    max-width: 100%;
    object-fit: contain;
    mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
}
.repertoire { max-width: 1120px; }
.section-intro { max-width: 670px; color: var(--study-muted); }
.sample-tabs {
    display:flex;
    flex-wrap:wrap;
    gap: 4px 8px;
    margin: 27px 0 0;
    padding: 0 0 12px;
    border-bottom: 1px solid var(--study-rule);
}
.sample-tabs a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 7px 17px;
    border-radius: 999px;
    color: #455558;
    font-size: 15px;
    font-weight: 600;
}
.sample-tabs a:hover { background: #f1ede4; }
.sample-tabs a[aria-selected="true"] { background: #284d4d; color: white; }
.score-panel { padding-top: 25px; scroll-margin-top: 140px; }
.score-heading { display: grid; grid-template-columns: .9fr 1.1fr; align-items: end; gap: 34px; margin-bottom: 22px; }
.score-heading .study-eyebrow { margin: 0 0 6px; }
.score-heading h3 { margin: 0; font-size: clamp(28px, 2.7vw, 38px); }
.score-heading > p { margin: 0; color: var(--study-muted); font-size: 16px; line-height: 1.55; }
.score-paper {
    display: block;
    position: relative;
    background: white;
    border: 1px solid #d8d5cf;
    border-radius: 5px;
    box-shadow: 0 16px 38px -28px #38312670;
    padding: clamp(12px, 2.5vw, 34px);
}
.score-paper img { width: 100%; height: auto; }
.score-paper picture { display:block; }
.score-loupe {
    position:absolute; right:8px; top:8px; display:grid; place-items:center;
    width:30px; height:30px; color:#345650; background:#fffffff2;
    border:1px solid #d2d9d4; border-radius:50%; pointer-events:none;
}
.score-paper:is(:hover,:focus-visible) .score-loupe { color:#fff; background:#345650; }
.printed-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 44px;
    font-size: 14px;
    font-weight: 600;
    color: var(--study-teal) !important;
}

.score-paper:hover { border-color: #91a9a1; }
.printed-link:hover, .author-copy a:hover { text-decoration: underline; text-underline-offset: 4px; }
.study-author-band { background:#fff; color:var(--study-ink); }
.author-note {
    max-width:1080px;
    display:grid;
    grid-template-columns:112px minmax(156px,.65fr) minmax(0,1.5fr);
    align-items:center;
    gap:clamp(20px,3vw,44px);
    padding-block:clamp(40px,5.3vw,76px);
}
.author-note figure { margin:0; width:100%; }
.author-note figure img { width:100%; aspect-ratio:1; height:auto; object-fit:cover; object-position:52% 40%; border-radius:50%; }
.author-identity .study-eyebrow { margin:0 0 6px; }
.author-identity h2 { margin:0; font-size:clamp(26px,2.5vw,38px); }
.author-copy .author-lead { margin:0 0 10px; padding:0; border:0; color:#3f5147; font:italic clamp(21px,1.9vw,28px)/1.3 var(--mpd-core-font-serif); }
.author-copy p { margin:0; color:var(--study-muted); font-size:16px; }
.author-copy a { display:inline-flex; align-items:center; gap:8px; min-height:44px; color:#31584d; font-weight:600; font-size:15px; }
.wheel-band { background:#fff; }
.wheel-title { text-align: center; max-width: 700px; margin: 0 auto 24px; }
.wheel-title h2 { margin-bottom: 12px; }
.wheel-title > p:last-child { font-size: 16px; color: var(--study-muted); }
.wheel-layout { display:grid; grid-template-columns: minmax(0,1.2fr) minmax(0,.8fr); gap: clamp(28px, 5vw, 78px); align-items:center; max-width:1000px; margin:auto; }
.study-wheel { display:block; width:100%; height:auto; overflow:visible; }
.wheel-sector { cursor:pointer; }
.wheel-sector path { fill: color-mix(in srgb, var(--tone) 17%, #fffdf7); stroke: color-mix(in srgb, var(--tone) 36%, #f1eee6); stroke-width:1.2; transition:fill .16s; }
.wheel-sector:hover path { fill: color-mix(in srgb, var(--tone) 30%, #fffdf7); }
.wheel-sector[aria-selected="true"] path { fill: var(--tone); stroke:var(--tone); }
.wheel-sector:focus-visible { outline:none; }
.wheel-sector:focus-visible path { stroke:#17242d; stroke-width:4; }
.sector-label { fill:#263936; font:600 17px var(--mpd-core-font-sans); pointer-events:none; }
.wheel-sector[aria-selected="true"] .sector-label { fill:white; }
.wheel-hub { fill:#f3eff7; stroke:#e4ddea; stroke-width:1; }
.wheel-center { fill:#4b4054; font:400 26px var(--mpd-core-font-serif); pointer-events:none; }
.wheel-reading { border-top: 3px solid var(--tone); padding: 20px 0 14px; }
.wheel-reading h3 { font-size:clamp(28px, 3vw, 40px); }
.wheel-reading > p { font-size:17px; }
.edition { display:grid; grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr); align-items:start; gap:clamp(32px,7vw,100px); max-width:1020px; }
.edition figure { margin:12px auto 0; max-width:275px; }
.edition img { width:100%; height:auto; transform:rotate(-3deg); border-radius:2px 5px 5px 2px; box-shadow:8px 20px 34px -14px #392e2559; }
.edition-copy > p:not(.study-eyebrow) { color: var(--study-muted); }
.edition-index { border-top:1px solid var(--study-rule); }
.edition-index:last-child { border-bottom:1px solid var(--study-rule); }
.edition-index summary { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:18px 0; cursor:pointer; list-style:none; font-size:16px; font-weight:650; }
.edition-index summary::-webkit-details-marker { display:none; }
.edition-index summary span { font-size:24px; line-height:1; font-weight:400; }
.edition-index[open] summary span { transform:rotate(45deg); }
.edition-index h3 { margin:18px 0 10px; font-size:21px; }
.edition-index ul { margin:0 0 24px; padding:0; list-style:none; }
.edition-index li { display:flex; align-items:baseline; gap:8px; padding:3px 0; font-size:14px; }


.edition-index p { font-size:15px; color:var(--study-muted); }
.study-viewer-image:not(.is-zoomed) img { max-height:calc(100dvh - 225px); object-fit:contain; }
@media(max-width:960px) {
    .study-wrap { width:calc(100% - 64px); }
    .study-section { padding:64px 0; }
    .salon-layout { min-height:470px; column-gap:20px; }
    .salon-front img { height:auto; max-height:530px; }
    .wheel-layout { column-gap:26px; }
}
@media(max-width:700px) {
    .mpd-study-language { display:none; }
    .mpd-study-subnav > div { justify-content:center; gap:clamp(15px,5vw,30px); padding:0 12px; }
    .mpd-study-subnav > div > span { display:none; }
    .mpd-study-subnav a { min-height:44px; }
    .study-wrap { width:calc(100% - 36px); }
    .study-section { padding:48px 0; }
    .mpd-study h2 { font-size:34px; }
    .salon-layout { width:100%; grid-template-columns:1fr; gap:0; }
    .salon-copy { padding:32px 22px 22px; max-width:500px; margin:0 auto; text-align:center; }
    .salon h1 { font-size:62px; margin:10px 0 15px; }
    .salon h1 span { font-size:.62em; margin-top:5px; }
    .salon-subtitle { font-size:23px; margin-bottom:10px!important; }
    .salon-intro { font-size:15px; margin-bottom:8px!important; }
    .salon-copy .study-button { min-height:44px; padding:8px 16px; font-size:14px; }
    .salon-art { width:min(100%,470px); margin:auto; }
    .salon-front img {
        width:100%; height:auto; max-width:390px;
        mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),
                   linear-gradient(180deg,transparent,#000 6%,#000 96%,transparent);
        mask-composite:intersect;
    }
    .sample-tabs { display:flex; flex-wrap:wrap; gap:2px 4px; margin-top:16px; }
    .sample-tabs a { flex:1 1 auto; justify-content:center; padding:4px 9px; font-size:14px; white-space:nowrap; }
    .score-heading { grid-template-columns:1fr; gap:9px; margin-bottom:16px; }
    .score-heading > p { font-size:15px; }
    .score-panel { padding-top:17px; }
    .score-paper { padding:8px; }

    .wheel-layout { grid-template-columns:1fr; gap:12px; }
    .wheel-title { margin:0 0 8px; }
    .study-wheel { width:min(100%,430px); margin:auto; }
    .wheel-detail { width:100%; max-width:440px; margin:auto; }
    .wheel-reading { padding:14px 0 6px; }
    .wheel-reading h3 { font-size:29px; }
    .wheel-reading p { margin-bottom:9px; }
    .edition { grid-template-columns:1fr; gap:30px; }
    .edition figure { width:168px; margin:0 auto; }
    .edition-copy { max-width:520px; margin:auto; }
    .study-viewer { width:calc(100vw - 16px); max-height:calc(100dvh - 16px); }
    .study-viewer-heading { padding:12px; gap:8px; align-items:flex-start; }
    .study-viewer h2 { font-size:21px; }
    .study-viewer-heading p { font-size:12px; }
    .study-viewer-tools { padding:8px 12px 0; }
    .study-viewer-image { padding:12px; }
}
/* Keep the seven score tabs together in balanced rows at smaller widths. */
@media (max-width:960px) {
    .sample-tabs { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); }
    .sample-tabs a { grid-column:span 3; justify-content:center; padding-inline:4px; }
    .sample-tabs a:nth-child(n+5) { grid-column:span 4; }
}
@media (max-width:600px) {
    .sample-tabs a:nth-child(-n+4) { grid-column:span 6; }
}

@media(prefers-reduced-motion:reduce) {
    .mpd-study *, .study-viewer * { transition:none!important; }
}

/* The printed cover is the product. The unlettered art is scenery only. */
.salon{position:relative;isolation:isolate;background:#efe7d6;color:#253732}
.salon-backdrop{position:absolute;inset:0;z-index:-1;background:linear-gradient(95deg,rgba(249,246,237,.98) 8%,rgba(246,240,225,.92) 44%,rgba(235,221,195,.86) 73%,rgba(243,235,216,.94)),url('assets/salon-1102.webp') center 39%/cover no-repeat}
.salon-layout{position:relative;max-width:1250px;min-height:0;grid-template-columns:1fr .93fr;gap:clamp(24px,6vw,100px);padding:34px 0 38px}
.salon-copy{padding:36px 0;max-width:540px}
.salon-art{align-self:center;justify-self:center;width:min(100%,448px);padding:0;margin:0}
.salon-front>a{display:block}
.salon-front img{display:block;width:100%;height:auto;max-height:none;mask-image:none;object-fit:contain;border-radius:2px 5px 5px 2px;box-shadow:1px 1px 0 #938472,0 14px 21px -9px #42342562,0 34px 44px -24px #41302080;transform:rotate(1deg)}
.salon-actions{display:flex;gap:14px 22px;flex-wrap:wrap;align-items:center;margin-top:24px}
.mpd-study .study-buy{display:inline-flex;align-items:center;gap:8px;min-height:46px;border-radius:30px;padding:10px 20px;background:#f6d592;color:#332918;border:1px solid #b58b4f;font:650 15px/1.35 var(--mpd-core-font-sans,Arial);text-decoration:none}
.mpd-study .study-buy:disabled{cursor:default;color:#f7ebd8;background:#43423a;border:1px solid #b4a388;opacity:1}
.edition-copy .study-buy{margin:4px 0 18px}
.edition-copy .study-buy:disabled{background:#eeeae0;color:#504b40;border-color:#ada595}
.study-editions{position:relative;color:#28383a;font:600 14px/1.45 var(--mpd-core-font-sans,Arial)}
.study-editions summary{display:flex;align-items:center;gap:8px;cursor:pointer;min-height:44px;padding:8px 12px;list-style:none}
.study-editions summary::-webkit-details-marker{display:none}
.study-editions ul{margin:0;padding:8px;position:absolute;right:0;z-index:101;min-width:210px;background:#fbfaf7;border:1px solid #d9d5cc;border-radius:12px;box-shadow:0 6px 20px #24211a26;list-style:none}
.study-editions li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 8px}
.study-editions small{color:#625d54;font-weight:400}
.study-editions [aria-current]{color:#2c5959}
.study-editions a{display:block;width:100%;min-height:32px}
.listen-band{color:#263b38}
.listen-band .study-section{max-width:1160px}
.listen-screen{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:16/9;background:#decde9;color:#31233a;border-radius:8px}
.listen-screen>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 39%;mix-blend-mode:luminosity;opacity:.9;filter:contrast(.87) brightness(1.12)}
.listen-screen:before{content:"";position:absolute;z-index:1;inset:0;background:radial-gradient(ellipse 100% 76% at 12% 91%,#f3edf7fa 8%,#f0e8f4eb 41%,#eee5f1a1 67%,transparent 100%);pointer-events:none}
.listen-screen-caption{position:absolute;inset:auto 7% 12%;z-index:2;color:#2e2034}
.listen-screen-caption>span{font-size:13px;color:#45364d}
.listen-screen-caption h3{margin:4px 0 12px;color:inherit;font:500 clamp(25px,3.4vw,48px)/1.08 var(--mpd-core-font-serif,Georgia)}
.listen-play{display:inline-flex;gap:10px;align-items:center;min-height:44px;padding:7px 13px;background:#452d50;color:#fff!important;border-radius:30px;font-size:14px;font-weight:650}
.listen-take-action{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px}
.listen-range{color:#402a48;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.listen-screen iframe{position:absolute;z-index:3;inset:0;width:100%;height:100%;border:0;background:#162322}
.listen-screen:has(iframe) .listen-screen-caption{visibility:hidden}
.mpd-study [id]{scroll-margin-top:calc(var(--mpd-core-header-height,72px) + 64px)}
@media (max-width:960px){

 .study-editions ul{position:static;box-shadow:none;min-width:0}.study-editions{width:100%}
}
@media (max-width:850px){
 .salon-layout{width:100%;grid-template-columns:1fr;padding:0;gap:0}
 .salon-copy{text-align:center;max-width:660px;margin:auto;padding:28px 22px 24px}
 .salon h1{margin:6px 0 10px;font-size:clamp(44px,7.4vw,68px)}
 .salon h1 span{display:inline;font-size:.65em;white-space:nowrap}
 .salon-subtitle{margin-bottom:8px!important;font-size:clamp(21px,3.2vw,27px)}
 .salon-intro{max-width:56ch;margin:0 auto!important}
 .salon-actions{justify-content:center;margin-top:12px}
 .salon-art{width:100%;max-width:none;padding:0;background:#191c18}
 .salon-front img{width:100%;height:auto;max-height:none;mask-image:none;object-fit:contain;transform:none;border-radius:0;box-shadow:none}
 .salon-backdrop{background:linear-gradient(155deg,#e7dbc4,#f6f1e6 75%)}
}
@media (max-width:700px){
 .mpd-study-subnav>div{gap:clamp(12px,4vw,26px);padding:0 10px}
 .mpd-study-subnav a{font-size:clamp(12px,3.3vw,15px)}
 .salon-copy{padding:20px 16px 18px}.salon-actions{gap:8px 16px}
 .salon-intro{font-size:15px}.mpd-study .study-buy{min-height:44px;font-size:14px;padding:9px 13px}
 .listen-screen:before{background:linear-gradient(0deg,#f0e7f395,transparent 54%)}
 .listen-screen-caption{inset:auto auto 8% 5%;max-width:90%;isolation:isolate}
 .listen-screen-caption::before{content:"";position:absolute;inset:-8px -14px -10px -13px;z-index:-1;pointer-events:none;border-radius:12px;background:#f4edf6d6;filter:blur(8px)}.listen-screen-caption h3{font-size:26px;margin:0 0 8px}
}

@media (max-width:1023px){
 .mpd-system-header__inner>.study-editions{display:none}
 .mpd-system-mobile-panel .study-editions{width:100%}
 .mpd-system-mobile-panel .study-editions ul{position:static;box-shadow:none}
}
@media (max-width:850px){
 .salon-art{grid-row:1}
 .salon-front img{max-width:100%}
 .salon-copy{padding-bottom:28px}
}
@media (max-width:850px){
 .salon-copy{display:flex;align-items:center;flex-direction:column;padding-top:16px}
 .salon-actions{order:-1;margin:0 0 18px}
}

/* The keyboard follows the wedge itself. Pointer interaction never draws the theme's dotted rectangle. */
body.mpd-study-page :is(a,button,summary,input,[tabindex]):focus:not(:focus-visible){outline:none!important}
body.mpd-study-page :is(a,button,summary,input,[tabindex]):focus-visible{outline:2px solid #98651e!important;outline-offset:3px}
body.mpd-study-page .wheel-sector:focus{outline:none!important}
body.mpd-study-page .wheel-sector:focus-visible path{stroke:#17242d;stroke-width:6;paint-order:stroke fill}
body.mpd-study-page .mpd-study :is(a,button,summary,label){-webkit-tap-highlight-color:transparent}
body.mpd-study-page .mpd-study .sample-tabs a:focus-visible{outline:none!important;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.22em}
@media(forced-colors:active){
 body.mpd-study-page .wheel-sector:focus-visible path{stroke:Highlight;forced-color-adjust:none}
}

.study-history{background:#f5f0e6;color:#2f3630}
.history-layout{max-width:1120px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(30px,5.2vw,88px);padding-block:clamp(42px,6.5vw,92px)}
.history-copy h2{margin:0 0 15px}.history-copy .study-eyebrow{margin-bottom:8px}
.history-copy dl{border-top:1px solid #c9bda8;margin:20px 0 0;padding-top:12px}
.history-copy dt{font:600 19px/1.35 var(--mpd-core-font-serif,Georgia);color:#31463d;margin:0 0 3px}
.history-copy dt small{font:500 13px/1.4 var(--mpd-core-font-sans,Arial);color:#655f52;white-space:nowrap}
.history-copy dd{color:#49524d;margin:0 0 14px;font-size:16px;line-height:1.55}
.history-copy dd:last-child{margin-bottom:0}

@media(max-width:700px){
 .history-layout{grid-template-columns:1fr;gap:22px;padding-block:38px}
 .history-copy{grid-row:1}
}


.salon .study-eyebrow{color:#705a39}
.salon h1{color:#263931}.salon h1 span{color:#715838}
.salon-subtitle{color:#3f4b42}.salon-intro{color:#44524a}
.salon .study-buy:disabled{background:#e9e1d1;color:#514632;border-color:#aba08c}
.edition{align-items:center}
.edition figure{width:100%;max-width:284px;margin:8px auto}
.edition img{border-radius:2px 4px 4px 2px;transform:rotate(-4deg);box-shadow:1px 1px 0 #938474,0 9px 17px -7px #44352466,0 24px 38px -15px #45362680}
.edition-index ul{columns:2 12em;column-gap:24px}
.edition-index li{display:block;break-inside:avoid}

.history-layout{max-width:1240px;grid-template-columns:minmax(0,1.33fr) minmax(0,1fr);gap:clamp(26px,4vw,62px)}
.history-art{min-width:0;margin:0}
.history-art img{display:block;width:100%;height:auto;border-radius:3px}
.listen-band{background:#564760}
.listen-band .study-eyebrow{color:#e8dcec}
.listen-band h2{color:#fff9fc}
.listen-layout{display:grid;grid-template-columns:minmax(230px,.73fr) minmax(0,1.27fr);align-items:center;gap:clamp(34px,5.5vw,76px)}
.listen-heading{min-width:0}
.listen-heading .study-eyebrow{margin:0 0 10px}
.listen-heading h2{margin:0 0 16px;max-width:15ch}
.listen-panels{min-width:0}
.listen-panels article{background:#fcfbf6;overflow:hidden;border-radius:8px;box-shadow:0 8px 32px -24px #344b40}
.listen-panels article+article:not([hidden]){margin-top:12px}
.listen-panels article[hidden]+article:not([hidden]){margin-top:0}
.listen-screen{border-radius:0}
@media(max-width:850px){
 .listen-layout{grid-template-columns:1fr;gap:18px}
 .listen-heading h2{max-width:none;margin-bottom:8px}
}
@media(max-width:700px){
 .history-layout{grid-template-columns:1fr;gap:20px}
 .history-art{grid-row:1}
 .history-copy{grid-row:auto}
 .edition figure{width:55vw;max-width:240px}
}


.history-art img{mask-image:linear-gradient(to right,transparent,#000 8%,#000 86%,transparent);border-radius:0}
.study-wheel{--wheel-paper:#fff}
.wheel-sector path{fill:var(--wash)}
.wheel-sector:hover path{fill:var(--wash);stroke:var(--tone);stroke-width:2.5}
.wheel-sector[aria-selected="true"] path{fill:var(--inked)}
.listen-names{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 15px;margin:18px 0 0}
.listen-names a{display:inline-flex;align-items:center;min-height:38px;max-width:100%;font:500 clamp(15px,1.17vw,18px)/1.38 var(--mpd-core-font-serif,Georgia);color:#eee5f3}
.listen-names a:is(:hover,[aria-selected="true"]){color:#fffafd;text-decoration:underline;text-decoration-color:#e5cfe9;text-decoration-thickness:2px;text-underline-offset:5px}
body.mpd-study-page .listen-names a:focus-visible{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;outline-offset:2px}
.listen-panels article{background:#20332a}
.listen-screen{border-radius:8px}
.listen-screen:has(>iframe){min-height:200px}
.listen-screen:has(>iframe)::before{display:none}
@media(max-width:850px){
 .listen-names{gap:0 16px;margin-top:10px}
 .listen-names a{min-height:42px}
}
@media (forced-colors:active){
 .wheel-hub{fill:Canvas;stroke:CanvasText}
 .wheel-center{fill:CanvasText}
 .wheel-sector path{fill:Canvas;stroke:CanvasText}
 .wheel-sector[aria-selected="true"] path{fill:Highlight}
 .wheel-sector[aria-selected="true"] .sector-label{fill:HighlightText}
}


/* Full-width white sections alternate with the listening room, Paris and the book. */
.mpd-study{background:#fff}
.edition-band{background:#f8f6f0}
.wheel-layout{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);max-width:930px}
.wheel-detail{max-width:420px}
.wheel-reading{padding:18px 0 2px}
@media(max-width:960px){
 .author-note{grid-template-columns:88px minmax(135px,.67fr) minmax(0,1.33fr);gap:22px}
}
@media(max-width:700px){
 .author-note{grid-template-columns:76px minmax(0,1fr);gap:16px 18px;padding-block:38px}
 .author-copy{grid-column:1/-1}
 .author-note .author-identity h2{font-size:28px}
 .wheel-layout{grid-template-columns:minmax(0,1fr)}
 .wheel-detail{width:100%;margin:auto}
}

.score-heading > :only-child { grid-column:1 / -1; }
.score-terms {
    display:grid;
    grid-template-columns:minmax(0, 5fr) minmax(0, 7fr);
    gap:14px;
    margin:18px 0 0;
}
.score-terms > div {
    --term-accent:var(--study-gold);
    padding:14px 18px;
    border-inline-start:3px solid var(--term-accent);
    border-radius:4px;
    background:color-mix(in srgb, var(--term-accent) 7%, white);
}
.score-terms > div:nth-child(2) { --term-accent:var(--study-teal); }
.score-terms dt {
    margin:0 0 4px;
    font-weight:650;
    color:var(--term-accent);
}
.score-terms dd {
    margin:0;
    color:var(--study-ink);
    font-size:16px;
    line-height:1.55;
}
@media (max-width:600px) {
    .score-terms { grid-template-columns:minmax(0, 1fr); gap:8px; margin-top:12px; }
    .score-terms > div { padding:12px 15px; }
}

.mpd-study .listen-play{background:#452d50;color:#fff!important;box-shadow:0 2px 6px #2e223a2b}
.mpd-study .listen-play:hover{background:#34203e}
body.mpd-study-page .listen-play:focus-visible{outline-color:#2e193a!important;box-shadow:0 0 0 3px #fff}
.mpd-study button.listen-play{border:0;font:650 14px/1.4 var(--mpd-core-font-sans,Arial);cursor:pointer}
body.mpd-study-page .listen-names a:focus-visible{outline-color:#f4daf2!important}
.edition-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px 20px;margin:12px 0 20px}
.edition-copy .edition-actions .study-buy{margin:0}
.edition-actions .printed-link{margin:0}

.salon-backdrop::after {
    content:""; position:absolute; inset:auto 0 0; height:clamp(45px,6.5vw,86px);
    background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.62) 60%,#fff);
}
@media(min-width:851px) {
    .salon-layout {
        grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
        column-gap:clamp(24px,3vw,48px);
    }
}
/* Scaled from the published Chopin cover stage (470 / 435 / 370). */
.salon-art {
    display:block; position:relative; isolation:isolate;
    width:min(100%,624px); padding:0; aspect-ratio:1.53;
    background:radial-gradient(ellipse closest-side at 50% 60%,#e4dac680,#e4dac62b 55%,transparent);
}
.salon-front {
    position:absolute; z-index:2; left:50%; top:50%; height:92.55%;
    width:auto; aspect-ratio:2550/3300;
    transform:translate(-50%,calc(-50% + var(--cover-rise,0px))) rotate(-4deg);
}
.salon .salon-front img {
    width:100%; height:auto; transform:none; border-radius:1px 4px 4px 1px;
    box-shadow:-3px 1px 0 #b9ad93,0 26px 40px -16px #20272e60;
}
.salon-leaf {
    position:absolute; width:auto; height:78.72%; top:11.7%;
    aspect-ratio:2550/3300; background:white center/100% 100% no-repeat;
    border:1px solid #e2ded4; box-shadow:0 22px 35px -16px #222d3650;
    pointer-events:none; user-select:none;
}
.salon-leaf-first {
    z-index:1; right:56%;
    background-image:url('assets/abanico-izquierda.webp');
    transform:translate(calc(0px - var(--fan-shift,0px)),var(--leaf-rise,0px)) rotate(-12deg);
}
.salon-leaf-next {
    left:56%; height:77.45%; top:12.33%;
    background-image:url('assets/abanico-derecha.webp');
    transform:translate(var(--fan-shift,0px),var(--leaf-rise,0px)) rotate(12deg);
}
html:lang(en) .salon-leaf-first { background-image:url('editions/en/assets/abanico-izquierda.webp'); }
html:lang(en) .salon-leaf-next { background-image:url('editions/en/assets/abanico-derecha.webp'); }
.wheel-index { max-width:930px; margin:28px auto 0; border-bottom:1px solid var(--study-rule); }
.edition-questions { margin-top:32px; }
.edition-questions>h3 { font-size:clamp(23px,2.2vw,29px); margin-bottom:15px; }
.edition-questions summary { line-height:1.35; }
body.mpd-study-page .study-viewer-format {
    border:0; background:transparent; color:#32554d; box-shadow:none;
    min-height:44px; padding:6px 10px; font-size:13px; font-weight:650;
}
body.mpd-study-page .study-viewer-format:hover { text-decoration:underline; }
@media(min-width:701px) and (max-width:850px) {
    .salon-art { width:calc(100% - 64px); max-width:760px; height:470px; aspect-ratio:auto; }
    .salon-leaf-first { right:54%; }
    .salon-leaf-next { left:54%; }
}
@media(max-width:700px) {
    .salon-art { width:100%; height:310px; aspect-ratio:auto; }
    .salon-front { height:278px; }
    .salon-leaf-first { right:55%; height:232px; top:36px; transform:translate(calc(0px - var(--fan-shift,0px)),var(--leaf-rise,0px)) rotate(-10deg); }
    .salon-leaf-next { left:55%; height:228px; top:38px; transform:translate(var(--fan-shift,0px),var(--leaf-rise,0px)) rotate(10deg); }
}
@media(max-width:600px) {
    .score-loupe { width:25px; height:25px; right:4px; top:4px; }
    .score-loupe svg { width:15px; height:15px; }
}
@media(prefers-reduced-motion:reduce) {
    .salon-art { --cover-rise:0px!important; --leaf-rise:0px!important; --fan-shift:0px!important; }
}

/* Grow the complete fan together, retaining the original page angles. */
@media (min-width: 851px) {
  .salon-art { transform: scale(1.1); transform-origin: center; }
}
.study-mobile-buy { display: none; }
@media (max-width: 700px) {
  .study-mobile-buy:not([hidden]) {
    position: fixed;
    z-index: 98;
    inset: auto 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 6px max(14px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));
    background: #fbfaf7;
    border-top: 1px solid var(--study-rule);
  }
  .study-mobile-buy strong { font: 600 16px/1.2 var(--mpd-core-font-serif,Georgia,serif); }
  .mpd-study .study-mobile-buy .study-buy { flex-shrink: 0; min-height: 44px; margin: 0; font-size: 13px; }
  body.mpd-consent-visible .study-mobile-buy,
  body.mpd-system-menu-open .study-mobile-buy,
  body:has(dialog[open]) .study-mobile-buy,
  body:has(.study-listening iframe:fullscreen) .study-mobile-buy { display: none; }
}


.mpd-study-subnav > div { gap: 20px; }
.mpd-study-subnav .study-nav-current { font-weight: 700; }
.mpd-study-subnav a[data-study-edition] { display: inline-flex; align-items: center; min-height: 44px; color: #365b5b; }
@media (max-width: 850px) {
  .mpd-study-subnav > div { justify-content: flex-end; gap: 18px; padding-inline: max(18px,env(safe-area-inset-left)) max(18px,env(safe-area-inset-right)); }
  .mpd-study-subnav .study-nav-title { display: block; font-size: 14px; }
}


@media (max-width: 700px) {
  .mpd-study-page:has(.study-mobile-buy:not([hidden])) #wpfront-scroll-top-container {
    bottom: calc(66px + env(safe-area-inset-bottom, 0px)) !important;
  }
}