/* Preserve native two-axis touch scrolling, including zoom. */
[data-slider-gestures]{touch-action:pan-x pan-y pinch-zoom;cursor:grab;scroll-behavior:auto}
[data-slider-gestures] a{cursor:inherit}
[data-slider-gestures].is-slider-dragging{scroll-snap-type:none!important;cursor:grabbing;user-select:none;-webkit-user-select:none}
[data-slider-gestures].is-slider-dragging *{user-select:none;-webkit-user-select:none}
/* A 32px visual sits inside a 44px hit target; paper and ink follow studio72. */
.concept-c-prime .slider-overlay-arrow{position:relative;isolation:isolate;display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink);font:18px/1 Arial,sans-serif;pointer-events:auto;cursor:pointer;touch-action:manipulation}
.concept-c-prime .slider-overlay-arrow:before{content:'';position:absolute;inset:6px;border-radius:50%;background:color-mix(in srgb,var(--paper) 85%,transparent);box-shadow:0 1px 7px #20211e24;z-index:-1}
.concept-c-prime .slider-overlay-arrow:not(:disabled):not([aria-disabled="true"]):hover:before{background:var(--paper)}
.concept-c-prime .slider-overlay-arrow:disabled,.concept-c-prime .slider-overlay-arrow[aria-disabled="true"]{opacity:.3;cursor:default}
.concept-c-prime .slider-overlay-arrow:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
/* Keep the original control-row height after relocating its buttons. */
.concept-c-prime .service-carousel-controls,.note-slider-controls{min-height:44px}
.concept-c-prime .service-carousel,.note-slider{position:relative}
.service-slider-overlay{position:absolute;display:flex;justify-content:space-between;align-items:center;padding:0 4px;pointer-events:none;z-index:2}
.note-slider-overlay{position:absolute;inset:6px 0 auto;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;pointer-events:none}
.note-slider-overlay:before{content:'';grid-area:1/1/2/4;justify-self:start;width:calc((100% - 48px)/3);aspect-ratio:800/419;pointer-events:none}
.note-slider-overlay .note-slider-prev{grid-area:1/1}
.note-slider-overlay .note-slider-next{grid-area:1/3}
.note-brand-heading .note-slider-status{margin-right:0}
@media(min-width:761px) and (max-width:999px){.note-slider-overlay:before{width:calc((100% - 24px)/2)}}
@media(max-width:760px){.note-slider-overlay:before{width:100%}}