/* templates/modules/textSlide_v1/view.css — 텍스트 슬라이드(제목+설명 좌우 넘김), 2026-10-28 */
.sc-tslide{--ts-accent:#c8998a;--ts-pill:#e6d8d1;--ts-ink:#1d1d1f;margin-bottom:28px;padding:clamp(28px,5vw,64px) 0 clamp(24px,4vw,44px);position:relative;word-break:keep-all;text-align:center}
.sc-tslide .ts-pillrow{display:flex;justify-content:center;margin-bottom:clamp(26px,4vw,50px)}
.sc-tslide .ts-pill{display:inline-block;padding:clamp(10px,1.4vw,18px) clamp(30px,5vw,72px);border-radius:999px;background:var(--ts-pill);color:#111;font-size:clamp(18px,2.4vw,34px);font-weight:900;letter-spacing:-.05em;line-height:1.2}
.sc-tslide .ts-stage{position:relative;padding:0 clamp(44px,6vw,90px)}
.sc-tslide .ts-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}
.sc-tslide .ts-track::-webkit-scrollbar{display:none}
.sc-tslide .ts-slide{flex:0 0 100%;scroll-snap-align:center;box-sizing:border-box;padding:0 6px}
.sc-tslide .ts-slide h3{margin:0 0 clamp(20px,3.4vw,44px);font-size:clamp(26px,4.2vw,58px);font-weight:900;letter-spacing:-.06em;line-height:1.2;color:var(--ts-accent)}
.sc-tslide .ts-slide h3.has-sub{margin-bottom:clamp(14px,2.2vw,28px)}
.sc-tslide .ts-sub{margin:0 0 clamp(14px,2vw,26px);font-size:clamp(20px,2.6vw,36px);font-weight:900;letter-spacing:-.05em;line-height:1.3;color:#111}
.sc-tslide .ts-sub:empty{min-height:1.3em}
.sc-tslide.ts-edit .ts-sub:empty::before{content:attr(data-ph);font-size:14px;font-weight:500;letter-spacing:0;color:#aaa}
.sc-tslide .ts-slide p{margin:0 auto;max-width:34em;font-size:clamp(15px,1.7vw,24px);font-weight:500;letter-spacing:-.04em;line-height:1.75;color:var(--ts-ink);white-space:pre-line}
.sc-tslide .ts-arrow{position:absolute;top:50%;transform:translateY(-50%);width:clamp(34px,3.4vw,48px);height:clamp(34px,3.4vw,48px);padding:0;border:0;border-radius:50%;background:transparent;color:#111;cursor:pointer;display:grid;place-items:center;transition:background .15s}
.sc-tslide .ts-arrow:hover{background:rgba(0,0,0,.07)}
.sc-tslide .ts-arrow:focus-visible{outline:3px solid var(--ts-accent);outline-offset:2px}
.sc-tslide .ts-arrow svg{width:60%;height:60%}
.sc-tslide .ts-prev{left:0}
.sc-tslide .ts-next{right:0}
.sc-tslide .ts-dots{display:flex;justify-content:center;margin-top:clamp(22px,3vw,40px)}
.sc-tslide .ts-dots{gap:9px;width:max-content;margin-left:auto;margin-right:auto;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.7)}
.sc-tslide .ts-dot{width:11px;height:11px;padding:0;border:0;border-radius:50%;background:#e2cdc5;cursor:pointer;transition:background .2s,transform .2s}
.sc-tslide .ts-dot.on{background:var(--ts-accent);transform:scale(1.1)}
.sc-tslide .ts-note{margin:0 auto 14px;max-width:560px;padding:8px 12px;border:1px dashed #c9c2b3;border-radius:10px;background:#f4f2ed;font-size:12.5px;color:#555}
/* 편집 모드: 모든 장을 세로로 펼쳐서 바로 고칠 수 있게(화살표·점 없음) */
.sc-tslide.ts-edit .ts-stage{padding:0}
.sc-tslide.ts-edit .ts-track{display:block;overflow:visible}
.sc-tslide.ts-edit .ts-slide{padding:18px 12px;margin:0 0 12px;border:1px dashed #c9c2b3;border-radius:14px;background:rgba(255,255,255,.5)}
@media(prefers-reduced-motion:reduce){.sc-tslide .ts-track{scroll-behavior:auto}.sc-tslide .ts-dot,.sc-tslide .ts-arrow{transition:none}}
