.cent-t32 *{box-sizing:border-box}
.cent-t32 button,.cent-t32 input{font:inherit}
.cent-t32 button:focus-visible,.cent-t32 a:focus-visible{outline:1px solid #bbb;outline-offset:5px}
.cent-t32{width:min(1200px,92vw);margin:50px auto 70px}

.cent-t32 .t32-intro{max-width:1100px;font-size:15px;line-height:1.85}
.cent-t32 .t32-intro p{margin:0 0 16px}
.cent-t32 .t32-intro strong{color:#eee}
.cent-t32 .drawing{position:relative;width:min(var(--t32-max,900px),100%);margin:24px auto 0;background:transparent;isolation:isolate}
.cent-t32 .composition-clock{position:relative;width:100%}
.cent-t32 .composition-clock>img{display:block;width:100%;height:auto;pointer-events:none;user-select:none;opacity:var(--drawing-opacity,1)}
.cent-t32 .hotspot{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:44px;height:44px;padding:0;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#aaa;cursor:pointer;touch-action:manipulation}
.cent-t32 .hotspot span{display:grid;place-items:center;width:29px;height:29px;border:1px solid #5b5b5b;border-radius:50%;background:#111e;font-size:11px;letter-spacing:.04em;transition:color .2s,border-color .2s,box-shadow .2s}
.cent-t32 .hotspot:hover span{border-color:#aaa;color:#fff}
.cent-t32 .hotspot[aria-pressed=true] span{border-color:#ddd;color:#fff;box-shadow:0 0 0 5px #ffffff0c}
.cent-t32 .drawing.edit .hotspot{cursor:move;touch-action:none}
.cent-t32 .drawing.edit{outline:1px dashed #333}
.cent-t32 .selector{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:16px;margin-top:14px;border-bottom:1px solid #353535}
.cent-t32 .choice{position:relative;display:flex;align-items:center;gap:10px;width:100%;min-height:60px;text-align:left;border:0;background:transparent;padding:18px 0;color:#777;cursor:pointer}
.cent-t32 .choice .number{font-size:11px;color:#5b5b5b;letter-spacing:.08em}
.cent-t32 .choice .label{font-size:13px;letter-spacing:.04em}
.cent-t32 .choice:hover,.cent-t32 .choice[aria-pressed=true]{color:#fff}
.cent-t32 .choice[aria-pressed=true]:after{content:'';position:absolute;bottom:-1px;height:2px;left:0;right:0;background:#aaa}
.cent-t32 .detail{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:40px;padding:30px 0 26px;min-height:205px}
.cent-t32 .detail h3{font-size:22px;line-height:1.5;font-weight:700;color:#eee;margin:0 0 8px}
.cent-t32 .detail .subline{font-size:13px;line-height:1.7;color:#777;margin:0}
.cent-t32 .detail .body{font-size:15px;line-height:1.85;margin:0 0 18px}
.cent-t32 .detail a{display:inline-block;color:#5b5b5b;text-decoration:none;border-bottom:1px solid #343434;padding-bottom:3px;font-size:14px;font-weight:700}
.cent-t32 .detail a:hover{color:#ddd;border-color:#888}
.cent-t32 .detail.enter{animation:t32-detail-in .24s ease-out}
@keyframes t32-detail-in{from{opacity:.2;transform:translateY(4px)}to{opacity:1;transform:none}}.cent-t32 .outro{font-size:14px;line-height:1.8;color:#999;padding-top:20px;border-top:1px solid #222;margin:0}
@media(min-width:761px){.cent-t32 .drawing{width:min(var(--t32-max,900px),100%,69.6774svh)}
}@media(max-width:760px){.cent-t32{margin-top:30px}
.cent-t32 .t32-intro{font-size:14px}
.cent-t32 .drawing{margin-top:18px}
.cent-t32 .selector{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
.cent-t32 .choice{min-height:56px;padding:14px 0}
.cent-t32 .choice .label{font-size:12px}
.cent-t32 .detail{display:block;padding-top:24px;min-height:0}
.cent-t32 .detail h3{font-size:21px}
.cent-t32 .detail .subline{margin-bottom:16px}
.cent-t32 .detail .body{font-size:14px}
.cent-t32 .outro{font-size:13px}
.cent-t32 .hotspot span{width:27px;height:27px;font-size:10px}
}@media(prefers-reduced-motion:reduce){.cent-t32 *,.cent-t32 *:before,.cent-t32 *:after{animation:none!important;transition:none!important}
}.cent-t32 .hotspot{z-index:3}
.cent-t32 .hotspot span{position:relative;z-index:2;background:#000;color:#fff;border:1px solid #5b5b5b}
.cent-t32 .hotspot::before,.cent-t32 .hotspot::after{content:'';position:absolute;inset:7px;border:2px solid #ff8800;border-radius:50%;pointer-events:none;opacity:0}
.cent-t32 .drawing.is-intro .hotspot:not([aria-pressed=true])::before,.cent-t32 .drawing.is-intro .hotspot:not([aria-pressed=true])::after{animation:t32-point-ripple 2.8s ease-out infinite;animation-delay:0s}
.cent-t32 .drawing.is-intro .hotspot:not([aria-pressed=true])::after{animation-delay:1.4s}
.cent-t32 .hotspot[aria-pressed=true] span{background:#fff;color:#000;border-color:#fff;box-shadow:none}
.cent-t32 .hotspot[aria-pressed=true]::before,.cent-t32 .hotspot[aria-pressed=true]::after{animation:none!important;opacity:0!important}
@keyframes t32-point-ripple{0%{opacity:.85;transform:scale(1)}100%{opacity:0;transform:scale(2.6)}}.cent-t32 .composition-clock{opacity:0}
.cent-t32 .drawing.is-intro .composition-clock{animation:t32-drawing-fade 1.8s ease-in-out both}
@keyframes t32-drawing-fade{from{opacity:0}to{opacity:1}}.cent-t32 .drawing .hotspot{opacity:0;pointer-events:none}
.cent-t32 .drawing.is-intro .hotspot{animation:t32-show-points .6s ease both;animation-delay:.9s}
@keyframes t32-show-points{to{opacity:1;pointer-events:auto}}.cent-t32 .drawing.edit .hotspot{opacity:1;pointer-events:auto;animation:none}
@media(prefers-reduced-motion:reduce){.cent-t32 .composition-clock{opacity:1!important;transform:none!important}
.cent-t32 .drawing .hotspot{opacity:1!important}
.cent-t32 .drawing .hotspot{pointer-events:auto!important}
}.cent-t32 .watch-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;opacity:0;z-index:1}
.cent-t32 .drawing.is-intro .watch-cover{animation:t32-watch-in 1.1s ease-in-out both,t32-watch-out var(--t32-fade,3.6s) ease-in-out var(--t32-delay,2.2s) forwards}
@keyframes t32-watch-in{from{opacity:0}to{opacity:1}}@keyframes t32-watch-out{from{opacity:1}to{opacity:0}}.cent-t32 .drawing.is-intro .composition-clock{animation:t32-drawing-fade var(--t32-fade,3.6s) ease-in-out var(--t32-delay,2.2s) both}
.cent-t32 .drawing.is-intro .hotspot{animation-delay:var(--t32-points,5.2s)}
.cent-t32 .subtopics{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;min-height:50px;padding:12px 0 0}
.cent-t32 .subtopics button{appearance:none;background:transparent;border:0;border-bottom:1px solid transparent;color:#777;font-size:12px;padding:5px 0;cursor:pointer}
.cent-t32 .subtopics button:hover,.cent-t32 .subtopics button[aria-pressed=true]{color:#fff;border-bottom-color:#5b5b5b}
.cent-t32 .detail{padding-top:18px}
@media(max-width:760px){.cent-t32 .subtopics{gap:8px 18px}
.cent-t32 .detail{padding-top:18px}
}@media(prefers-reduced-motion:reduce){.cent-t32 .watch-cover{display:none!important}
}

.cent-t32{margin:40px auto;position:relative;direction:ltr;overflow-anchor:none!important}
.cent-t32 .t32-intro{position:static!important;inset:auto!important;transform:none!important;background:transparent!important;box-shadow:none!important;height:auto!important;max-height:none!important;overflow:visible!important}
.cent-t32 .drawing{direction:ltr!important;transform:none!important}
.cent-t32 .drawing button{appearance:none;-webkit-appearance:none;box-shadow:none}
.cent-t32 .hotspot{color:#fff}
.cent-t32 .hotspot span{box-shadow:none}
.cent-t32 .hotspot[aria-pressed=true] span{color:#000}
.cent-t32 .t32-panels{position:relative}
.cent-t32.is-ready .t32-panels{display:grid}
.cent-t32.is-ready .detail{grid-area:1/1;visibility:hidden;pointer-events:none;align-self:start;margin:0}
.cent-t32.is-ready .detail.is-active{visibility:visible;pointer-events:auto}
.cent-t32 .detail .body p{margin:0 0 12px}
.cent-t32 .detail .body p:last-child{margin-bottom:0}
.cent-t32 .body a{color:#5b5b5b}
.cent-t32 button:focus-visible,.cent-t32 a:focus-visible{outline:1px solid #999;outline-offset:4px}
.cent-t32 .hotspot:focus-visible{outline:1px solid #ff8800;outline-offset:3px}
.cent-t32 .drawing.is-done .composition-clock{opacity:1;animation:none}
.cent-t32 .drawing.is-done .watch-cover{opacity:0;animation:none;visibility:hidden}
.cent-t32 .drawing.is-done .hotspot{opacity:1;animation:none;pointer-events:auto}
.cent-t32 .drawing.is-done .hotspot:not([aria-pressed=true])::before,.cent-t32 .drawing.is-done .hotspot:not([aria-pressed=true])::after{animation:t32-point-ripple 2.8s ease-out infinite}
.cent-t32 .drawing.is-done .hotspot:not([aria-pressed=true])::after{animation-delay:1.4s}
.cent-t32 .t32-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.cent-t32 .subtopics button{min-height:40px}
.cent-t32[dir=rtl]{direction:rtl}
.cent-t32[dir=rtl] .choice{text-align:right}
.cent-t32[dir=rtl] .detail{direction:rtl}
.cent-t32 .watch-cover{opacity:0}
@media(max-width:760px){.cent-t32{margin:30px auto}.cent-t32 .drawing{width:100%}.cent-t32 .subtopics{min-height:54px;gap:2px 18px}.cent-t32 .detail{min-width:0;overflow-wrap:anywhere}.cent-t32 .choice .label{overflow-wrap:anywhere}.cent-t32 .hotspot{width:44px;height:44px}.cent-t32 .selector{column-gap:14px}.cent-t32 .t32-panels{height:auto;max-height:none;overflow:visible}}
@media(prefers-reduced-motion:reduce){.cent-t32 .watch-cover{display:none!important}.cent-t32 .composition-clock{opacity:1!important}.cent-t32 .hotspot{opacity:1!important;pointer-events:auto!important}.cent-t32 .hotspot::before,.cent-t32 .hotspot::after{animation:none!important}}

.cent-t32 .subtopics button[hidden]{display:none!important}
.cent-t32 .t32-intro h2{margin-top:0}

/* Only return links inserted into T32's explicitly linked text blocks. */
.cent-t32-back-row{position:static!important;margin:24px 0 0!important;padding:0!important;text-align:center!important;background:transparent!important}
.cent-t32-back-row .cent-t32-back{display:inline-block;font-family:inherit;font-size:14px!important;font-weight:700;line-height:1.6;color:#5b5b5b!important;text-decoration:none!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:6px 0}
.cent-t32-back-row .cent-t32-back:hover{color:#aaa!important}
.cent-t32-back-row .cent-t32-back:focus-visible{outline:1px solid #5b5b5b;outline-offset:4px}