/* Optional lecture products; all source text uses the established study reader. */
#srs-browse-tabs:has(.study-products-tabs) { flex-wrap:wrap; overflow:visible; position:relative; }
.study-products-tabs { display:contents; }
.study-products-menu-wrap { position:relative; display:inline-flex; align-self:center; }
.study-products-add { display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; width:32px; height:32px; padding:0; margin:0; border:0; border-radius:0; box-shadow:none; background:transparent; color:var(--amber-lt,#edc77c); font:600 23px/1 var(--font-ui,sans-serif); cursor:pointer; }
.study-products-menu { position:fixed; right:auto; top:auto; z-index:50; width:250px; box-sizing:border-box; max-width:calc(100vw - 40px); padding:12px; border:1px solid var(--border2,#786442); border-radius:9px; background:var(--surface,#211c16); box-shadow:0 8px 24px #0008; }
.study-products-menu[hidden], .study-products-panel[hidden], .study-products-preview[hidden], .study-products-image-error[hidden] { display:none!important; }
.study-products-choice { display:block; width:100%; text-align:left; padding:10px; border:0; border-radius:5px; background:transparent; color:var(--text,#eee5d6); cursor:pointer; font:inherit; }
.study-products-choice:hover { background:var(--surface2,#33291b); }
.study-products-menu-title { margin:0 0 5px; font-weight:600; }
.study-products-muted, .study-products-storage, .study-products-preference-error { color:var(--text2,#b8b0a3); font:12px/1.5 var(--font-ui,sans-serif); }
.study-products-preference-error { flex-basis:100%; color:var(--amber-lt,#edc77c); }
.study-products-panel { padding:18px 0; min-width:0; }
.study-products-head { display:flex; align-items:center; justify-content:flex-end; gap:12px; max-width:820px; margin:auto; }
.study-products-edit { white-space:nowrap; }
.study-products-eligibility, .study-products-status { max-width:820px; margin:9px auto; }
.study-products-status { min-height:1em; color:var(--text,#eee5d6); font:13px/1.5 var(--font-ui,sans-serif); }
.study-products-item { position:relative; min-width:0; }
.study-products-copy { min-width:0; }
.study-products-figure { position:relative; margin:0; min-width:0; align-self:start; }
.study-products-image-button { display:block; width:100%; padding:0; border:0; border-radius:7px; background:#0002; cursor:pointer; }
.study-products-image { display:block; width:100%; max-height:540px; object-fit:contain; height:auto; border-radius:7px; }
.study-products-image-caption { display:flex; flex-direction:column; gap:5px; margin-top:8px; font:12px/1.5 var(--font-ui,sans-serif); color:var(--text,#eee5d6); overflow-wrap:anywhere; }
.study-products-source-line { color:var(--text2,#b8b0a3); font-size:11px; }
.study-products-credit { display:none; position:absolute; left:0; right:0; bottom:calc(100% + 6px); z-index:3; flex-wrap:wrap; gap:5px; padding:6px; background:var(--surface,#211c16); border:1px solid var(--border2,#786442); border-radius:7px; }
.study-products-figure:hover .study-products-credit, .study-products-figure:focus-within .study-products-credit, .study-products-credit-open .study-products-credit { display:flex; }
.study-products-person { max-width:100%; }
.study-products-person .presence-name { overflow-wrap:anywhere; }
.study-products-image-error { font-size:12px; color:var(--text,#eee5d6); }
.study-products-editor { grid-column:1/-1; padding-top:16px; border-top:1px solid var(--border,#51452e); display:grid; gap:12px; min-width:0; }
.study-products-editor>p { margin:0; }
.study-products-editor label { display:flex; flex-direction:column; gap:6px; font:13px/1.4 var(--font-ui,sans-serif); color:var(--text,#eee5d6); }
.study-products-editor input { width:100%; min-width:0; box-sizing:border-box; padding:9px; background:var(--surface,#211c16); border:1px solid var(--border2,#786442); border-radius:5px; color:var(--text,#eee5d6); font:inherit; }
.study-products-paste { padding:16px; border:1px dashed var(--border2,#786442); border-radius:7px; color:var(--text2,#b8b0a3); font-size:13px; }
.study-products-preview { display:block; max-width:100%; max-height:340px; width:auto; height:auto; border-radius:5px; }
.study-products-draft-status { color:var(--text,#eee5d6); font-size:13px; }
.study-products-editor-actions { display:flex; flex-wrap:wrap; gap:8px; }
.study-products-panel button:disabled { opacity:.65; cursor:default; }
.study-products-panel :focus-visible, .study-products-tabs :focus-visible { outline:2px solid #79cfe0; outline-offset:3px; }
.study-products-resource { max-height:none; overflow-y:visible; padding:0 10px 18px; background:var(--reading-base,rgba(14,12,8,.82)); }
.reading-light .study-products-muted, .reading-light .study-products-storage, .reading-light .study-products-source-line, .reading-light .study-products-paste { color:#625544; }
.reading-light .study-products-image-caption, .reading-light .study-products-status, .reading-light .study-products-draft-status, .reading-light .study-products-editor label { color:#28231c; }
.reading-light .study-products-editor input { background:#fffaf1; color:#28231c; border-color:#a9987e; }
@media(max-width:650px) { .study-products-head { align-items:flex-start; } .study-products-edit { font-size:12px; padding:8px; } .study-products-panel { padding:12px 0; } }
.study-products-eligibility:empty { display:none; }



.study-products-status:empty { display:none; }
.study-products-source-block { margin-bottom:14px; }
.study-products-retained-draft { max-width:820px; margin:18px auto; }

.study-products-line { position:relative; min-width:0; }
.study-products-editing .study-products-line { display:grid; grid-template-columns:minmax(0,1fr) 28px; column-gap:6px; align-items:start; }
.study-products-line-text { min-width:0; }
.study-products-line-add { grid-column:2; margin:6px 0 0; padding:0; width:26px; height:26px; border:0; background:transparent; color:var(--reading-accent,var(--amber-lt)); font:600 20px/1 var(--font-ui,sans-serif); cursor:pointer; }
.study-products-line > .study-products-figure, .study-products-line > .study-products-editor, .study-products-line > .study-products-restore { grid-column:1/-1; }
.study-products-line-drop { outline:1px dashed var(--reading-accent,var(--amber-lt)); outline-offset:4px; }
.study-products-line .study-products-figure { margin:10px 0 16px; max-width:100%; }
.study-products-figure[draggable=true] { cursor:grab; }
.study-products-image-actions { display:flex; flex-wrap:wrap; gap:6px; margin:8px 0; }
.study-products-image-actions .ghost-btn { padding:5px 9px; font-size:12px; }
.study-products-editor { margin:10px 0 16px; padding:12px; border:1px solid var(--border2); border-radius:6px; gap:10px; }
.study-products-editor .study-products-paste { padding:14px; text-align:center; }
.study-products-file-label { position:relative; justify-self:start; cursor:pointer; font-size:12px!important; }
.study-products-file { max-width:100%; font-size:12px!important; }
.study-products-details { min-width:0; }
.study-products-details > summary { cursor:pointer; color:var(--reading-body,var(--text2)); font-size:12px; }
.study-products-details[open] { display:grid; gap:10px; }
.study-products-move-label { display:flex; flex-wrap:wrap; align-items:center; gap:6px; color:var(--reading-body,var(--text2)); font-size:12px; min-width:0; }
.study-products-move-destination { min-width:0; max-width:100%; padding:6px; background:var(--surface); color:var(--reading-ink,var(--text)); border:1px solid var(--border2); border-radius:5px; font:inherit; }
.study-products-line > .study-products-restore { justify-self:start; width:auto; padding:5px 9px; font-size:12px; }