:root {
  font-family: Arial, Helvetica, sans-serif;
  color: #18314b;
  background: #eef2f5;
}
* { box-sizing: border-box; }
html, body { height: 100%; overflow: hidden; }
body { margin: 0; height: 100dvh; display: flex; flex-direction: column; }
button {
  font: inherit;
  color: #193954;
  background: #fff;
  border: 1px solid #bccada;
  border-radius: 5px;
  padding: 7px 10px;
  cursor: pointer;
}
button:hover { background: #edf5fb; }
.app-header {
  flex: none;
  padding: 12px 20px;
  background: #fff;
  border-bottom: 1px solid #d0d8e0;
}
.app-header h1 { font-size: 20px; margin: 0 0 3px; }
.app-header p { font-size: 12px; color: #5d6e80; margin: 0; }
.detail-panel {
  flex: none;
  min-height: 0;
  background: #fff;
  border-left: 1px solid #cfd8e1;
  padding: 20px 22px;
  overflow: auto;
  overscroll-behavior: contain;
}
.detail-panel h2 { font-size: 20px; line-height: 1.3; }
.detail-panel p, .detail-panel li { font-size: 14px; line-height: 1.58; }
.detail-panel p { margin: 0 0 14px; }
.detail-panel a { color: #205b89; overflow-wrap: anywhere; }
.close-detail { float: right; font-size: 22px; line-height: 1; padding: 3px 9px; }
.evidence-status {
  display: inline-block;
  padding: 4px 9px;
  border-radius: 5px;
  background: #e9f0f6;
  color: #315470;
  font-weight: 700;
}