/* V8｜作品詳情資訊與導覽微調。獨立 CSS，不需要覆蓋既有主題。 */
.dialog-info .dialog-message{border-left:3px solid #df9479;padding:2px 0 3px 15px;margin:0;color:#526f67;min-width:0}
.dialog-info .dialog-message[hidden],.dialog-info .dialog-divider[hidden]{display:none!important}
.dialog-message-heading{margin:0 0 9px;color:#ba7c68;font-size:11px;letter-spacing:.1em;font-weight:700}
.dialog-message-text{margin:0;font-size:13px;line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere;color:#55736b}
.dialog-info .dialog-divider{margin:22px 0 20px}
/* 純箭頭切換鍵：清晰、可點擊面積大，保留文字化的無障礙標籤 */
.dialog-navigation{gap:14px;min-height:71px;padding-top:15px;flex-shrink:0;border-top:1px solid #e6dccc}
.dialog-navigation .nav-arrow{
  width:52px;height:52px;min-width:52px;
  display:inline-grid;place-items:center;
  border:1px solid #b8d8cf;border-radius:50%;
  background:#e2f3ec;color:#287f77;
  box-shadow:0 3px 0 rgba(46,125,111,.10);
  padding:0;cursor:pointer;
  transition:background .18s,color .18s,transform .18s,box-shadow .18s;
}
.dialog-navigation .nav-arrow svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.dialog-navigation .nav-arrow:hover:not(:disabled){background:#278c82;color:#fff;border-color:#278c82;transform:translateY(-2px);box-shadow:0 5px 0 rgba(46,125,111,.13)}
.dialog-navigation .nav-arrow:active:not(:disabled){transform:translateY(0);box-shadow:none}
.dialog-navigation .nav-arrow:focus-visible{outline:3px solid #e48e72;outline-offset:3px}
.dialog-navigation .nav-arrow:disabled{opacity:.3;background:#f3f5f0;color:#71877f;box-shadow:none;cursor:not-allowed}
.dialog-navigation #dialog-position{font:13px/1.4 Georgia,serif;letter-spacing:.04em;color:#678f86;background:#f4f6ec;border-radius:999px;padding:8px 13px;white-space:nowrap}
@media (max-width:760px){
  .dialog-info{max-height:42dvh;padding:15px 17px 13px;gap:10px}
  .dialog-info-inner{min-height:0;overflow:auto}
  .dialog-info .dialog-divider{margin:12px 0 12px}
  .dialog-navigation{min-height:67px;padding-top:10px}
  .dialog-navigation .nav-arrow{width:48px;height:48px;min-width:48px}
  .dialog-message-heading{margin-bottom:4px}
  .dialog-message-text{font-size:12px;line-height:1.8}
}
@media (prefers-reduced-motion:reduce){.dialog-navigation .nav-arrow{transition:none}}
