/* AD30 members - RESOURCES (PDFs, pictures, links from the group leaders).                         [drive-resources, new file]
   One markup for every page (js/resources.js R.item: .rs-item > .rs-thumb|.rs-icon + .rs-body), styled per page:
     member view (simple.html, dark): #rsShelf "Resources" shelf + .rsm inside a section + .rsn in Study notes / print
     Teacher view (index.html, light): #rsTop strip + .rs-fig inside a timeline marker
     group leader view (admin.html, dark): .rs-admin card */

/* ---------- shared ---------- */
.rs-item{display:flex; gap:14px; align-items:flex-start}
.rs-thumb, .rs-icon{flex:0 0 34%; max-width:150px; display:block; position:relative; aspect-ratio:4/3; border-radius:10px; overflow:hidden;
  text-decoration:none; -webkit-tap-highlight-color:transparent}
.rs-thumb{background:#111}
.rs-thumb img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block}
.rs-icon{display:grid; place-items:center; font:800 17px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; letter-spacing:.08em; color:#fff}
.rs-i-pdf{background:linear-gradient(160deg,#b4442f,#7d2a1c)}
.rs-i-link{background:linear-gradient(160deg,#2d5f8a,#1d3d5a)}
.rs-i-image{background:linear-gradient(160deg,#4d6b3a,#2f4424)}
.rs-body{flex:1 1 auto; min-width:0}
.rs-kick{margin:0; font-size:12.5px; letter-spacing:.12em; text-transform:uppercase; opacity:.8}
.rs-kick .lx-new{letter-spacing:.5px; margin-left:4px}
.rs-t{margin:4px 0 0; font-size:19px; line-height:1.3; font-weight:600; overflow-wrap:anywhere}
.rs-t a{color:inherit; text-decoration:none}
.rs-w{margin:4px 0 0; font-size:14.5px; line-height:1.35; opacity:.8}
.rs-note{margin:10px 0 0}
.rs-lab{margin:0 0 4px; display:flex; flex-wrap:wrap; align-items:center; gap:8px}
.rs-tag{display:inline-block; font:800 12px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; letter-spacing:.08em;
  padding:5px 8px; border-radius:6px; background:#6b5a3e; color:#fff}
.rs-labt{font-size:13.5px; opacity:.8}
.rs-nt{font-size:16.5px; line-height:1.5}
.rs-nt p{margin:4px 0}
.rs-open{margin:8px 0 0}
.rs-open a{display:inline-flex; align-items:center; min-height:44px; font-size:16px; font-weight:600; text-decoration:none}
.rs-thumb:focus-visible, .rs-icon:focus-visible, .rs-open a:focus-visible, .rs-t a:focus-visible{outline:3px solid #d9b870; outline-offset:2px}

/* ---------- member view (simple.html) ---------- */
.rsm-top{margin-top:36px}
.rsm-list{list-style:none; margin:0; padding:0}
.rsm-li{margin:0 0 12px; border:1px solid var(--line); border-radius:18px; background:var(--panel); padding:12px}
.rsm-li .rs-item.lxm-flash{animation:lxmFlash 1.6s ease}
.rsm-top .rs-t, .rsm .rs-t{font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif; font-weight:500; font-size:20px; color:var(--text)}
.rsm-top .rs-kick, .rsm .rs-kick, .rsm-top .rs-w, .rsm .rs-w, .rsm-top .rs-labt, .rsm .rs-labt{color:var(--muted); opacity:1}
.rsm-top .rs-nt, .rsm .rs-nt{color:var(--text)}
.rsm-top .rs-open a, .rsm .rs-open a{color:var(--gold)}
.rsm{margin:26px 0 0; padding-top:18px; border-top:1px solid var(--line)}
.rsm .rs-item{padding:10px 0 4px}
.rsm .rs-item + .rs-item{margin-top:10px; padding-top:16px; border-top:1px dashed var(--line)}
.sx-item.has-resource .rsm-cnt{white-space:nowrap}
@media (max-width:380px){ .rs-thumb, .rs-icon{flex-basis:30%} .rs-t{font-size:18px} }

/* Study notes (light page) + print: titles and the leader's notes only, never the files */
.rsn{margin:28px 0 0}
.rsn-r{margin:16px 0 0}
.rsn-t{font-size:20px; font-weight:600; line-height:1.3; margin:0; color:#2a1d10}
.rsn-k{font:400 14px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; color:#6b5c4b}
.rsn-lab{margin:10px 0 4px}
.rsn-n p{margin:6px 0 0}
@media print {
  .rsn-t{color:#000} .rsn-k{color:#333}
  .rsn .rs-tag{background:none !important; color:#000 !important; border:1pt solid #000; padding:2pt 4pt}
  .rsn-r{break-inside:avoid; page-break-inside:avoid}
  html:not(.notes-open) .rsm-top, html:not(.notes-open) .rsm{display:none !important}
  #rsTop, .rs-fig .rs-thumb, .rs-fig .rs-icon, .rs-fig .rs-open, .rs-go{display:none !important}
}

/* ---------- Teacher view (index.html) ---------- */
#rsTop .rs-strip{display:flex; gap:12px; overflow-x:auto; -webkit-overflow-scrolling:touch; scroll-snap-type:x mandatory; padding:4px 2px 12px; margin:0 -2px}
#rsTop .rs-card{flex:0 0 78%; max-width:300px; scroll-snap-align:start; background:#fff; border:1px solid #e0d6c6; border-radius:12px; padding:10px; color:#2a1d10}
#rsTop .rs-item{flex-direction:column; gap:8px}
#rsTop .rs-thumb, #rsTop .rs-icon{flex:none; width:100%; max-width:none; aspect-ratio:16/9}
#rsTop .rs-t{font-size:16px}
#rsTop .rs-kick, #rsTop .rs-w{color:#7a6a58; opacity:1}
#rsTop .rs-w{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12.5px}
#rsTop .rs-open a, .rs-fig .rs-open a{color:var(--V,#0f7c86)}
#rsTop .rs-go{display:block; width:100%; min-height:40px; margin:6px 0 0; border:1px solid #e0d6c6; border-radius:10px; background:#faf6ef; color:#5a4a38; font:inherit; font-size:14px; cursor:pointer}
.rs-fig{border:1px solid #d9dde3; border-left:4px solid #6b5a3e; border-radius:10px; padding:10px; background:#fcfcfd; margin:8px 0 12px; color:#2a1d10}
.rs-fig .rs-kick, .rs-fig .rs-w, .rs-fig .rs-labt{color:#6b5c4b; opacity:1}
.rs-fig .rs-note{background:#f6f3ee; border-left:3px solid #6b5a3e; padding:4px 8px 2px; border-radius:0 6px 6px 0}
.rs-fig .rs-nt{font-size:15.5px; line-height:1.45}
.hasr{margin-right:4px}
html.fx-dark #rsTop .rs-card, html.fx-dark .rs-fig{background:#1b1e24; border-color:#343a44; color:#f1e7d6}

/* ---------- group leader view (admin.html) ---------- */
.rs-admin .rs-mode{border:0; margin:0; padding:0}
.rs-admin .rs-mode legend{padding:0}
.rs-admin .rs-opt{display:flex; align-items:center; gap:10px; min-height:52px; padding:0 14px; margin:0 0 8px; border:1px solid var(--line,#2a303a); border-radius:14px;
  background:#11151b; font-size:17px; cursor:pointer}
.rs-admin .rs-opt input{width:22px; height:22px; accent-color:var(--gold,#d9b870)}
.rs-admin .rs-file{padding:12px; min-height:56px; height:auto}
.rs-admin .rs-fprev{margin:12px 0 0}
.rs-admin .rs-fprev img{display:block; max-width:100%; max-height:260px; border-radius:10px; border:1px solid var(--line,#2a303a)}
.rs-admin .rs-fprev p{margin:6px 0 0; font-size:15px; color:var(--muted,#9a9fa8); overflow-wrap:anywhere}
.rs-admin .rs-type{margin:16px 0 0; font-size:15px; color:var(--gold,#d9b870); min-height:1em}
.rs-admin .rs-aitem .rs-t{font-size:18px}
.rs-admin .rs-aitem .rs-kick, .rs-admin .rs-aitem .rs-w, .rs-admin .rs-aitem .rs-labt{color:var(--muted,#9a9fa8); opacity:1}
.rs-admin .rs-aitem .rs-open a{color:var(--gold,#d9b870)}