/* Front styles */
.rmxse-figure img, .rmxse-figure video{ width:100%; height:auto; border-radius:12px; display:block; }
.rmxse-figure.wide img, .rmxse-figure.wide video{ width:100%; }

/* Gallery strip: horizontal thumbs + nav + touch/drag */
.rmxse-strip{ display:flex; gap:8px; overflow:auto; padding:4px 38px; position:relative; scroll-behavior:smooth; }
.rmxse-strip a{ display:block; line-height:0; border-radius:8px; overflow:hidden; flex:0 0 auto; }
.rmxse-strip img{ height:120px !important; width:auto; border-radius:8px; display:block; object-fit:cover; }
.rmxse-strip .nav{ position:absolute; top:50%; transform:translateY(-50%); background:rgba(0,0,0,.55); border:1px solid rgba(255,255,255,.15); color:#fff; font-weight:800; width:32px; height:32px; border-radius:999px; line-height:30px; text-align:center; cursor:pointer; user-select:none; }
.rmxse-strip .nav.prev{ left:4px; } .rmxse-strip .nav.next{ right:4px; }
.rmxse-strip.dragging{ cursor:grabbing; }

/* ToC */
.rmxse-quote{ font-size:1.2rem; font-style:italic; border-left:4px solid var(--rmx-gold, #f5c84b); padding-left:12px; margin:12px 0; }
.rmxse-lead{ font-size:1.25rem; line-height:1.7; text-align:center; max-width:60ch; margin:10px auto 14px; }
.rmxse-lead:first-letter{ font-size:3.0em; line-height:1; font-weight:800; padding-right:.03em; color:var(--rmx-gold,#f5c84b); }
.rmxse-duo{ display:flex; gap:10px; align-items:flex-start; }
.rmxse-duo .rmxse-figure{ flex:1 1 0; }
@media (max-width:680px){ .rmxse-duo{ flex-direction:column; } }
.rmxse-toc{ border:1px solid rgba(255,255,255,.08); border-radius:10px; padding:10px 12px; margin:10px 0 14px; background:rgba(0,0,0,.35); }
.rmxse-toc ol{ margin:0; padding-left:18px; }
.rmxse-toc a{ color:#ddd; text-decoration:none; }
.rmxse-toc a:hover{ text-decoration:underline; }

/* Simple modal for video items */
.rmxse-modal{ position:fixed; inset:0; background:rgba(0,0,0,.85); display:none; align-items:center; justify-content:center; z-index:9999; }
.rmxse-modal.open{ display:flex; }
.rmxse-modal .inner{ position:relative; width:min(92vw, 1100px); }
.rmxse-modal video{ width:100%; height:auto; border-radius:12px; box-shadow:0 10px 32px rgba(0,0,0,.6); }
.rmxse-modal .close{ position:absolute; top:-10px; right:-10px; width:36px; height:36px; border-radius:999px; background:#111; color:#fff; border:1px solid rgba(255,255,255,.15); line-height:34px; text-align:center; cursor:pointer; font-weight:800; }