/* ===== เมนูอ่าน/แก้ไขบท: ย้ายมาเป็นแผงลอยข้างกระดาษ (จอกว้าง) ===== */
@media(min-width:1180px){
  .rdov .rdscroll{padding-top:28px}
  .rdov .rdbar{position:fixed;z-index:2;top:28px;left:calc(50% + 397px + 18px);width:184px;max-height:calc(100vh - 56px);overflow:auto;box-sizing:border-box;
    display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start;padding:14px;border-radius:16px;
    background:rgba(24,18,13,.94);border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 40px rgba(0,0,0,.5)}
  .rdov .rdbar>*{grid-column:1/-1;min-width:0}
  .rdov .rdbar h3{margin:0;font-size:15px;line-height:1.4;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}
  .rdov .rdbar .rdeps{display:flex;flex-wrap:wrap;gap:6px}
  .rdov .rdbar .rdeps button{flex:1 1 auto;padding:6px 10px;font-size:13px}
  .rdov .rdbar .rdst{font-size:12px;line-height:1.45;color:#a99c8d;opacity:.9}
  .rdov .rdbar .rdsp{flex:none;height:1px;background:rgba(255,255,255,.1);margin:2px 0}
  .rdov .rdbar button{width:100%;padding:9px 10px;border-radius:10px;text-align:center;font-size:14px;transition:background .12s,transform .08s}
  .rdov .rdbar button:active{transform:scale(.97)}
  .rdov .rdbar .rdeps button{width:auto;border-radius:999px}
  .rdov .rdbar .rdsm,.rdov .rdbar .rdbg{grid-column:auto;font-size:15px;font-weight:700}
  .rdov .rdbar .rdmode{padding:10px}
  .rdov .rdbar .rdx{margin-top:4px;padding:10px}
}
/* จอแคบ: เมนูลอยกลางล่าง ไม่บังกระดาษด้านบน */
@media(max-width:1179px){
  .rdov .rdbar{position:fixed;z-index:2;left:50%;bottom:14px;top:auto;transform:translateX(-50%);max-width:calc(100vw - 20px);
    padding:8px 10px;border-radius:16px;gap:6px;justify-content:center;background:rgba(24,18,13,.96);border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 32px rgba(0,0,0,.55)}
  .rdov .rdbar h3,.rdov .rdbar .rdst,.rdov .rdbar .rdsp{display:none}
  .rdov .rdbar button{padding:7px 12px;font-size:13px}
  .rdov .rdscroll{padding-bottom:90px}
}