/* Bachata sensual section: only what base.css and chapters.css do not already give. Scoped to .sens. */
.sens .chapter::before{display:none}.sens .chapter{padding-top:0}
.sens .chap{padding:0 20px 24px;max-width:640px;margin:0 auto}
.sens h2{font-size:1.9rem;margin:.2em 0}
.sens .kicker{font:500 13px var(--mono);letter-spacing:.08em;color:var(--achiote);margin:.6rem 0 0;text-transform:uppercase}.sens .kicker::before{content:"";display:block;width:56px;height:6px;background:var(--ink);margin:0 0 10px}
.sens .stage{display:flex;justify-content:center;gap:8px;background:#fff6;border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);margin:1rem 0;padding:6px}
.sens .stage .figure{width:218px;height:249px;max-width:100%}
.sens .stage>span{flex:1 1 0;min-width:0;overflow:hidden}.sens .stage>span .figure{width:100%;height:auto;aspect-ratio:218/238}
.sens button.ghost{background:none;border-style:dashed;box-shadow:none;font-size:15px}.sens button:disabled{opacity:.45}
.sens .chap{border-top:0}.sens .drag{touch-action:none;cursor:grab;user-select:none;width:64px;align-self:stretch;background:var(--platano);border:2px solid var(--ink);display:flex;align-items:center;justify-content:flex-start;padding-top:6px;font:14px var(--mono);writing-mode:vertical-rl}
.sens .stage{touch-action:pan-y}.sens .play{margin:0 0 8px}
.sens .knob{display:block}.sens .knob input{width:100%;height:48px;touch-action:pan-y;accent-color:var(--meer)}
.sens button{min-height:48px;min-width:48px;background:var(--paper);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);padding:0 14px}
.sens button[aria-pressed=true],.sens .chips .on{background:var(--platano)}
.sens .row{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.sens .chips{display:flex;gap:6px;list-style:none;padding:0;font:14px var(--mono);flex-wrap:wrap}
.sens .chips li{border:2px solid var(--ink);padding:4px 8px}
.sens .caption{min-height:3em;font-weight:600}.sens .small{font-size:14px}.sens .src{color:var(--meer);font-size:14px}
.sens .take{font-family:var(--serif);font-size:1.25rem;color:var(--achiote);margin:1rem 0;padding:0;border:0;background:none;box-shadow:none}.sens .next{font:14px var(--mono);margin:12px 0 0;padding:0}
.sens .label{display:inline-block;background:var(--platano);padding:2px 8px;font-size:14px;font-weight:600}
.sens .card{border:2px solid var(--ink);margin:10px 0;box-shadow:2px 2px 0 var(--ink)}
.sens .card .head{width:100%;display:flex;gap:12px;align-items:center;text-align:left;border:0;box-shadow:none;min-height:96px}
.sens .card .head i{display:block;font-size:14px}.sens .card .fig{display:flex;width:97px;flex:none}.sens .card .fig svg{width:97px;height:103px}.sens .card .fig span{display:block}
.sens .card .head>span:last-child{flex:1;min-width:0}.sens .card .head[aria-expanded=true]{flex-wrap:wrap}.sens .card .fig.stills{justify-content:space-around}.sens .card .fig.stills span:not(:first-child){display:none}.sens .card .head[aria-expanded=true] .fig.stills{width:100%}.sens .card .head[aria-expanded=true] .fig.stills span{display:block}
.sens .more{padding:0 12px 8px}.sens .safety{background:var(--rosa);padding:6px 8px}
.sens .figure g{transition:transform .18s ease-out}
@media (prefers-reduced-motion:reduce){.sens .figure g{transition:none}}
.sens .reward{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-weight:600;margin:8px 0}.sens .reward[hidden]{display:none}.sens .sticker{background:var(--platano);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);padding:4px 12px;font:600 16px var(--mono);transform:rotate(-3deg)}
.dock .chbtn.won{background:var(--platano);border-color:var(--achiote)}
.sens .src{display:inline-block;min-height:44px;line-height:44px;margin-right:16px}
.sens [data-chapter=s4]{padding-bottom:110px}
.sens .reward{scroll-margin-bottom:150px}
.sens .small .src{display:block;width:fit-content;min-height:0;line-height:1.2;margin:2px 16px 0 0;padding:12px 0}
.sens .caption:empty{min-height:0}.sens .ghost:disabled{opacity:.45;border-color:#9a8f82}
.sens .stage{align-items:center}.sens .stage>span{text-align:center}.sens .stage .step{display:block;font:700 15px var(--mono)}
/* r11: the same toy-book language as bachata-dominicana (ink track, achiote thumb, hard-shadow buttons, source cards) */
.sens .knob input{-webkit-appearance:none;appearance:none;background:transparent}
.sens .knob input::-webkit-slider-runnable-track{height:10px;background:var(--ink);border-radius:2px}
.sens .knob input::-moz-range-track{height:10px;background:var(--ink);border-radius:2px}
.sens .knob input::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:40px;margin-top:-15px;background:var(--achiote);border:2px solid var(--ink);border-radius:3px;box-shadow:2px 2px 0 var(--ink)}
.sens .knob input::-moz-range-thumb{width:26px;height:36px;background:var(--achiote);border:2px solid var(--ink);border-radius:3px;box-shadow:2px 2px 0 var(--ink)}
.sens .knob span{font:500 14px var(--mono)}
.sens button{border-radius:4px;font-weight:600;transition:transform 120ms var(--ease),box-shadow 120ms var(--ease)}
.sens button:active:not(:disabled){transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}
.sens button[aria-pressed=true]:not(.ghost){background:var(--meer);color:#fff}
.sens .play{min-width:140px}
.sens .src,.sens .small .src{display:inline-grid;grid-template-columns:1fr auto;gap:0 10px;align-items:center;min-height:56px;line-height:1.2;margin:4px 8px 4px 0;padding:6px 12px;border:2px solid var(--ink);border-radius:4px;background:var(--paper);box-shadow:2px 2px 0 var(--ink);text-decoration:none;color:var(--ink);font-size:14px;vertical-align:middle}
.sens .src b{grid-column:1;font:500 12px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--achiote)}
.sens .src span{grid-column:1;font:600 15px var(--serif);overflow-wrap:anywhere}
.sens .src i{grid-column:2;grid-row:1/3;font-style:normal;font-size:20px;color:var(--achiote)}
.sens .src:active{transform:translate(2px,2px);box-shadow:none}
.sens .drag{border-radius:4px;box-shadow:2px 2px 0 var(--ink);background:repeating-linear-gradient(0deg,var(--platano) 0 10px,#d9a200 10px 12px)}
.sens .chips li{border-radius:4px;background:var(--paper)}
.sens .card .figure .nm{display:none}
.sens .drag::before{content:"↕";font-size:20px;margin-bottom:8px}
