.wannian-disposal-answer .answer-conclusion { min-width: 0; }
.wd-table-scroll { max-width: 100%; max-height: 520px; margin-bottom: 14px; }
.wd-table-scroll table { width: 100%; }
.wd-table-scroll th, .wd-table-scroll td { text-align: left; vertical-align: top; min-width: 110px; }
.wd-table-scroll th { position: sticky; top: 0; z-index: 1; white-space: nowrap; }
.wd-table-scroll td { overflow-wrap: anywhere; }
[data-disposal-view="overview"] [data-wd-rows] th:nth-child(4),
[data-disposal-view="overview"] [data-wd-rows] td:nth-child(4) { min-width: 220px; }
.wd-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 20px 0 24px; }
.wd-metric { min-width: 0; padding: 16px; border: 1px solid #e9edf5; border-radius: 10px; background: #fbfcff; }
.wd-metric h4 { margin: 0 0 12px; color: #64718b; font-size: 12px; font-weight: 500; }
.wd-metric p { display: flex; align-items: baseline; gap: 5px; margin: 0 0 6px; color: #334669; }
.wd-metric strong { font-size: 27px; font-weight: 650; font-variant-numeric: tabular-nums; }
.wd-metric p span, .wd-metric div span { margin-left: 3px; color: #8993a6; font-size: 11px; }
.wd-metric div { color: #64718b; font-size: 13px; font-variant-numeric: tabular-nums; }
.wd-metric-overdue { background: #fff8f8; border-color: #f5e0e4; }
.wd-metric-overdue strong { color: #cf5869; }
.wd-metric-within strong { color: #6487e8; }
.wd-metric-unknown strong { color: #8893a6; }
.wd-scatter-section { min-width: 0; padding: 16px; border: 1px solid #edf0f6; border-radius: 10px; background: #fff; }
.wd-scatter-section > header { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; justify-content: space-between; }
.wd-scatter-section > header h3 { margin: 0; }
.wd-scatter-section > header > span { color: #8993a6; font-size: 11px; }
.wd-scatter-legend { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 14px 0 4px; }
.wd-scatter-legend button { display: inline-flex; align-items: center; gap: 6px; padding: 4px 0; border: 0; background: transparent; color: #65718b; font: inherit; font-size: 12px; cursor: pointer; }
.wd-scatter-legend button > i { width: 7px; height: 7px; border-radius: 50%; }
.wd-scatter-legend button > span { color: #8993a6; font-size: 11px; }
.wd-scatter-legend button[aria-pressed="false"] { opacity: .4; }
.wd-scatter-scroll { width: 100%; overflow-x: auto; }
.wd-scatter-plot { width: 100%; min-width: 860px; height: 400px; }
.wd-scatter-plot svg { display: block; width: 100%; height: 100%; fill: none; stroke: none; stroke-width: 0; }
.wd-scatter-hint { margin: 8px 0 0; color: #8993a6; font-size: 11px; line-height: 1.8; }
.wd-toolbar, .wd-pagination { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.wd-toolbar { flex-wrap: nowrap; }
.wd-toolbar label { display: flex; flex: 1; min-width: 0; align-items: center; gap: 10px; color: #65718b; font-size: 13px; white-space: nowrap; }
.wd-toolbar input { box-sizing: border-box; width: 270px; min-width: 0; max-width: 100%; padding: 8px 11px; border: 1px solid #dfe3ef; border-radius: 7px; font: inherit; }
.wd-pagination button, .wd-source-dialog > button { padding: 8px 12px; border: 1px solid #e0e2ee; border-radius: 7px; background: #fff; color: #6350ce; cursor: pointer; font: inherit; font-size: 13px; }
.wd-pagination { justify-content: flex-end; color: #77819a; font-size: 12px; }
.wd-pagination button:disabled { opacity: .4; cursor: default; }
.wd-cause-table .wd-table-scroll { max-height: none; }
.wd-cause-table :is(th, td):first-child { min-width: 180px; }
.wd-cause-table :is(th, td):nth-child(6) { min-width: 320px; line-height: 1.8; }
.wd-citation { display: inline-block; margin-left: 5px; padding: 1px 6px; border: 0; border-radius: 5px; color: #6e50db; background: #f0eaff; font: inherit; font-weight: 700; cursor: pointer; }
.wd-sources { margin-top: 22px; }
.wd-source-list { overflow: hidden; border: 1px solid #edf0f6; border-radius: 10px; }
.wd-source-row { display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 12px 14px; }
.wd-source-row + .wd-source-row { border-top: 1px solid #edf0f6; }
.wd-source-row:hover { background: #fafbfe; }
.wd-source-row > span { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 6px; background: #f3f0ff; color: #7966c9; font-size: 12px; font-weight: 500; }
.wd-source-row > button { min-width: 0; padding: 0; background: none; border: 0; text-align: left; color: #46526b; font: inherit; font-size: 13px; font-weight: 500; line-height: 1.6; cursor: pointer; overflow-wrap: anywhere; }
.wd-source-row > button:hover { color: #7154db; text-decoration: underline; }
.wd-source-row > small { padding: 3px 8px; border-radius: 5px; color: #7a869b; background: #f4f6fa; font-size: 11px; line-height: 1.5; overflow-wrap: anywhere; }
.wd-source-dialog { box-sizing: border-box; width: min(650px, calc(100vw - 32px)); max-height: 80vh; padding: 26px; border: 1px solid #dedff0; border-radius: 12px; color: #3b4863; line-height: 1.8; }
.wd-source-dialog::backdrop { background: rgb(26 32 56 / 35%); }
.wd-source-dialog h3 { margin-top: 0; font-size: 17px; }
.wd-source-dialog .wd-material-note { padding: 12px; background: #f6f6fb; color: #7c8296; font-size: 12px; }
.wannian-disposal-answer button:focus-visible { outline: 2px solid #8d78e8; outline-offset: 3px; }
@media (max-width: 600px) {
  .wd-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .wd-metric { padding: 12px; }
  .wd-metric strong { font-size: 24px; }
  .wd-scatter-section { padding: 12px; }
  .wd-source-row { grid-template-columns: 24px minmax(0, 1fr); gap: 4px 10px; padding: 10px 12px; }
  .wd-source-row > small { grid-column: 2; justify-self: start; max-width: 100%; }
}