/* ed-ux: topics/reels low-risk UX (executor) */
@media (max-width:900px){
  #app .ed-tw{display:flex!important;flex-direction:column;gap:12px}
  #app .ed-tree{max-height:42vh;overflow:auto;-webkit-overflow-scrolling:touch;border:1px solid rgba(154,110,36,.35);border-radius:14px;padding:8px}
  #app .ed-pass{min-height:40vh}
  #app .ed-ul ul{margin-inline-start:12px}
  #app .rl-f{flex-wrap:wrap}
  #app .rl-modal .rl-box{max-height:100dvh;overflow:auto}
}
#app .ed-root{font-weight:700}
#app .ed-ent-more{margin-top:8px}
#app select.rl-ser[hidden],#app select.rl-cs[hidden]{display:none!important}
#app .ed-rel{display:flex;flex-direction:column;gap:8px;margin:10px 0 14px;padding:12px 14px;background:#FFFBF2;border:1px solid rgba(154,110,36,.35);border-radius:14px}
#app .ed-rel-row{display:flex;flex-direction:column;gap:6px}
#app .ed-rel-row b,#app .ed-rel-lbl{color:#7A1F2B;font-size:.92em}
#app .ed-rel-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;align-items:center}
#app .ed-ay .ed-rel-chips{margin-top:8px}

/* reels counters + suggest */
#app .rl-tot-sub{opacity:.85;font-size:.92em}
#app .rl-tot-hint{margin:.2em 0 .6em;color:#6B5E4A;font-size:.9em}
#app .rl-suggest{margin-top:14px;padding:14px;border:1px solid rgba(154,110,36,.4);border-radius:14px;background:#FFFBF2}
#app .rl-sug-form{display:grid;gap:10px}
#app .rl-sug-form label{display:grid;gap:4px;font-weight:600;color:#7A1F2B}
#app .rl-sug-form input,#app .rl-sug-form select,#app .rl-sug-form textarea{font:inherit;padding:8px 10px;border-radius:10px;border:1px solid rgba(154,110,36,.45);background:#fff}
#app .rl-sug-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#app .rl-sug-msg{color:#1f6b3a;font-weight:700}
#app #rl-suggest-btn{margin-inline-start:auto}

/* topics toolbar / tree */
#app .ed-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0 10px}
#app .ed-sort{display:inline-flex;align-items:center;gap:6px;font-size:.92em}
#app .ed-caret{border:0;background:transparent;cursor:pointer;width:1.6em;color:#7A1F2B;font-size:1.05em}
#app .ed-tree li{list-style:none;margin:2px 0}
#app .ed-tree ul{margin:0;padding:0 0 0 0;margin-inline-start:1em}
#app .ed-sticky-dom{position:sticky;top:0;background:#F7EFDD;z-index:2;padding-bottom:6px;border-bottom:1px solid rgba(154,110,36,.3);margin-bottom:8px}
#app .ed-bc{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:8px;font-size:.92em}
#app .ed-crumb{border:0;background:none;color:#7A1F2B;cursor:pointer;text-decoration:underline;font:inherit}
#app .ed-bc-sep{opacity:.5}
#app .ed-recent{margin:0 0 10px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
#app .ed-share-w{border:0;background:#EADBBC;border-radius:8px;cursor:pointer;margin-inline-start:auto}
#app .ed-hit{display:block;color:#6B5E4A;font-size:.86em;margin:2px 0 8px}
#app .ed-search-row{display:flex;gap:8px;align-items:stretch;max-width:640px}
#app .ed-search-row input{flex:1}
#app .ed-card mark{background:#F7D98A;color:inherit;padding:0 .1em;border-radius:3px}
@media print{
  #app .ed-toolbar,#app .ed-doms,#app .ed-tree,#app .ed-search-row,#app .rd-tabs,#app .ed-rel{display:none!important}
  #app .ed-pass{display:block!important}
}
