#periop-data-management-20260929 {
  box-sizing: border-box; width: min(640px, calc(100vw - 32px)); padding: 30px;
  color: #182b43; background: #fff; border: 1px solid #d8e4f3;
  border-radius: 16px; box-shadow: 0 16px 56px #172e4933; font: 16px/1.7 system-ui, sans-serif;
}
#periop-data-management-20260929::backdrop { background: #10243c66; }
#periop-data-management-20260929 h2 { margin: 0 0 12px; font-size: 24px; }
#periop-data-management-20260929 p { margin: 0 0 24px; color: #52677f; }
#periop-data-management-20260929 .periop-data-choices { display: flex; flex-wrap: wrap; gap: 14px; }
#periop-data-management-20260929 a { flex: 1 1 210px; padding: 18px; color: #2463dc; background: #f6f9ff; border: 1px solid #c5d9ff; border-radius: 10px; text-decoration: none; text-align: center; font-weight: 600; }
#periop-data-management-20260929 a:hover { background: #ebf2ff; }
#periop-data-management-20260929 .periop-data-close { display: block; margin: 24px 0 0 auto; border: 1px solid #cbd9ea; border-radius: 7px; padding: 6px 16px; background: white; color: #244667; font: inherit; cursor: pointer; }
#periop-data-management-20260929 a:focus-visible, #periop-data-management-20260929 button:focus-visible { outline: 3px solid #76a4ff; outline-offset: 3px; }
.periop-data-trigger { border: 0; background: none; color: #2463dc; font: inherit; cursor: pointer; }