/* Shared indicator / Figma 2258:8785. Static geometry is preserved below.
   Main scope overrides the old per-page exported geometry without affecting cards. */
#main .slide-indicator{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:24px;width:860px;max-width:100%;height:auto;padding:0;box-sizing:border-box}
#main .slide-indicator__divider{position:relative;flex:none;width:100%;max-width:100%;height:0;margin:0;padding:0}
#main .slide-indicator__divider>img{position:absolute;top:-1px;left:0;width:100%;height:1px;display:block}
#main .slide-indicator__pagination{display:flex;flex-direction:row;flex:none;align-items:center;justify-content:flex-start;gap:16px;width:max-content;max-width:100%;height:36px;margin:0;padding:0}
#main .slide-indicator__counter{display:flex;align-items:center;justify-content:flex-start;flex:none;gap:16px;width:max-content;height:auto;padding:0;margin:0;font:400 16px/1.4 LINE,sans-serif;color:#cdd1d5}
#main .slide-indicator__counter p{margin:0;font-size:16px;line-height:1.4}
#main .slide-indicator__counter strong{color:#39506c;font-weight:700}
#main .slide-indicator__separator{position:relative;display:block;flex:none;width:0;height:16px}
#main .slide-indicator__separator img{position:absolute;left:50%;top:50%;width:16px;height:1px;max-width:none;transform:translate(-50%,-50%) rotate(90deg)}
/* Horizontal card tracks must not stretch their SP indicator beyond the viewport. */
@media(max-width:1100px){#main .slide-indicator{width:100%;max-width:calc(100vw - 48px)}}
/* Controller enhancement. All static Figma dimensions and gaps above stay intact. */
#main [data-slider-track].sgkk-slider-track{overflow:hidden;padding-inline-end:0;scroll-behavior:auto;scrollbar-width:none}
#main [data-slider-track].sgkk-slider-track::-webkit-scrollbar{display:none}
#main .slide-indicator[data-slider-for] .slide-indicator__divider:before{content:'';position:absolute;inset:-1px 0 auto;height:1px;background:#e6e8ea}
#main .slide-indicator__progress{position:absolute;top:-1px;left:0;display:block;height:1px;background:#61758f}
#main .slide-indicator--ready .slide-indicator__progress{transition:transform 800ms cubic-bezier(.16,1,.3,1)}
#main .slide-indicator [data-slider-action="previous"]>img{transform:rotate(180deg)}
#main .slide-indicator__number{position:relative;display:block;width:auto;height:1.4em;line-height:1.4;overflow:hidden}
#main .slide-indicator__digit{position:absolute;inset:0;display:block;text-align:center}
#main .slide-indicator__status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(prefers-reduced-motion:reduce){#main .slide-indicator--ready .slide-indicator__progress{transition:none}}

/* Invisible overlapping numerals reserve the widest label, keeping pagination stable. */
#main .slide-indicator__number-sizer{display:grid;visibility:hidden}
#main .slide-indicator__number-sizer>span{grid-area:1 / 1}

/* The viewport keeps its Figma width; a single flex rail carries unchanged cards. */
#main [data-slider-track].sgkk-slider-track>.sgkk-slider-rail{display:flex;flex:0 0 100%;width:100%;min-width:0;gap:inherit;align-items:inherit;position:relative;will-change:transform}
#main .sgkk-slider-rail> :is(article,div){flex-shrink:0}

/* Invisible hit area leaves the one-pixel line and all existing gaps unchanged. */
#main .slide-indicator__divider[role="slider"]{height:24px;margin-block:-12px;cursor:grab;touch-action:pan-y pinch-zoom}
#main .slide-indicator[data-slider-for] .slide-indicator__divider[role="slider"]:before,
#main .slide-indicator__divider[role="slider"] .slide-indicator__progress{top:11px}
#main .slide-indicator__divider[role="slider"]:focus-visible{outline:2px solid #27c1f8;outline-offset:5px}
#main [data-slider-track].sgkk-slider-track{touch-action:pan-y pinch-zoom;cursor:grab;overscroll-behavior-x:contain}
#main [data-slider-track] img{-webkit-user-drag:none}
#main [data-slider-dragging="true"],#main [data-slider-dragging="true"] .slide-indicator__divider{cursor:grabbing;user-select:none}

/* Tablet geometry belongs to the shared viewport, not an old sidebar/SP width.
   Native card offsets are still measured by the unchanged drag/snap controller. */
@media(min-width:761px) and (max-width:1100px){
 #main .sgkk-slider-container{width:100%;min-width:0;max-width:100%;box-sizing:border-box;grid-column:1 / -1}
 #main .sgkk-slider-container>[data-slider-track].sgkk-slider-track{width:var(--slider-tablet-width,100%);min-width:0;max-width:none;margin-inline:0}
 #main .sgkk-slider-container>.slide-indicator{width:100%;min-width:0;max-width:100%;margin-inline:0}
 #main .sgkk-slider-container>[data-slider-track]>.sgkk-slider-rail>*{min-width:0;max-width:100%}
}