.oa_row.open {
	max-height: 40rem;
}

li::marker {
  font-size: 0.8em;
}

@media screen and (max-width: 1360px) {
	.table_overflow_wrap { 
  	width: calc( 100svw - 4% );
    padding-right: 4%; }
}

@media (min-width: 992px) and (max-width: 1280px) {
	.oa_toc_btn_wrap { justify-content: center; }
}

@media (min-width: 768px) and (max-width: 1280px) {
  .oa_col_procedure { max-width: calc(100svw - 18rem - 4%); }
}

/*Dialog*/
dialog.oa_toc {
  transform: translateX(-100%);
  opacity: 0;
  transition: transform 320ms ease-in-out, opacity 200ms ease, display 320ms;
  transition-behavior: allow-discrete;
}

dialog.oa_toc[open] {
  transform: translateX(0);
  opacity: 1;
}

@starting-style {
	dialog.oa_toc[open] {
    transform: translateX(-100%);
  }
}

dialog.tooltip {
  position: absolute;
  transform: translateX(5%);
  opacity: 0;
  transition: transform 320ms ease-in-out, opacity 200ms ease, display 320ms;
  transition-behavior: allow-discrete;
}

dialog.tooltip[open] {
  transform: translateX(0);
  opacity: 1;
}

tooltip:focus-visible { 
	outline: var(--blue--600) auto 1px;
}

@starting-style {
	dialog.tooltip[open] {
		opacity: 0;
		transform: translateX(5%);
  }
}